From 8909aaef1a778c2b6c1f6798f1f196ad5c220c38 Mon Sep 17 00:00:00 2001
From: zhangyu <m13716206235@163.com>
Date: Wed, 5 Aug 2020 14:57:14 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=EF=BC=9A=20asset=20bootomBox=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BF=AE=E6=94=B9=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/alert/alertMessageTable.vue        |  3 +-
 .../common/bottomBox/tabs/endpointTab.vue     | 46 ++++++++++++++++++-
 2 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/nezha-fronted/src/components/common/alert/alertMessageTable.vue b/nezha-fronted/src/components/common/alert/alertMessageTable.vue
index 7f67a8da0..56bc5bc76 100644
--- a/nezha-fronted/src/components/common/alert/alertMessageTable.vue
+++ b/nezha-fronted/src/components/common/alert/alertMessageTable.vue
@@ -97,7 +97,7 @@
                 :type="item.label"
                 :labelLoading="scope.row[item.label].loading"
               ></alertLabel>
-              <span @mouseover="labelHover(scope.row,scope.$index,item.label)">
+              <span @mouseover="labelHover(scope.row,scope.$index,item.label)" >
                      <nz-alert-tag
                        :label="item.label" :type="tagType(item.label)" style="margin: 5px 0 5px 5px;"
                        :cursor-point="tagType(item.label) == 'info' ? false : true"
@@ -107,7 +107,6 @@
                        {{item.value}}
                      </nz-alert-tag>
               </span>
-              <p v-if="i%3 == 2" ></p>
             </el-tooltip>
           </template>
           <div v-else-if="item.prop == 'state'">
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
index aec3c9e22..1269946f1 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
@@ -72,7 +72,15 @@
             <template v-else>-</template>
           </span>
           <template v-else-if="item.prop == 'type'">{{scope.row.module.type}}</template>
-          <div v-else-if="item.prop == 'option'">-</div>
+          <div v-else-if="item.prop == 'option'">&nbsp;
+                <span
+                  :title="$t('overall.edit')"
+                  @click="editEndpoint(scope.row)"
+                  class="content-right-option"
+                  :id="'edp-edit-'+scope.row.id">
+                  <i class="nz-icon nz-icon-edit"></i>
+                </span>
+          </div>
           <span v-else-if="item.prop == 'lastUpdate'">{{dateFormat(scope.row.lastUpdate)}}</span>
           <span v-else-if="item.prop == 'state'" >
             <el-popover placement="right" trigger="hover" :content="getStateContent(scope.row)" popper-class="small-pop">
@@ -103,11 +111,15 @@
     <transition name="right-box">
       <edit-endpoint-box v-if="rightBox.edit.show" :current-project="currentProject" :current-module="currentModule" :endpoint="endpoint" @close="closeRightBox" ref="editEndpointBox"></edit-endpoint-box>
     </transition>
+    <transition name="right-box">
+      <edit-endpoint-box v-if="rightBox.editEndpoint.show" :project="currentProject" :module="currentModule" :endpoint="endpoint" @close="closeEditEndpointRightBox" ref="editEndpointBox"></edit-endpoint-box>
+    </transition>
   </span>
 </template>
 
 <script>
   import exportXLSX from "../../exportXLSX";
+  import bus from '@/libs/bus'
   export default {
     name: "endpointTab",
     components: {
@@ -121,6 +133,7 @@
         rightBox: {
           add: {show: false},
           edit: {show: false},
+          editEndpoint: {show: false},
         },
         /*工具参数*/
         tools: {
@@ -243,12 +256,29 @@
         if (!this.endpoint.paramObj) {
           this.$set(this.endpoint, 'paramObj', []);
         }
-        this.editBoxShow = true;
+        this.rightBox.edit = true;
         this.$nextTick(() => {
           this.$refs.editEndpointBox.show(true);
           this.$refs.editEndpointBox.toEdit(true, this.endpoint.id);
         });
       },
+      editEndpoint(endpoint) {
+        console.log(endpoint);
+        this.endpoint = JSON.parse(JSON.stringify(endpoint));
+        this.$set(this.endpoint,'projectId',this.endpoint.project.id);
+        this.$set(this.endpoint,'moduleId',this.endpoint.moduleId);
+
+        this.rightBox.editEndpoint.show = true;
+        if (!this.endpoint.paramObj) {
+          this.$set(this.endpoint, 'paramObj', []);
+        }
+      },
+      closeEditEndpointRightBox(refresh) {
+        this.rightBox.editEndpoint.show = false;
+        if (refresh) {
+          this.getTableData();
+        }
+      },
       add() {
         this.rightBox.add.show = true;
       },
@@ -314,6 +344,17 @@
           }
         }
       },
+      initEvent() {
+        bus.$on("current-project-change", project => {
+          this.currentProject = project;
+        });
+        bus.$on("current-module-change", module => {
+          this.currentModule = module;
+        });
+        // bus.$on("endpoint-list-change", menu => {
+        //   this.getEndpointTableData();
+        // });
+      },
       //是否需要排序
       sortableShow(prop){
         switch(prop){
@@ -393,6 +434,7 @@
           });
         }
       });
+      this.initEvent();
     }
   }
 </script>