From 530276e1b283d70e835384e3c1613e51e64c8dea Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Tue, 6 Jun 2023 17:46:16 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2857=20fix=EF=BC=9A=E9=BC=A0=E6=A0=87?=
 =?UTF-8?q?=E5=85=89=E6=A0=87cursor=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/assets/css/common.scss      | 18 ++++
 .../common/alert/alertDaysInfo.scss           |  1 -
 .../common/project/L5/CanvasProps.scss        |  1 +
 .../rightBox/chartRightBox/chartRightBox.scss |  1 +
 .../common/rightBox/editEndpointBoxNew.scss   |  1 +
 .../components/common/rightBox/moduleBox.scss |  1 +
 .../common/table/settings/endpointTable.scss  |  3 -
 .../common/table/settings/projectTable.scss   | 22 -----
 .../common/table/settings/userTable.scss      |  3 -
 .../css/components/common/timePicker.scss     |  2 +-
 .../components/common/alert/alertLabel.vue    | 18 ++--
 .../common/globalSearch/searchItemInfo.vue    |  2 +-
 .../common/table/alert/alertRuleTable.vue     |  2 +-
 .../common/table/alert/alertSilenceTable.vue  |  2 +-
 .../common/table/asset/assetTable.vue         | 34 ++++----
 .../common/table/settings/dcTable.vue         | 10 +--
 .../common/table/settings/endpointTable.vue   | 86 ++++++++++---------
 .../common/table/settings/modelTable.vue      |  2 +-
 .../common/table/settings/moduleTable.vue     |  8 +-
 .../common/table/settings/projectTable.vue    | 10 +--
 .../src/components/common/timePicker.vue      | 15 ++--
 .../src/components/page/alert/nzAlertTag.vue  |  2 +-
 22 files changed, 116 insertions(+), 128 deletions(-)
 delete mode 100644 nezha-fronted/src/assets/css/components/common/table/settings/projectTable.scss

diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index 79a91fda2..dfbdfdd2d 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -521,6 +521,11 @@ textarea {
   align-items: center;
   transform: scale(0.95);
 }
+
+i.nz-icon-override{
+  cursor: pointer;
+}
+
 .is-disabled{
   color: $--color-text-disabled !important;
 }
@@ -706,3 +711,16 @@ textarea {
 .message-zindex{
   z-index: 5000 !important;
 }
+
+.el-table{
+  .num-cursor{
+    cursor: pointer;
+  }
+}
+.bottom-data-list{
+  .el-table{
+    .num-cursor{
+      cursor: default;
+    }
+  }
+}
\ No newline at end of file
diff --git a/nezha-fronted/src/assets/css/components/common/alert/alertDaysInfo.scss b/nezha-fronted/src/assets/css/components/common/alert/alertDaysInfo.scss
index 2ff87302e..e747d7a06 100644
--- a/nezha-fronted/src/assets/css/components/common/alert/alertDaysInfo.scss
+++ b/nezha-fronted/src/assets/css/components/common/alert/alertDaysInfo.scss
@@ -9,7 +9,6 @@
     margin-right: 3px;
     border-radius: 2px;
     background-color:$--color-success;
-    cursor: pointer;
     position: relative;
   }
 }
diff --git a/nezha-fronted/src/assets/css/components/common/project/L5/CanvasProps.scss b/nezha-fronted/src/assets/css/components/common/project/L5/CanvasProps.scss
index 8eb0ce442..01b1bd5f8 100644
--- a/nezha-fronted/src/assets/css/components/common/project/L5/CanvasProps.scss
+++ b/nezha-fronted/src/assets/css/components/common/project/L5/CanvasProps.scss
@@ -365,6 +365,7 @@
   line-height: 24px;
   color: $--color-primary;
   box-sizing: border-box;
+  cursor: pointer;
 }
 
 .mb10 {
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
index 134c4171c..c327af5a7 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/chartRightBox/chartRightBox.scss
@@ -191,6 +191,7 @@
       text-align: center;
       margin-bottom: 10px;
       padding: 3px 10px;
+      cursor: pointer;
     }
     .prev-mapping-icon{
       font-size: 16px;
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/editEndpointBoxNew.scss b/nezha-fronted/src/assets/css/components/common/rightBox/editEndpointBoxNew.scss
index 73091db3c..ebdafcc65 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/editEndpointBoxNew.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/editEndpointBoxNew.scss
@@ -183,6 +183,7 @@
     background: $--background-color-copy;
     border: 1px solid $--span-nz-icon-border-color;
     color: $--nz-icon-color;
+    cursor: pointer;
   }
   #module-box-relabel .vue-tags-input{
     max-width: unset;
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
index 98d7e2a52..7f697bf6d 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss
@@ -195,6 +195,7 @@
     background: $--background-color-copy;
     border: 1px solid $--span-nz-icon-border-color;
     color: $--nz-icon-color;
+    cursor: pointer;
   }
   #module-box-relabel .vue-tags-input{
     max-width: unset;
diff --git a/nezha-fronted/src/assets/css/components/common/table/settings/endpointTable.scss b/nezha-fronted/src/assets/css/components/common/table/settings/endpointTable.scss
index 32dfe238f..aeb2d9c6b 100644
--- a/nezha-fronted/src/assets/css/components/common/table/settings/endpointTable.scss
+++ b/nezha-fronted/src/assets/css/components/common/table/settings/endpointTable.scss
@@ -30,9 +30,6 @@
     .inline-block {
         display: inline-block;
     }
-    .pointer {
-        cursor: pointer;
-    }
     .endpoint-cell-left {
         margin-right: 5px;
     }
diff --git a/nezha-fronted/src/assets/css/components/common/table/settings/projectTable.scss b/nezha-fronted/src/assets/css/components/common/table/settings/projectTable.scss
deleted file mode 100644
index ec28d08aa..000000000
--- a/nezha-fronted/src/assets/css/components/common/table/settings/projectTable.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-.project-table {
-  .module-num{
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-    padding: 0 3px;
-    .nz-icon-overview-module{
-      color: rgb(122, 208, 188)
-    }
-  }
-  .alert-num{
-    padding: 0 3px;
-    cursor: pointer;
-    border-radius: 2px;
-  }
-  .colorEF7458{
-    color: #EF7458;
-  }
-  .color23BF9A{
-    color: #23BF9A;
-  }
-}
diff --git a/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss b/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
index ea5550fc2..87b8b580a 100644
--- a/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
+++ b/nezha-fronted/src/assets/css/components/common/table/settings/userTable.scss
@@ -40,7 +40,4 @@
       color: #38cc20;
     }
   }
-  .endpoint-num, .alert-num{
-    cursor: pointer;
-  }
 }
diff --git a/nezha-fronted/src/assets/css/components/common/timePicker.scss b/nezha-fronted/src/assets/css/components/common/timePicker.scss
index 44e1c949c..6d6f82300 100644
--- a/nezha-fronted/src/assets/css/components/common/timePicker.scss
+++ b/nezha-fronted/src/assets/css/components/common/timePicker.scss
@@ -130,7 +130,7 @@
   border-radius: 2px;
   line-height: 30px;
   transition: width .3s;
-
+  cursor: pointer;
   .cn-icon {
     font-size: 14px;
   }
diff --git a/nezha-fronted/src/components/common/alert/alertLabel.vue b/nezha-fronted/src/components/common/alert/alertLabel.vue
index 086cdb773..5265d894e 100644
--- a/nezha-fronted/src/components/common/alert/alertLabel.vue
+++ b/nezha-fronted/src/components/common/alert/alertLabel.vue
@@ -321,7 +321,6 @@
         <div class="alert-label-title">{{ $t("overall.module") }}</div>
         <div class="alert-label-value">
           <i
-            style="cursor: pointer"
             class="nz-icon nz-icon-overview-module monitorColor"
           />&nbsp;
           <span>{{
@@ -431,7 +430,6 @@
         <div class="alert-label-title">{{ $t("overall.module") }}</div>
         <div class="alert-label-value">
           <i
-            style="cursor: pointer"
             class="nz-icon nz-icon-overview-module monitorColor"
           />&nbsp;
           <span>{{
@@ -494,18 +492,16 @@
               {{ $t("overall.metric") }}
             </span>
             <span
-              v-if="alertLabelData && alertLabelData.configs[0].state === 0"
+              v-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[0].state === 0"
             >
               <span class="active-icon red-bg inline-block"></span>
             </span>
             <span
-              v-else-if="
-                alertLabelData && alertLabelData.configs[0].state === 1
-              "
+              v-else-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[0].state === 1"
             >
               <span class="active-icon green-bg inline-block"></span>
             </span>
-            <span v-else-if="alertLabelData && alertLabelData.configs[0].state">
+            <span v-else-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[0].state">
               <span class="active-icon gray-bg inline-block"></span>
             </span>
           </span>
@@ -515,18 +511,16 @@
               {{ $t("overall.logs") }}
             </span>
             <span
-              v-if="alertLabelData && alertLabelData.configs[1].state === 0"
+              v-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[1].state === 0"
             >
               <span class="active-icon red-bg inline-block"></span>
             </span>
             <span
-              v-else-if="
-                alertLabelData && alertLabelData.configs[1].state === 1
-              "
+              v-else-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[1].state === 1"
             >
               <span class="active-icon green-bg inline-block"></span>
             </span>
-            <span v-else-if="alertLabelData && alertLabelData.configs[1].state">
+            <span v-else-if="alertLabelData && alertLabelData.configs && alertLabelData.configs[1].state">
               <span class="active-icon gray-bg inline-block"></span>
             </span>
           </span>
diff --git a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
index 235fe38cb..b01facc77 100644
--- a/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
+++ b/nezha-fronted/src/components/common/globalSearch/searchItemInfo.vue
@@ -77,7 +77,7 @@
 <!--              {{priority.name}} {{position.operator || '>'}} {{priority.value || '-'}}-->
 <!--            </div>-->
 <!--          </div>-->
-          <div style="cursor: pointer" v-else-if="item.key === 'alertNum'">
+          <div v-else-if="item.key === 'alertNum'">
             <i :class="Number(getPathContent(item.key)) ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover('',true, $event)" @mouseleave="tooltipHover('',false, $event)"></i>
             <div v-if="alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: position.left + 'px',top:position.top + 'px'}">
               <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
diff --git a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
index 6aa594227..7583f021b 100644
--- a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
@@ -43,7 +43,7 @@
           <i class="nz-icon nz-icon-circle" :style="{color:scope.row[item.prop].color,'font-size':'12px','margin-right':'5px'}"></i> {{scope.row[item.prop].name}}
         </span>
         <template v-else-if="item.prop === 'alertNum'">
-          <span style="cursor: pointer" @click="queryMessage(scope.row)">
+          <span class="num-cursor" @click="queryMessage(scope.row)">
             <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
             <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
               <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index 5ded9f04a..e60f92a4e 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -51,7 +51,7 @@
         </template>
         <template v-else-if="item.prop === 'alertNum'">
           <span
-            style="cursor: pointer"
+            class="num-cursor"
             @click="$emit('showBottomBox', 'alertMessageTab', scope.row)"
           >
             <i
diff --git a/nezha-fronted/src/components/common/table/asset/assetTable.vue b/nezha-fronted/src/components/common/table/asset/assetTable.vue
index 4730956e4..084f5b4c9 100644
--- a/nezha-fronted/src/components/common/table/asset/assetTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetTable.vue
@@ -60,24 +60,27 @@
           <template v-else-if="item.prop === 'type'">{{scope.row.type ? scope.row.type.name : '-'}}</template>
           <template v-else-if="item.prop === 'state'">{{scope.row.state ? scope.row.state.name : '-'}}</template>
           <template v-else-if="item.prop === 'endpointNum'">
-            <span style="cursor: pointer" @click.stop="$emit('showBottomBox', 'endpointTab', scope.row)" @dblclick.stop=""><i class="nz-icon nz-icon-overview-endpoint monitorColor"></i> <span>{{scope.row.endpointNum ? scope.row.endpointNum : 0}}</span></span>
+            <span class="num-cursor" @click.stop="$emit('showBottomBox', 'endpointTab', scope.row)" @dblclick.stop="">
+              <i class="nz-icon nz-icon-overview-endpoint monitorColor"></i>
+              <span>{{scope.row.endpointNum ? scope.row.endpointNum : 0}}</span>
+            </span>
           </template>
           <template v-else-if="item.prop === 'alertNum'">
-            <!--          v-my-loading:ldsFacebook="scope.row.trendLoading"-->
-            <span style="cursor: pointer" @click.stop="$emit('showBottomBox', 'alertMessageTab', scope.row)" @dblclick.stop="">
-            <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
-            <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
-              <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
-              <div class="severity-info" style='justify-content: space-between'>
-                <div class="severity-name">{{$t('overall.result.total')}}</div>
-                <div class="severity-value">{{scope.row.alertNum}}</div>
+            <!-- v-my-loading:ldsFacebook="scope.row.trendLoading" -->
+            <span class="num-cursor" @click.stop="$emit('showBottomBox', 'alertMessageTab', scope.row)" @dblclick.stop="">
+              <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
+              <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
+                <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
+                <div class="severity-info" style='justify-content: space-between'>
+                  <div class="severity-name">{{$t('overall.result.total')}}</div>
+                  <div class="severity-value">{{scope.row.alertNum}}</div>
+                </div>
               </div>
-            </div>
-            <alertDaysInfo
-              v-show="!scope.row.trendLoading"
-              :alertDaysData="scope.row.alertDaysData"
-            />
-          </span>
+              <alertDaysInfo
+                v-show="!scope.row.trendLoading"
+                :alertDaysData="scope.row.alertDaysData"
+              />
+            </span>
           </template>
           <template v-else-if="item.prop === 'dc'">{{scope.row.dc ? scope.row.dc.name : '-'}}</template>
           <template v-else-if="item.prop === 'cabinet'">
@@ -96,7 +99,6 @@
           <template v-else-if="item.prop === 'parent'">
           <span
             v-if="scope.row.parent"
-            style="cursor: pointer"
             @mouseenter="labelHover(scope.row, 'asset', true, false, $event)"
             @mouseleave="labelHover(scope.row, 'asset', false, false)">
             {{scope.row.parent.name}}
diff --git a/nezha-fronted/src/components/common/table/settings/dcTable.vue b/nezha-fronted/src/components/common/table/settings/dcTable.vue
index a028083ef..d58bf364e 100644
--- a/nezha-fronted/src/components/common/table/settings/dcTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/dcTable.vue
@@ -63,13 +63,13 @@
             <template v-else>-</template>
           </template>
           <template v-else-if="item.prop === 'assetNum'">
-          <span style="cursor: pointer" class="asset-num"  @click.stop="showBottomBox('asset', scope.row)" @dblclick.stop="">
-             <i class="nz-icon nz-icon-overview-project monitorColor" :class="scope.row[item.prop]>0?'color23BF9A':'color23BF9A'"/>
-          {{scope.row[item.prop]}}
+          <span class="num-cursor" @click.stop="showBottomBox('asset', scope.row)" @dblclick.stop="">
+            <i class="nz-icon nz-icon-overview-project monitorColor" :class="scope.row[item.prop]>0?'color23BF9A':'color23BF9A'"/>
+            {{scope.row[item.prop]}}
           </span>
           </template>
           <template v-else-if="item.prop === 'alertNum'">
-           <span style="cursor: pointer" @click.stop="$emit('showBottomBox', 'alertMessageTab', scope.row)" @dblclick.stop="">
+           <span class="num-cursor" @click.stop="$emit('showBottomBox', 'alertMessageTab', scope.row)" @dblclick.stop="">
             <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
             <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
               <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
@@ -86,7 +86,7 @@
           </template>
 
           <template v-else-if="item.prop === 'cabinetNum'">
-          <span style="cursor: pointer" class="cabinet-num" @click.stop="showBottomBox('cabinet', scope.row)" @dblclick.stop="">
+          <span class="num-cursor" @click.stop="showBottomBox('cabinet', scope.row)" @dblclick.stop="">
             <i class="nz-icon nz-icon-cabinet monitorColor" :class="scope.row[item.prop]>0?'color23BF9A':'colorEF7458'"/>
             {{scope.row[item.prop]}}
           </span>
diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index 5cb2d3724..6199d5590 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -49,7 +49,7 @@
           </template>
           <template v-else-if="item.prop === 'project'">
             <div class="document-copy-block">
-              <span class="pointer document-copy-text"
+              <span class="document-copy-text"
               @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
               @mouseleave="labelHover(scope.row, item.prop, false,true)">
               {{scope.row[item.prop].name}}
@@ -59,11 +59,11 @@
           </template>
           <template v-else-if="item.prop === 'module'">
             <div class="document-copy-block">
-               <span class="pointer document-copy-text"
-               @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
-               @mouseleave="labelHover(scope.row, item.prop, false,true)">
-              <i style="cursor: pointer" class="nz-icon nz-icon-overview-module monitorColor"/>
-              {{scope.row[item.prop].name}}
+              <span class="document-copy-text"
+                @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
+                @mouseleave="labelHover(scope.row, item.prop, false,true)">
+                <i class="nz-icon nz-icon-overview-module monitorColor"/>
+                {{scope.row[item.prop].name}}
               </span>
               <i v-if="scope.row[item.prop].name" class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.copyText')"></i>
             </div>
@@ -71,17 +71,17 @@
           <template v-else-if="item.prop === 'asset'">
            <div class="document-copy-block">
               <span
-              class="pointer document-copy-text"
-              @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
-              @mouseleave="labelHover(scope.row, item.prop, false,true)">
-              <i class="nz-icon nz-icon-overview-project monitorColor color23BF9A"></i>
-              {{scope.row.asset&&scope.row.asset.name}}
-             </span>
+                class="document-copy-text"
+                @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
+                @mouseleave="labelHover(scope.row, item.prop, false,true)">
+                <i class="nz-icon nz-icon-overview-project monitorColor color23BF9A"></i>
+                {{scope.row.asset&&scope.row.asset.name}}
+              </span>
               <i v-if="scope.row.asset&&scope.row.asset.name" class="nz-icon nz-icon-override" style="visibility: hidden" @click="onCopy(scope.row.asset.name)" :title="$t('overall.copyText')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'alerts'">
-          <span style="cursor: pointer"  @click.stop="showBottomBox('endpointAlertMessage', scope.row)" @dblclick.stop="">
+          <span class="num-cursor" @click.stop="showBottomBox('endpointAlertMessage', scope.row)" @dblclick.stop="">
             <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
             <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
               <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
@@ -111,42 +111,44 @@
           </template>
 
           <template v-else-if="item.prop === 'state'">
-            <!--          metrics-->
-            <span style="width: auto;display: inline-block;cursor: pointer"
-                  @mouseenter="labelHoverConfigs(scope.row, 0, true, $event)"
-                  @mouseleave="labelHoverConfigs(scope.row, 0, false, $event)"
+            <!-- metrics -->
+            <span
+              style="width: auto;display: inline-block"
+              @mouseenter="labelHoverConfigs(scope.row, 0, true, $event)"
+              @mouseleave="labelHoverConfigs(scope.row, 0, false, $event)"
             >
-            <span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('overall.metric')}} </span>
-            <span v-if="scope.row.configs[0].state===0 || !scope.row.configs[0].state">
-              <span class="active-icon red-bg inline-block"></span>
+              <span class="endpoint-cell-left"><i class="nz-icon nz-icon-Metrics colorFA901C" /> {{$t('overall.metric')}} </span>
+              <span v-if="scope.row.configs[0].state===0 || !scope.row.configs[0].state">
+                <span class="active-icon red-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[0].state===1">
+                <span class="active-icon green-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[0].state">
+                <span class="active-icon gray-bg inline-block"></span>
+              </span>
             </span>
-            <span v-else-if="scope.row.configs[0].state===1">
-              <span class="active-icon green-bg inline-block"></span>
-            </span>
-            <span v-else-if="scope.row.configs[0].state">
-              <span class="active-icon gray-bg inline-block"></span>
-            </span>
-          </span>
             <nz-tooltip :that="scope.row.configs[0]"  v-if="scope.row.configs[0] && scope.row.configs[0].loading && scope.row.configs[0].state  > 1" :type="'configs[0]'">
               <div name="default">
                 <div v-html="suspendedStr(scope.row.configs[0].state)"></div>
               </div>
             </nz-tooltip>
-            <!--          logs-->
-            <span style="width: auto;display: inline-block;cursor: pointer"
-                  @mouseenter="labelHoverConfigs(scope.row, 1, true, $event)"
-                  @mouseleave="labelHoverConfigs(scope.row, 1, false, $event)">
-           <span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs colorFA901C" /> {{$t('dashboard.dashboard.chartForm.typeVal.log.label')}} </span>
-           <span v-if="scope.row.configs[1].state===0 || !scope.row.configs[1].state">
-             <span class="active-icon red-bg inline-block"></span>
-           </span>
-           <span v-else-if="scope.row.configs[1].state===1">
-             <span class="active-icon green-bg inline-block"></span>
-           </span>
-           <span v-else-if="scope.row.configs[1].state">
-             <span class="active-icon gray-bg inline-block"></span>
-           </span>
-         </span>
+            <!-- logs -->
+            <span
+              style="width: auto;display: inline-block"
+              @mouseenter="labelHoverConfigs(scope.row, 1, true, $event)"
+              @mouseleave="labelHoverConfigs(scope.row, 1, false, $event)">
+              <span class="endpoint-cell-left" style="margin-left: 10px"><i class="nz-icon nz-icon-logs colorFA901C" /> {{$t('dashboard.dashboard.chartForm.typeVal.log.label')}} </span>
+              <span v-if="scope.row.configs[1].state===0 || !scope.row.configs[1].state">
+                <span class="active-icon red-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[1].state===1">
+                <span class="active-icon green-bg inline-block"></span>
+              </span>
+              <span v-else-if="scope.row.configs[1].state">
+                <span class="active-icon gray-bg inline-block"></span>
+              </span>
+            </span>
             <nz-tooltip :that="scope.row.configs[1]"  v-if="scope.row.configs[1] && scope.row.configs[1].loading && scope.row.configs[1].state > 1" :type="'configs[1]'" :isTopoInfo="isTopoInfo">
               <div name="default">
                 <div v-html="suspendedStr(scope.row.configs[1].state)"></div>
diff --git a/nezha-fronted/src/components/common/table/settings/modelTable.vue b/nezha-fronted/src/components/common/table/settings/modelTable.vue
index a9adfff47..14a872816 100644
--- a/nezha-fronted/src/components/common/table/settings/modelTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/modelTable.vue
@@ -69,7 +69,7 @@
          </template>
         <span v-else-if="item.prop === 'createTime'">{{utcTimeToTimezoneStr(scope.row[item.prop])}}</span>
         <template v-else-if="item.prop === 'assetNum'">
-          <span style="cursor: pointer" class="endpoint-num"  @click.stop="showBottomBox('asset', scope.row)" @dblclick.stop="">
+          <span class="num-cursor" @click.stop="showBottomBox('asset', scope.row)" @dblclick.stop="">
              <i class="nz-icon nz-icon-overview-project monitorColor" :class="scope.row[item.prop]>0?'color23BF9A':'color23BF9A'"/>
           {{scope.row[item.prop]}}
           </span>
diff --git a/nezha-fronted/src/components/common/table/settings/moduleTable.vue b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
index 6869cdd74..117aa5869 100644
--- a/nezha-fronted/src/components/common/table/settings/moduleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="">
+  <div style="height: 100%">
     <el-table
       id="userTable"
       ref="dataTable"
@@ -50,7 +50,7 @@
           </template>
           <template v-else-if="item.prop === 'project'">
             <div class="document-copy-block">
-              <span class="pointer document-copy-text"
+              <span class="document-copy-text"
               @mouseenter="labelHover(scope.row, item.prop, true,true, $event)"
               @mouseleave="labelHover(scope.row, item.prop, false,true)">
               {{scope.row[item.prop].name}}
@@ -59,13 +59,13 @@
             </div>
           </template>
           <template v-else-if="item.prop === 'endpointNum'">
-            <span class="endpoint-num"  @click.stop="showBottomBox('endpoint', scope.row)" @dblclick.stop="">
+            <span class="num-cursor" @click.stop="showBottomBox('endpoint', scope.row)" @dblclick.stop="">
               <i class="nz-icon nz-icon-overview-endpoint monitorColor"/>
             {{scope.row[item.prop]}}
             </span>
           </template>
           <template v-else-if="item.prop === 'alertNum'">
-            <span style="cursor: pointer"  @click.stop="showBottomBox('moduleAlertMessage', scope.row)" @dblclick.stop="">
+            <span class="num-cursor" @click.stop="showBottomBox('moduleAlertMessage', scope.row)" @dblclick.stop="">
               <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
               <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
                 <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
diff --git a/nezha-fronted/src/components/common/table/settings/projectTable.vue b/nezha-fronted/src/components/common/table/settings/projectTable.vue
index 8e4a04b3c..0b0a5cc7f 100644
--- a/nezha-fronted/src/components/common/table/settings/projectTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/projectTable.vue
@@ -46,20 +46,19 @@
           </div>
         </template>
         <template v-else-if="item.prop === 'moduleNum'" >
-          <span class="module-num" @click="jumpModule(scope.row)">
+          <span class="num-cursor" @click="jumpModule(scope.row)">
             <i class="nz-icon nz-icon-overview-module monitorColor"/>
             {{scope.row[item.prop]}}
           </span>
         </template>
         <template v-else-if="item.prop === 'endpointNum'">
-          <span style="cursor: pointer" class="endpoint-num" @click="jumpEndpoint(scope.row)" >
-              <i class="nz-icon nz-icon-overview-endpoint monitorColor"/>
+          <span class="num-cursor" @click="jumpEndpoint(scope.row)" >
+            <i class="nz-icon nz-icon-overview-endpoint monitorColor"/>
             {{scope.row[item.prop]}}
           </span>
         </template>
         <template v-else-if="item.prop === 'alertNum'">
-         <span class="alert-num">
-           <span style="cursor: pointer" @click="jumpAlertMessage(scope.row)">
+          <span class="num-cursor" @click="jumpAlertMessage(scope.row)">
             <i :class="scope.row.alertNum ? 'red' : 'green'" class="nz-icon nz-icon-overview-alert vertical-align-top;"  @mouseenter="tooltipHover(scope.row,true, $event)" @mouseleave="tooltipHover(scope.row,false, $event)"></i>
             <div v-if="scope.row.alertNumtooltipShow" class="alert-days-info-tooltip" :style="{left: scope.row.left + 'px',top:scope.row.top + 'px'}">
               <div class="tooltip-title">{{$t('project.topology.alert')}}({{$t('overall.active')}})</div>
@@ -73,7 +72,6 @@
               :alertDaysData="scope.row.alertDaysData"
             />
           </span>
-          </span>
         </template>
         <span v-else-if="item.prop === 'id'" :id="'globalSearch' + scope.row.id">{{scope.row[item.prop]}}</span>
         <span v-else>{{scope.row[item.prop] ? scope.row[item.prop] : ''}}</span>
diff --git a/nezha-fronted/src/components/common/timePicker.vue b/nezha-fronted/src/components/common/timePicker.vue
index 648d0a17c..900b09d25 100644
--- a/nezha-fronted/src/components/common/timePicker.vue
+++ b/nezha-fronted/src/components/common/timePicker.vue
@@ -5,7 +5,6 @@
     class="calendar"
     v-clickoutside="changeDropdownFlag"
   >
-
     <div @click="showDropdown(true)" class="date-range-text">
       <div class="calendar-popover-text">
         <i class="nz-icon nz-icon-time"></i>
@@ -20,13 +19,13 @@
         </div>
       </div>
       <div class="calendar-popover-text" v-else>
-    <el-tooltip class="item" effect="light"  placement="bottom">
-      <div slot="content"> {{searchTime[0]}}<br/><p style="text-align:center">{{$t("dashboard.dashboard.to")}} </p>{{searchTime[1]}}</div>
-      <div class="time-no-data">{{ showTime.text }}</div>
-    </el-tooltip>
+      <el-tooltip class="item" effect="light"  placement="bottom">
+        <div slot="content"> {{searchTime[0]}}<br/><p style="text-align:center">{{$t("dashboard.dashboard.to")}} </p>{{searchTime[1]}}</div>
+        <div class="time-no-data">{{ showTime.text }}</div>
+      </el-tooltip>
         <!-- <div class="time-no-data">{{ showTime.text }}</div> -->
       </div>
-      <div class="calendar-popover-text" style="cursor:pointer">
+      <div class="calendar-popover-text">
         <i class="el-icon-arrow-down"></i>
       </div>
     </div>
@@ -60,7 +59,7 @@
             <div class="content-title">{{$t('dashboard.dashboard.chartForm.valMapping.from')}}</div>
             <div  tabindex="1" class="content-input" :class="oldSearchTimeError[0] ? 'input-error' : ''">
               <el-input   @focus="searchTimeValue = oldSearchTime[0]"  v-model="oldSearchTime[0]" @change="dateInputChange('start',oldSearchTime[0])" size="mini"> </el-input>
-              <div @click="myDatePickerShow()" class="nz-icon-box">
+              <div @click="myDatePickerShow()" class="nz-icon-box" style="cursor:pointer">
                 <i class="nz-icon nz-icon-date"/>
               </div>
               <div class="input-hint">{{inputError}}</div>
@@ -68,7 +67,7 @@
             <div class="content-title">{{$t('dashboard.dashboard.to')}}</div>
             <div tabindex="2" class="content-input" :class="oldSearchTimeError[1] ? 'input-error' : ''">
               <el-input  @focus="searchTimeValue = oldSearchTime[1]" v-model="oldSearchTime[1]" @change="dateInputChange('end',oldSearchTime[1])" size="mini"> </el-input>
-              <div  @click="myDatePickerShow()" class="nz-icon-box">
+              <div  @click="myDatePickerShow()" class="nz-icon-box" style="cursor:pointer">
                 <i class="nz-icon nz-icon-date"/>
               </div>
               <div class="input-hint">{{$t('date.formatError')}}</div>
diff --git a/nezha-fronted/src/components/page/alert/nzAlertTag.vue b/nezha-fronted/src/components/page/alert/nzAlertTag.vue
index 70c6b12ad..d29ac9c44 100644
--- a/nezha-fronted/src/components/page/alert/nzAlertTag.vue
+++ b/nezha-fronted/src/components/page/alert/nzAlertTag.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="nz-alert-tag" :class="['nz-alert-tag_' + type]" :style="{cursor: cursorPoint ? 'pointer' : 'default'}" @click="$emit('click')">
+  <span class="nz-alert-tag" :class="['nz-alert-tag_' + type]" :style="{cursor: cursorPoint ? 'default' : 'default'}" @click="$emit('click')">
     <span class="nz-alert-tag__label"> {{label=='dc'?'datacenter':label}}</span>
     <span class="nz-alert-tag__content"><span v-if="!!regex"> ~ </span> <slot></slot></span>
   </span>