From 0c117b9ad46c178aa552aa3cbced8d8c6d0860fd Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Wed, 15 Mar 2023 15:04:22 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2698=20fix:=20Modules=E4=BA=8C=E7=BA=A7?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2configurations=20=E5=BC=B9=E5=87=BA=E6=A1=86?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/table/settings/endpointTable.vue      | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index a9b5fc68f..d09c57273 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -102,7 +102,7 @@
                 @mouseleave="labelHover1(scope.row, item.prop, false, $event, true)">
             [{{scope.row.configs[0].enable ?  'Metrics':''}}{{scope.row.configs[0].enable&&scope.row.configs[1].enable?',':''}}{{scope.row.configs[1].enable ?  'logs' : ''}}]
           </span>
-            <nz-tooltip :that="scope.row[item.prop]" class="data-column__" v-if="scope.row[item.prop] && scope.row[item.prop].loading" :type="item.prop">
+          <nz-tooltip :that="scope.row[item.prop]" class="data-column__" v-if="scope.row[item.prop] && scope.row[item.prop].loading" :type="item.prop" @tipHover="tipHover($event,scope.row, item.prop,)" >
               <div name="default">
                 <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyValue(clConfigs(scope.row))"></i></span>
                 <pre class="copy-value-content__pre">{{JSON.stringify(clConfigs(scope.row),null,2)}}</pre>
@@ -344,7 +344,7 @@ export default {
       if (slow) {
         item[type].timeout = setTimeout(() => {
           this.$set(item[type], 'loading', loading)
-        }, 200)
+        }, 500)
       } else {
         if (item[type].timeout) {
           clearTimeout(item[type].timeout)
@@ -354,6 +354,13 @@ export default {
       }
       // this.$set(this.tableData,index,item);// 调用父组件
     },
+    tipHover (tipLoading, item, type) {
+      if (item[type].timeout) {
+        clearTimeout(item[type].timeout)
+        item[type].timeout = null
+      }
+      this.$set(item[type], 'loading', tipLoading)
+    },
     labelHoverConfigs (item, type, loading, e, slow) {
       if (e) {
         const dom = e.currentTarget
@@ -426,8 +433,11 @@ export default {
     right: 8px;
     top: 4px;
   }
+  .alert-label__border.alert-label{
+    width: auto !important;
+  }
   .copy-value-content__pre {
-    width: 500px;
+    width: auto;
     height: 200px;
     margin-top: 20px;
     overflow-y: scroll;