From 9e82c52436f303979dff34b043c1580dc4dc1e0a Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Mon, 25 Oct 2021 17:16:40 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1079=20perf:=20=E5=B0=86=E5=90=84=E5=A4=84?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E3=80=81dashboard=E7=AD=89=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=B8=AD=E5=A4=9A=E5=A4=84=E4=B8=8B=E6=8B=89=E6=A1=86=E7=9A=84?=
 =?UTF-8?q?=E5=BC=B9=E5=87=BA=E8=A7=A6=E5=8F=91=E6=96=B9=E5=BC=8F=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E4=B8=BA=E7=82=B9=E5=87=BB=E8=A7=A6=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/charts/chart-alert-list.vue         |  2 +-
 .../src/components/charts/chart-bar-statistics.vue     |  2 +-
 nezha-fronted/src/components/charts/chart-detail.vue   |  2 +-
 nezha-fronted/src/components/charts/chart-pie.vue      |  2 +-
 .../src/components/charts/chart-single-stat.vue        |  2 +-
 nezha-fronted/src/components/charts/chart-table.vue    |  2 +-
 nezha-fronted/src/components/charts/chartPreview.vue   |  2 +-
 .../src/components/charts/line-chart-block.vue         |  8 ++++----
 nezha-fronted/src/components/charts/logs.vue           |  6 +++---
 nezha-fronted/src/components/cli/webSSH.vue            |  4 ++--
 .../components/common/bottomBox/tabs/endpointTab.vue   |  2 +-
 .../detailView/list/alertRule/alertRuleDetail.vue      |  2 +-
 nezha-fronted/src/components/common/pickTime.vue       |  9 +++------
 .../components/common/popBox/selectAssetMetaGroup.vue  |  2 +-
 .../components/common/popBox/topToolMoreOptions.vue    |  2 +-
 .../src/components/common/project/L5/CanvasProps.vue   |  2 +-
 .../src/components/common/rightBox/asset/assetBox.vue  |  2 +-
 .../common/table/alert/alertMessageTable.vue           |  4 ++--
 .../components/common/table/alert/alertRuleTable.vue   |  4 ++--
 .../common/table/alert/alertSilenceTable.vue           |  2 +-
 .../components/common/table/asset/assetMetaTable.vue   |  2 +-
 .../src/components/common/table/asset/assetTable.vue   |  2 +-
 .../src/components/common/table/nzDataList.vue         |  3 ++-
 .../components/common/table/settings/agentTable.vue    |  4 ++--
 .../common/table/settings/assetTypeTable.vue           |  2 +-
 .../components/common/table/settings/cabinetTable.vue  |  2 +-
 .../common/table/settings/chartTmplTable.vue           |  2 +-
 .../common/table/settings/credentialsTable.vue         |  2 +-
 .../src/components/common/table/settings/dcTable.vue   |  2 +-
 .../components/common/table/settings/endpointTable.vue |  6 +++---
 .../components/common/table/settings/exprTmplTable.vue |  2 +-
 .../src/components/common/table/settings/menuTable.vue |  2 +-
 .../src/components/common/table/settings/mibTable.vue  |  4 ++--
 .../components/common/table/settings/modelTable.vue    |  2 +-
 .../components/common/table/settings/moduleTable.vue   |  2 +-
 .../components/common/table/settings/projectTable.vue  |  2 +-
 .../src/components/common/table/settings/roleTable.vue |  2 +-
 .../common/table/settings/terminalLogTable.vue         |  6 +++---
 .../src/components/common/table/settings/userTable.vue |  2 +-
 nezha-fronted/src/components/layout/header.vue         | 10 +++++-----
 .../src/components/page/asset/components/operation.vue |  2 +-
 .../src/components/page/asset/components/ping.vue      |  2 +-
 .../src/components/page/asset/endpointStatusPop.vue    |  2 +-
 .../src/components/page/config/assetState.vue          |  2 +-
 nezha-fronted/src/components/page/config/profile.vue   |  4 ++--
 .../src/components/page/config/system/linkTable.vue    |  2 +-
 .../page/config/system/notifyMethodTable.vue           |  2 +-
 .../src/components/page/dashboard/chartBox.vue         |  4 ++--
 .../src/components/page/dashboard/chartMetric.vue      |  2 +-
 .../components/page/dashboard/overview/overview2.vue   |  2 +-
 50 files changed, 73 insertions(+), 75 deletions(-)

diff --git a/nezha-fronted/src/components/charts/chart-alert-list.vue b/nezha-fronted/src/components/charts/chart-alert-list.vue
index 768834a2e..3ff9d68cf 100644
--- a/nezha-fronted/src/components/charts/chart-alert-list.vue
+++ b/nezha-fronted/src/components/charts/chart-alert-list.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chart-bar-statistics.vue b/nezha-fronted/src/components/charts/chart-bar-statistics.vue
index 83ac7d33e..60dbf82be 100644
--- a/nezha-fronted/src/components/charts/chart-bar-statistics.vue
+++ b/nezha-fronted/src/components/charts/chart-bar-statistics.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chart-detail.vue b/nezha-fronted/src/components/charts/chart-detail.vue
index 465277ac6..2466ead98 100644
--- a/nezha-fronted/src/components/charts/chart-detail.vue
+++ b/nezha-fronted/src/components/charts/chart-detail.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay="10"
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div>{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chart-pie.vue b/nezha-fronted/src/components/charts/chart-pie.vue
index e3831dff4..2a369380c 100644
--- a/nezha-fronted/src/components/charts/chart-pie.vue
+++ b/nezha-fronted/src/components/charts/chart-pie.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chart-single-stat.vue b/nezha-fronted/src/components/charts/chart-single-stat.vue
index dd1d3bd9f..4de630be9 100644
--- a/nezha-fronted/src/components/charts/chart-single-stat.vue
+++ b/nezha-fronted/src/components/charts/chart-single-stat.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chart-table.vue b/nezha-fronted/src/components/charts/chart-table.vue
index ad7486d8f..7591ac042 100644
--- a/nezha-fronted/src/components/charts/chart-table.vue
+++ b/nezha-fronted/src/components/charts/chart-table.vue
@@ -13,7 +13,7 @@
             v-if="isError"
             :close-delay=10
             placement="top-start"
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div>{{errorContent}}</div>
             <span slot="reference" style="" class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/chartPreview.vue b/nezha-fronted/src/components/charts/chartPreview.vue
index f2af07328..dabdb2f89 100644
--- a/nezha-fronted/src/components/charts/chartPreview.vue
+++ b/nezha-fronted/src/components/charts/chartPreview.vue
@@ -53,7 +53,7 @@
         v-if="isError"
         placement="top-start"
         :close-delay=10
-        trigger="hover"
+        trigger="click"
         popper-class="chart-error-popper">
         <div >{{errorContent}}</div>
         <span slot="reference"  class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/charts/line-chart-block.vue b/nezha-fronted/src/components/charts/line-chart-block.vue
index b597410f1..e9064912c 100644
--- a/nezha-fronted/src/components/charts/line-chart-block.vue
+++ b/nezha-fronted/src/components/charts/line-chart-block.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
@@ -25,7 +25,7 @@
               v-if="seriesItem.length!==seriesItemArr.length"
               placement="top-start"
               :close-delay=10
-              trigger="hover"
+              trigger="click"
               popper-class="chart-warring-popper">
             <div class="moreTitle">{{$t('dashboard.panel.moreTitle')}}{{$t('dashboard.panel.showAll')}}{{seriesItem.length}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error"  @click="loadMore">
@@ -126,7 +126,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference"  class="panel-info-corner panel-info-corner--error">
@@ -139,7 +139,7 @@
               v-if="seriesItemScreen.length!==seriesItemArrScreen.length"
               placement="top-start"
               :close-delay=10
-              trigger="hover"
+              trigger="click"
               popper-class="chart-warring-popper">
             <div class="moreTitle">{{$t('dashboard.panel.moreTitle')}}{{$t('dashboard.panel.showAll')}}{{seriesItemScreen.length}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error"  @click="loadScreenMore">
diff --git a/nezha-fronted/src/components/charts/logs.vue b/nezha-fronted/src/components/charts/logs.vue
index 03de41c9f..d4e282f86 100644
--- a/nezha-fronted/src/components/charts/logs.vue
+++ b/nezha-fronted/src/components/charts/logs.vue
@@ -12,7 +12,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference" class="panel-info-corner panel-info-corner--error">
@@ -25,7 +25,7 @@
 <!--              v-if="seriesItem.length!==seriesItemArr.length"-->
 <!--              placement="top-start"-->
 <!--              :close-delay=10-->
-<!--              trigger="hover"-->
+<!--              trigger="click"-->
 <!--              popper-class="chart-warring-popper">-->
 <!--            <div class="moreTitle">{{$t('dashboard.panel.moreTitle')}}{{$t('dashboard.panel.showAll')}}{{seriesItem.length}}</div>-->
 <!--            <span slot="reference" class="panel-info-corner panel-info-corner&#45;&#45;error"  @click="loadMore">-->
@@ -97,7 +97,7 @@
             v-if="isError"
             placement="top-start"
             :close-delay=10
-            trigger="hover"
+            trigger="click"
             popper-class="chart-error-popper">
             <div >{{errorContent}}</div>
             <span slot="reference"  class="panel-info-corner panel-info-corner--error">
diff --git a/nezha-fronted/src/components/cli/webSSH.vue b/nezha-fronted/src/components/cli/webSSH.vue
index a01bbef8c..0527871ae 100644
--- a/nezha-fronted/src/components/cli/webSSH.vue
+++ b/nezha-fronted/src/components/cli/webSSH.vue
@@ -64,7 +64,7 @@
               slot="label"
               placement="top"
               width="150"
-              trigger="hover"
+              trigger="click"
               :popper-class="'popover-webshell'"
             >
             <div>
@@ -84,7 +84,7 @@
             slot="label"
             placement="bottom-start"
             width="150"
-            trigger="hover"
+            trigger="click"
             :popper-class="'popover-webshell'"
           >
             <div>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
index d9346c2da..cf4e2b7ed 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
@@ -111,7 +111,7 @@
           </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">
+            <el-popover placement="right" trigger="click" :content="getStateContent(scope.row)" popper-class="small-pop">
               <div slot="reference" style="width: 20px">
                 <div :class="{'active-icon green':scope.row.state == '1','active-icon red':scope.row.state == '0', 'active-icon gray':scope.row.state == '2'}"></div>
               </div>
diff --git a/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue b/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue
index 23dd39b76..47be8f76c 100644
--- a/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue
@@ -29,7 +29,7 @@
           style="position: relative"
           @show="alertMessageHover(item, true)"
           @hide="alertMessageHover(item, false)"
-          trigger="hover">
+          trigger="click">
           <alertRuleInfo v-if="item.loading" :id="item.id" :severity-data="severityData" :that="item" @showText="showText(item)"></alertRuleInfo>
           <div class="detail-row-info" slot="reference">
           <div class="asset-manageIp">
diff --git a/nezha-fronted/src/components/common/pickTime.vue b/nezha-fronted/src/components/common/pickTime.vue
index 155bb71ff..2b19ca610 100644
--- a/nezha-fronted/src/components/common/pickTime.vue
+++ b/nezha-fronted/src/components/common/pickTime.vue
@@ -8,7 +8,7 @@
         <i class="global-active-color nz-icon nz-icon-refresh" style="font-size: 14px"></i>&nbsp;
         <span><slot name="added-text"></slot></span>
       </button>
-      <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)">
+      <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @click="dropdownHandler(dropdownShow)">
         <span class="select-refresh-time-label" v-if="interval !== -1">{{interLabel}}</span>
         <i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i>
         <transition name="el-zoom-in-top">
@@ -120,13 +120,10 @@ export default {
       }
     },
     dropdownHandler (show) {
-      if (show) {
-        clearTimeout(timeout)
+      if (!show) {
         this.dropdownShow = true
       } else {
-        timeout = setTimeout(() => {
-          this.dropdownShow = false
-        }, 700)
+        this.dropdownShow = false
       }
     },
     getIntervalData (interval) { // interval:结束时间到现在的秒数
diff --git a/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue b/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
index 3a3d567a8..06df4e85f 100644
--- a/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
@@ -23,7 +23,7 @@
               <span>
                 <el-popover
                   placement="right"
-                  trigger="hover"
+                  trigger="click"
                   :content="node.label">
                   <span slot="reference">{{ node.label }}</span>
                 </el-popover>
diff --git a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
index 1aa358f0a..efda69a1b 100644
--- a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
+++ b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dropdown :size="size">
+  <el-dropdown trigger="click" :size="size">
     <button id="more" :class="triggerButtonClass" title="more...">
       <i class="nz-icon nz-icon-more2"></i>
     </button>
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 11787df9d..4f04be3ba 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -251,7 +251,7 @@
                   <template>
                     <el-col class="legend-title">
                       {{ $t('dashboard.panel.chartForm.legend') }}&nbsp;
-                      <el-popover placement="top" trigger="hover" width="211">
+                      <el-popover placement="top" trigger="click" width="211">
                         <div style="word-break:keep-all;">{{ $t('dashboard.panel.chartForm.legendTip') }}</div>
                         <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"
                            @mouseover="rz"></i>
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 3b0d9142c..d7b297f41 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -241,7 +241,7 @@
                 </span>
                 <el-popover
                   placement="right"
-                  trigger="hover"
+                  trigger="click"
                   :content="$t('asset.talonPrompt')">
                   <i slot="reference" class="nz-icon nz-icon-about"></i>
                 </el-popover>
diff --git a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
index 0ef65ff26..ebbd3df97 100644
--- a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
@@ -43,7 +43,7 @@
               style="position: relative"
               @show="alertMessageHover(scope.row.alertRule, true)"
               @hide="alertMessageHover(scope.row.alertRule, false)"
-              trigger="hover">
+              trigger="click">
               <alertRuleInfo v-if="scope.row.alertRule.loading" :id="scope.row.alertRule.id" :severity-data="severityData" :that="scope.row.alertRule" @showText="$emit('showText',scope.row)"></alertRuleInfo>
               <span slot="reference" class="data-column__span">{{scope.row.alertRule?scope.row.alertRule.name : '--'}}</span>
             </el-popover>
@@ -113,7 +113,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="scope.row.alertRule&&scope.row.alertRule.type !== 3" class="table-operation-item" @click="$emit('messageDetail', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown v-has="['alertMessage_expired']" size="medium" trigger="hover" @command="tableOperation">
+        <el-dropdown v-has="['alertMessage_expired']" size="medium" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
index 84e2c3ef1..41c266d93 100644
--- a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
@@ -63,7 +63,7 @@
         <template v-else-if="item.prop === 'state'">
           <el-popover
             placement="right"
-            trigger="hover"
+            trigger="click"
             :open-delay="300"
             :width="225"
             popper-class="schedEnableTitle"
@@ -120,7 +120,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="queryMessage(scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['alertRule_edit','alertRule_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['alertRule_edit','alertRule_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index a9290e709..778703205 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -90,7 +90,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button :class="{'table-operation-item--disable': scope.row.state === 3}" class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state === 3"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
index f24f28e19..b3fdf8fd8 100644
--- a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
@@ -69,7 +69,7 @@
       <div slot-scope="scope" class="table-operation-items">
 <!--        <button class="table-operation-item" @click.stop><i class="nz-icon nz-icon-view1"></i></button>-->
         <button class="table-operation-item" @click.stop="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['asset_label_edit','asset_label_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['asset_label_edit','asset_label_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/asset/assetTable.vue b/nezha-fronted/src/components/common/table/asset/assetTable.vue
index 7f050fe9e..df170452c 100644
--- a/nezha-fronted/src/components/common/table/asset/assetTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetTable.vue
@@ -118,7 +118,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="assetTab"  class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
         <button v-else class="table-operation-item" @click="$emit('showBottomBox', 'panelTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['asset_edit','asset_connect','asset_add','asset_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['asset_edit','asset_connect','asset_add','asset_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/nzDataList.vue b/nezha-fronted/src/components/common/table/nzDataList.vue
index c319c6ccd..f238993eb 100644
--- a/nezha-fronted/src/components/common/table/nzDataList.vue
+++ b/nezha-fronted/src/components/common/table/nzDataList.vue
@@ -20,6 +20,7 @@
             </button>
             <el-dropdown
               type="primary"
+              trigger="click"
               v-if="showLayout.indexOf('detailViewSet') > -1"
               class="margin-l-5"
               @command="changeDetailType">
@@ -27,7 +28,7 @@
                       type="button">
                 <i class="nz-icon nz-icon-list-view" />
               </button>
-              <el-dropdown-menu slot="dropdown"  class="right-public-box-dropdown-top">
+              <el-dropdown-menu slot="dropdown"  class="right-public-box-dropdown-top right-public-box-select-top">
                 <el-dropdown-item :command="'list'" :class="detailType === 'list' ? 'active' : ''">{{$t('asset.detail.list')}}</el-dropdown-item>
                 <el-dropdown-item :command="'view'" :class="detailType === 'view' ? 'active' : ''">{{$t('asset.detail.detail')}}</el-dropdown-item>
               </el-dropdown-menu>
diff --git a/nezha-fronted/src/components/common/table/settings/agentTable.vue b/nezha-fronted/src/components/common/table/settings/agentTable.vue
index c1cbe3c86..33c53b01c 100644
--- a/nezha-fronted/src/components/common/table/settings/agentTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/agentTable.vue
@@ -41,7 +41,7 @@
               </span>
         <span v-else-if="item.prop === 'checkTime'">{{utcTimeToTimezoneStr(scope.row[item.prop])}}</span>
         <span v-else-if="item.prop === 'status'">
-          <el-popover :content="$t('asset.assetStatPre')+(scope.row.checkTime?utcTimeToTimezoneStr(scope.row.checkTime):$t('asset.assetStatDown'))" placement="right" trigger="hover" width="200">
+          <el-popover :content="$t('asset.assetStatPre')+(scope.row.checkTime?utcTimeToTimezoneStr(scope.row.checkTime):$t('asset.assetStatDown'))" placement="right" trigger="click" width="200">
             <div slot="reference" style="width: 20px">
               <div :class="{'active-icon green-bg':scope.row[item.prop] == '1','active-icon red-bg':scope.row[item.prop] == '0' || scope.row[item.prop] == '-1' || scope.row[item.prop] == '-2'}"></div>
             </div>
@@ -58,7 +58,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'agent_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['agent_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['agent_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue b/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
index 2ea8376c9..bb2e951a6 100644
--- a/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
@@ -72,7 +72,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['assetType_edit','assetType_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['assetType_edit','assetType_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
            <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/cabinetTable.vue b/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
index 95e136a71..d8a738e3d 100644
--- a/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
@@ -39,7 +39,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['dc_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['dc_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
index 55022108d..f90f1e961 100644
--- a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
@@ -51,7 +51,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('panel', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['panel_chart_edit','panel_chart_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['panel_chart_edit','panel_chart_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/credentialsTable.vue b/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
index 6affeeb00..9833dfc03 100644
--- a/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
@@ -73,7 +73,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'credential_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['credential_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['credential_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/dcTable.vue b/nezha-fronted/src/components/common/table/settings/dcTable.vue
index a78658530..58c2e8631 100644
--- a/nezha-fronted/src/components/common/table/settings/dcTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/dcTable.vue
@@ -88,7 +88,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['dc_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['dc_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index a49ee0b5c..01dec76bc 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -119,7 +119,7 @@
           </el-tooltip>
         </template>
         <template v-else-if="item.prop === 'state'">
-          <el-popover placement="left" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[0].state<2">
+          <el-popover placement="left" trigger="click" width="100" :popper-class="''" :disabled="scope.row.configs[0].state<2">
             <div>
               <div v-html="suspendedStr(scope.row.configs[0].state)"></div>
             </div>
@@ -136,7 +136,7 @@
               </span>
             </span>
           </el-popover>
-          <el-popover placement="right" trigger="hover" width="100" :popper-class="''" :disabled="scope.row.configs[1].state<2">
+          <el-popover placement="right" trigger="click" width="100" :popper-class="''" :disabled="scope.row.configs[1].state<2">
             <div>
               <div v-html="suspendedStr(scope.row.configs[1].state)"></div>
             </div>
@@ -170,7 +170,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button v-if="endpointTab"  class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
         <button v-else class="table-operation-item"  @click="$emit('showBottomBox', 'panelTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_endpoint_edit','monitor_endpoint_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_endpoint_edit','monitor_endpoint_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
index 798db2b96..7f1679c01 100644
--- a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
@@ -45,7 +45,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  v-has="'expressionTemplate_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['expressionTemplate_add','expressionTemplate_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['expressionTemplate_add','expressionTemplate_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/menuTable.vue b/nezha-fronted/src/components/common/table/settings/menuTable.vue
index 381624a07..a0d2823fa 100644
--- a/nezha-fronted/src/components/common/table/settings/menuTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/menuTable.vue
@@ -62,7 +62,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  v-has="'monitor_module_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_module_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_module_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/mibTable.vue b/nezha-fronted/src/components/common/table/settings/mibTable.vue
index 227bc990c..2b599f123 100644
--- a/nezha-fronted/src/components/common/table/settings/mibTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/mibTable.vue
@@ -42,7 +42,7 @@
           <div style="height: 100%">
             <div style="height: 100%; overflow: auto;">
               <div v-for="(n,i) in scope.row['modelsDetail']" :key="n.name+'-'+n.id+'-'+i" class="detail-item-content">
-                <el-popover placement="top" trigger="hover" >
+                <el-popover placement="top" trigger="click" >
                   <div>
                     <div>
                       <span>{{$t('overall.name')}}:</span>
@@ -78,7 +78,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" title="Download" @click="downloadMib(scope.row)"><i class="nz-icon nz-icon-download"></i></button>
-        <el-dropdown size="medium" v-has="['snmp_mibFile_edit','snmp_mibFile_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['snmp_mibFile_edit','snmp_mibFile_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/modelTable.vue b/nezha-fronted/src/components/common/table/settings/modelTable.vue
index d7c8cae59..f8588093a 100644
--- a/nezha-fronted/src/components/common/table/settings/modelTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/modelTable.vue
@@ -63,7 +63,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
 <!--        <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>-->
-        <el-dropdown size="medium" v-has="['model_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['model_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/moduleTable.vue b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
index c1521dd43..84bcaa4d1 100644
--- a/nezha-fronted/src/components/common/table/settings/moduleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
@@ -67,7 +67,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item"  @click="showBottomBox('endpoint', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['monitor_module_edit','monitor_module_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['monitor_module_edit','monitor_module_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/projectTable.vue b/nezha-fronted/src/components/common/table/settings/projectTable.vue
index c3702f1b1..b5d8d4832 100644
--- a/nezha-fronted/src/components/common/table/settings/projectTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/projectTable.vue
@@ -67,7 +67,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="changeProjectTopo(scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['project_edit','project_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['project_edit','project_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/roleTable.vue b/nezha-fronted/src/components/common/table/settings/roleTable.vue
index 4e2c93c9c..0b01791e8 100644
--- a/nezha-fronted/src/components/common/table/settings/roleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/roleTable.vue
@@ -53,7 +53,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" v-has="'role_edit'" @click="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
-        <el-dropdown size="medium" v-has="['role_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['role_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
index dd5720d6f..dc86f03e9 100644
--- a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
@@ -43,7 +43,7 @@
           <el-popover
             placement="right-start"
             width="200"
-            trigger="hover"
+            trigger="click"
             :content="scope.row.uuid">
             <span slot="reference">{{scope.row.uuid.substring(0, 8).toUpperCase()}}</span>
           </el-popover>
@@ -81,7 +81,7 @@
       <div slot-scope="scope" class="table-operation-items">
         <template v-if="scope.row.status == 0">
           <button :title="$t('config.terminallog.monitor.monitor')" class="table-operation-item" @click="showBottomBox('monitorTab', scope.row)"><i class="nz-icon nz-icon-JC"></i></button>
-          <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+          <el-dropdown size="medium" trigger="click" @command="tableOperation">
             <div class="table-operation-item table-operation-item--more">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
@@ -92,7 +92,7 @@
         </template>
         <template v-else>
           <button class="table-operation-item" @click="showBottomBox('cmdTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-          <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+          <el-dropdown size="medium" trigger="click" @command="tableOperation">
             <div class="table-operation-item table-operation-item--more">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
diff --git a/nezha-fronted/src/components/common/table/settings/userTable.vue b/nezha-fronted/src/components/common/table/settings/userTable.vue
index ad03f6506..36ebbe796 100644
--- a/nezha-fronted/src/components/common/table/settings/userTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/userTable.vue
@@ -80,7 +80,7 @@
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
         <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-        <el-dropdown size="medium" v-has="['user_edit','user_delete']" trigger="hover" @command="tableOperation">
+        <el-dropdown size="medium" v-has="['user_edit','user_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
diff --git a/nezha-fronted/src/components/layout/header.vue b/nezha-fronted/src/components/layout/header.vue
index ba2309af7..590e314c5 100644
--- a/nezha-fronted/src/components/layout/header.vue
+++ b/nezha-fronted/src/components/layout/header.vue
@@ -5,7 +5,7 @@
       <el-breadcrumb-item v-for="crumb in breadcrumb" :key="crumb.code">{{$t(crumb.i18n)}}</el-breadcrumb-item>
     </el-breadcrumb>
     <div class="header-menu">
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="header-menu__item"><i class="nz-icon nz-icon-more-app"></i></div>
         <el-dropdown-menu slot="dropdown" class="right-public-box-select-top right-public-box-dropdown-top">
           <el-dropdown-item v-for="(item, index) in linkData" :key="index" :index="'0-' + index" v-if="linkData.length">
@@ -19,21 +19,21 @@
           </div>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-dropdown-menu></el-dropdown-menu>
         <div id="header-open-cli" @click="cli">
           <div class="header-menu__item"><i class="nz-icon nz-icon-terminal"></i></div>
           <span v-show="$store.state.consoleCount>0" class="right-tip">{{$store.state.consoleCount<=10?$store.state.consoleCount:'10+'}}</span>
         </div>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-dropdown-menu></el-dropdown-menu>
         <div class="header-menu__item" @click="showGuide = true"><i class="nz-icon nz-icon-guide"></i></div>
       </el-dropdown>
     </div>
     <!--个人操作-->
     <div class="personal">
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="header-menu--item">
           <i class="nz-icon nz-icon-language-change"></i>
         </div>
@@ -46,7 +46,7 @@
           </el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <div class="personal-avatar"><span>{{name.substr(0, 1)}}</span>&nbsp;<i class="nz-icon nz-icon-arrow-down"></i></div>
         <el-dropdown-menu  style="width: 142px" class="right-public-box-select-top right-public-box-dropdown-top" slot="dropdown">
           <div class="personal-dropdown">
diff --git a/nezha-fronted/src/components/page/asset/components/operation.vue b/nezha-fronted/src/components/page/asset/components/operation.vue
index 87a260eef..018977854 100644
--- a/nezha-fronted/src/components/page/asset/components/operation.vue
+++ b/nezha-fronted/src/components/page/asset/components/operation.vue
@@ -12,7 +12,7 @@
         class="nz-icon nz-icon-delete"></i>
               </span>
       &nbsp;
-      <el-dropdown v-has="'asset_connect'" trigger="hover" @command="cli">
+      <el-dropdown v-has="'asset_connect'" trigger="click" @command="cli">
         <span :id="'asset-ssh-'+row.id" class="content-right-option" title="CLI"><i
           :class="{'gray-filter': !row.accounts || row.accounts.length === 0 || (row.accounts.length === 1 && row.accounts.find(t => t.protocol === 'SNMP'))}" class="nz-icon nz-icon-cli"></i>
         </span>
diff --git a/nezha-fronted/src/components/page/asset/components/ping.vue b/nezha-fronted/src/components/page/asset/components/ping.vue
index 77d75b805..1aab6d256 100644
--- a/nezha-fronted/src/components/page/asset/components/ping.vue
+++ b/nezha-fronted/src/components/page/asset/components/ping.vue
@@ -2,7 +2,7 @@
   <el-popover
     :content="formatPingTime(model.pingLastUpdate)"
     placement="bottom"
-    trigger="hover"
+    trigger="click"
     width="200"
   >
     <div slot="reference" style="width: 100%">
diff --git a/nezha-fronted/src/components/page/asset/endpointStatusPop.vue b/nezha-fronted/src/components/page/asset/endpointStatusPop.vue
index d183e7aca..b5420dc06 100644
--- a/nezha-fronted/src/components/page/asset/endpointStatusPop.vue
+++ b/nezha-fronted/src/components/page/asset/endpointStatusPop.vue
@@ -36,7 +36,7 @@
                     <div :key="index" class="inner-row">
                       <div class="inner-col left">ID：{{item.id}}</div>
                       <div class="inner-col right">
-                        <el-popover placement="right"  width="50" trigger="hover" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
+                        <el-popover placement="right"  width="50" trigger="click" :content="(item.state == 1?'up':'down')+'['+(item.lastUpdate&&item.lastUpdate!=''?(new Date(item.lastUpdate).getHours()+':'+new Date(item.lastUpdate).getMinutes()):'--')+']'" >
                           <div slot="reference" style="width: 20px">
                             <div @mouseover="resetZIndex($event)" :class="{'active-icon green':item.state == 1,'active-icon red':item.state == 0}"></div>
                           </div>
diff --git a/nezha-fronted/src/components/page/config/assetState.vue b/nezha-fronted/src/components/page/config/assetState.vue
index c7e3d40f8..228e0a384 100644
--- a/nezha-fronted/src/components/page/config/assetState.vue
+++ b/nezha-fronted/src/components/page/config/assetState.vue
@@ -92,7 +92,7 @@
             <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
             <div slot-scope="scope" class="table-operation-items">
               <button class="table-operation-item" @click="$refs.dataList.showBottomBox('operationLog', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
-              <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+              <el-dropdown size="medium" trigger="click" @command="tableOperation">
                 <div class="table-operation-item table-operation-item--more">
                   <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>
                 </div>
diff --git a/nezha-fronted/src/components/page/config/profile.vue b/nezha-fronted/src/components/page/config/profile.vue
index 85b38be64..be271070b 100644
--- a/nezha-fronted/src/components/page/config/profile.vue
+++ b/nezha-fronted/src/components/page/config/profile.vue
@@ -9,7 +9,7 @@
           <el-popover
             placement="right-start"
             style="line-height: .1;"
-            trigger="hover"
+            trigger="click"
             :content="userList.name">
             <div slot="reference">
               <span :class="(mfaEnable == '1' || mfaLevel > 0)?'MfaName':'name'">
@@ -20,7 +20,7 @@
           </el-popover>
           <el-popover
             placement="right-start"
-            trigger="hover"
+            trigger="click"
             :content="'@' + userList.username">
             <div slot="reference">
               <span :class="(mfaEnable == '1' || mfaLevel > 0)?'MfaName':'name'">
diff --git a/nezha-fronted/src/components/page/config/system/linkTable.vue b/nezha-fronted/src/components/page/config/system/linkTable.vue
index b0201c67b..f4f65bda5 100644
--- a/nezha-fronted/src/components/page/config/system/linkTable.vue
+++ b/nezha-fronted/src/components/page/config/system/linkTable.vue
@@ -66,7 +66,7 @@
           </template>
           <template v-else>
             <button class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-            <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+            <el-dropdown size="medium" trigger="click" @command="tableOperation">
               <div class="table-operation-item table-operation-item--more">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>
diff --git a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
index 6e4c70da2..b7b2dfb42 100644
--- a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
+++ b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
@@ -76,7 +76,7 @@
           </template>
           <template v-else>
             <button :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
-            <el-dropdown size="medium" trigger="hover" @command="tableOperation">
+            <el-dropdown size="medium" trigger="click" @command="tableOperation">
               <div class="table-operation-item table-operation-item--more">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index eda45254c..c8e697807 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -406,7 +406,7 @@
               <el-row style="margin-top: 18px">
                 <el-col class="legend-title">
                   {{$t('dashboard.panel.chartForm.legend')}}&nbsp;
-                  <el-popover placement="top" trigger="hover" width="211">
+                  <el-popover placement="top" trigger="click" width="211">
                     <div style="word-break:keep-all;">{{$t('dashboard.panel.chartForm.legendTip')}}</div>
                     <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
                   </el-popover>
@@ -429,7 +429,7 @@
           <div v-if="editChart.type == 'singleStat'||editChart.type == 'table'" class="form__sub-title">
           <span>
             {{$t('dashboard.panel.chartForm.valMapping.name')}}
-            <el-popover  placement="top" trigger="hover" width="275">
+            <el-popover  placement="top" trigger="click" width="275">
               <div style="white-space: pre-wrap;">{{$t('dashboard.panel.chartForm.valueMappingTip')}}</div>
               <i @mouseover="rz" class="nz-icon nz-icon-info-normal" slot="reference" style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i>
             </el-popover>
diff --git a/nezha-fronted/src/components/page/dashboard/chartMetric.vue b/nezha-fronted/src/components/page/dashboard/chartMetric.vue
index 2fdf4a7f1..9bb0ce789 100644
--- a/nezha-fronted/src/components/page/dashboard/chartMetric.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartMetric.vue
@@ -260,7 +260,7 @@
       <el-row :gutter="4">
         <el-col :span="4">
           {{$t('dashboard.panel.chartForm.legend')}}&nbsp;
-          <el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="hover">
+          <el-popover :content="$t('dashboard.panel.chartForm.legendTip')" placement="top" width="150" trigger="click">
             <i slot="reference" class="nz-icon nz-icon-info-normal" style="font-size: 12px; -webkit-transform:scale(0.75);display:inline-block;" @mouseover="resetZIndex"></i>
           </el-popover>
         </el-col>
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index 592d89573..816c90051 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -201,7 +201,7 @@
             <span>{{$t("dashboard.overview.alert.moduleTopN")}}</span>
             <!--<span> <el-input v-model="col"  size="small"/></span>-->
             <!--<span> <el-input v-model="length" size="small"/></span>-->
-            <!--<el-dropdown trigger="hover" :show-timeout="0" size="small">
+            <!--<el-dropdown trigger="click" :show-timeout="0" size="small">
               <span>Top&nbsp;{{topFilter.rule}}<i class="nz-icon nz-icon-arrow-down el-icon&#45;&#45;right"></i></span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item v-for="(item,index) in topFilter.optionals" :key="index" @click.native="topNChange('rule', item)">{{item}}</el-dropdown-item>