From 4064987ef5b2d233d5dd28387d35754b3b2d9a2e Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Fri, 1 Jul 2022 09:39:20 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1990=20feat=20=EF=BC=9A=E8=A1=A5=E5=85=85?=
 =?UTF-8?q?=20icon/button=20title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/chart/ChartScreenHeader.vue    |  2 +-
 .../components/chart/chart/chart-table.vue    |  2 +-
 .../src/components/chart/chart/chartLog.vue   |  2 +-
 .../chart/chart/line-chart-block.vue          |  2 +-
 .../src/components/chart/chartHeader.vue      | 14 +++----
 nezha-fronted/src/components/cli/webSSH.vue   |  8 ++--
 .../common/ChartDiagram/diagram.vue           |  8 ++--
 .../components/common/bottomBox/bottomBox.vue |  6 +--
 .../common/bottomBox/nzBottomDataList.vue     |  2 +-
 .../common/bottomBox/tabs/cabinetTab.vue      |  2 +-
 .../common/bottomBox/tabs/endpointQuery.vue   |  6 +--
 .../bottomBox/tabs/endpointQueryTab.vue       | 10 ++---
 .../common/bottomBox/tabs/endpointTab.vue     |  4 +-
 .../common/bottomBox/tabs/scrapeEndpoint.vue  |  2 +-
 .../bottomBox/tabs/terminalLogRecordTab.vue   |  2 +-
 .../src/components/common/deleteButton.vue    |  4 +-
 .../list/alertRule/alertRuleDetail.vue        |  4 +-
 .../detailView/list/asset/assetDetail.vue     |  4 +-
 .../common/detailView/list/dc/dcDetail.vue    |  4 +-
 .../list/endpoint/endpointDetail.vue          |  4 +-
 .../detailView/list/module/moduleDetail.vue   |  4 +-
 .../terminalLogDetail/terminalLogDetail.vue   |  4 +-
 .../detailView/list/userDetail/userDetail.vue |  4 +-
 .../common/detailView/nzDetailView.vue        |  2 +-
 nezha-fronted/src/components/common/login.vue |  2 +-
 .../src/components/common/multipleTime.vue    |  2 +-
 .../src/components/common/nzTransfer.vue      |  2 +
 .../src/components/common/pickTime.vue        |  4 +-
 .../common/popBox/selectDashboard.vue         |  4 +-
 .../common/popBox/topToolMoreOptions.vue      |  2 +-
 .../common/project/L5/CanvasProps.vue         | 10 ++---
 .../common/project/L5/topologyTopTool.vue     |  6 +--
 .../components/common/project/topologyL5.vue  | 12 +++---
 .../common/rightBox/addEndpointBox.vue        | 10 ++---
 .../rightBox/administration/assetTypeBox.vue  |  2 +-
 .../rightBox/administration/backupsBox.vue    |  2 +-
 .../rightBox/administration/modelBox.vue      |  2 +-
 .../rightBox/administration/roleBox.vue       |  2 +-
 .../rightBox/administration/userBox.vue       |  2 +-
 .../components/common/rightBox/agentBox.vue   |  2 +-
 .../common/rightBox/alertRuleBox.vue          |  2 +-
 .../common/rightBox/alertSilenceBox.vue       |  6 +--
 .../components/common/rightBox/apiKeyBox.vue  |  2 +-
 .../rightBox/asset/assetBatchEditBox.vue      | 10 ++---
 .../common/rightBox/asset/assetBox.vue        | 11 ++---
 .../common/rightBox/assetMetaBox.vue          |  8 ++--
 .../common/rightBox/assetMetaGroup.vue        |  2 +-
 .../common/rightBox/batchAddEndpoint.vue      |  6 +--
 .../common/rightBox/batchEditEndpoint.vue     |  6 +--
 .../common/rightBox/batchModifyEndpoint.vue   |  6 +--
 .../components/common/rightBox/cabinetBox.vue |  2 +-
 .../common/rightBox/chart/chartConfig.vue     | 21 +++++-----
 .../common/rightBox/chart/chartRightBox.vue   |  6 +--
 .../rightBox/chart/systemChartConfig.vue      | 14 +++----
 .../common/rightBox/chartTempBox.vue          |  2 +-
 .../src/components/common/rightBox/dcBox.vue  |  2 +-
 .../common/rightBox/editEndpointBoxNew.vue    | 40 +++++++++----------
 .../common/rightBox/exprTmplBox.vue           |  2 +-
 .../common/rightBox/ipDetailsBox.vue          |  2 +-
 .../components/common/rightBox/ipamBox.vue    |  2 +-
 .../components/common/rightBox/menuBox.vue    |  4 +-
 .../src/components/common/rightBox/mibBox.vue |  2 +-
 .../components/common/rightBox/moduleBox.vue  | 36 ++++++++---------
 .../components/common/rightBox/panelBox.vue   | 18 ++++-----
 .../common/rightBox/pipelineSelect.vue        |  2 +-
 .../components/common/rightBox/profileBox.vue |  2 +-
 .../components/common/rightBox/projectBox.vue |  2 +-
 .../common/rightBox/setting/cabinetBox.vue    |  2 +-
 .../rightBox/setting/globalizationBox.vue     |  2 +-
 .../common/rightBox/snmpCredentialBox.vue     |  2 +-
 .../common/rightBox/trafficSetting/subBox.vue |  4 +-
 .../trafficSetting/trafficSettingTab.vue      |  8 ++--
 .../src/components/common/searchInput.vue     |  8 ++--
 .../common/table/alert/alertMessageTable.vue  |  4 +-
 .../common/table/alert/alertRuleTable.vue     |  8 ++--
 .../common/table/alert/alertSilenceTable.vue  |  5 ++-
 .../common/table/asset/assetMetaTable.vue     |  4 +-
 .../common/table/asset/assetTable.vue         | 12 +++---
 .../components/common/table/nzDataList.vue    |  4 +-
 .../common/table/settings/agentTable.vue      |  8 ++--
 .../common/table/settings/assetTypeTable.vue  |  4 +-
 .../common/table/settings/backupsTable.vue    |  8 ++--
 .../common/table/settings/cabinetTable.vue    |  4 +-
 .../common/table/settings/chartTmplTable.vue  |  6 +--
 .../table/settings/credentialsTable.vue       |  6 +--
 .../common/table/settings/dcTable.vue         |  4 +-
 .../common/table/settings/endpointTable.vue   | 16 ++++----
 .../common/table/settings/exprTmplTable.vue   |  8 ++--
 .../table/settings/globalizationTable.vue     |  4 +-
 .../common/table/settings/ipDetailsTable.vue  |  4 +-
 .../common/table/settings/ipamTable.vue       |  8 ++--
 .../common/table/settings/menuTable.vue       |  4 +-
 .../common/table/settings/mibTable.vue        |  8 ++--
 .../common/table/settings/modelTable.vue      |  4 +-
 .../common/table/settings/moduleTable.vue     |  8 ++--
 .../common/table/settings/projectTable.vue    |  6 +--
 .../common/table/settings/roleTable.vue       |  8 ++--
 .../table/settings/terminalLogTable.vue       |  6 +--
 .../common/table/settings/userTable.vue       |  8 ++--
 .../src/components/layout/header.vue          | 14 +++----
 .../components/page/alert/alertMessage.vue    |  2 +-
 .../src/components/page/asset/asset.vue       |  2 +-
 .../page/asset/components/assetTagEx.vue      |  4 +-
 .../src/components/page/config/agent.vue      |  6 +--
 .../src/components/page/config/assetMeta.vue  |  2 +-
 .../src/components/page/config/assetState.vue |  4 +-
 .../components/page/config/globalization.vue  |  2 +-
 .../src/components/page/config/mibBrowser.vue |  6 +--
 .../src/components/page/config/profile.vue    |  2 +-
 .../page/config/system/apiKeyTable.vue        |  4 +-
 .../page/config/system/linkTable.vue          |  4 +-
 .../page/config/system/notifyMethodTable.vue  |  4 +-
 .../page/config/system/selfApiKeyTab.vue      |  2 +-
 .../page/config/system/selfApiKeyTable.vue    |  2 +-
 .../page/dashboard/explore/exploreItem.vue    |  5 ++-
 .../page/dashboard/explore/logTab.vue         |  2 +-
 .../page/dashboard/explore/promqlInput.vue    |  5 +++
 .../src/components/page/dashboard/panel.vue   |  8 ++--
 .../page/monitor/endpoint/endpointList.vue    |  2 +-
 .../src/components/page/tool/ping.vue         |  2 +-
 .../src/components/page/tool/trace.vue        |  2 +-
 121 files changed, 341 insertions(+), 330 deletions(-)

diff --git a/nezha-fronted/src/components/chart/ChartScreenHeader.vue b/nezha-fronted/src/components/chart/ChartScreenHeader.vue
index 6390eac71..5157b9f75 100644
--- a/nezha-fronted/src/components/chart/ChartScreenHeader.vue
+++ b/nezha-fronted/src/components/chart/ChartScreenHeader.vue
@@ -53,7 +53,7 @@
       <span class="chart-header__tool" v-if="showSaveBtn(from)">
             <button id="endpoint-query-full-chart-save" v-has="'main_add'" class="nz-btn nz-btn-size-large nz-btn-style-normal" @click="saveChart">{{$t('dashboard.metric.saveChart')}}</button>
       </span>
-      <span class="chart-header__tool" @click="closeDialog">
+      <span class="chart-header__tool" @click="closeDialog"  :title="$t('overall.close')">
         <i class="nz-icon nz-icon-close" style="font-size: 16px;"></i>
       </span>
     </div>
diff --git a/nezha-fronted/src/components/chart/chart/chart-table.vue b/nezha-fronted/src/components/chart/chart/chart-table.vue
index a7fe0342d..df35bbebe 100644
--- a/nezha-fronted/src/components/chart/chart/chart-table.vue
+++ b/nezha-fronted/src/components/chart/chart/chart-table.vue
@@ -38,7 +38,7 @@
                  <span  @click="showAllScreen"  v-if="from !== 'chartTemp'" class="" :title="$t('dashboard.screen')">
                   <i class="nz-icon nz-icon-maxview"></i>
                  </span>
-                <span><i class="el-icon-more" @click.stop="dropdownMenuShow=!dropdownMenuShow"></i></span>
+                <span  :title="$t('overall.more')"><i class="el-icon-more" @click.stop="dropdownMenuShow=!dropdownMenuShow"></i></span>
               </span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="" >
diff --git a/nezha-fronted/src/components/chart/chart/chartLog.vue b/nezha-fronted/src/components/chart/chart/chartLog.vue
index 969baf067..b379a8643 100644
--- a/nezha-fronted/src/components/chart/chart/chartLog.vue
+++ b/nezha-fronted/src/components/chart/chart/chartLog.vue
@@ -27,7 +27,7 @@
         <span class="operation-length">{{tableData.length}}</span>
       </div>
       <div class="log-operation log-operation--right">
-        <button class="top-tool-btn" type="button" @click="exportLog"><i class="nz-icon nz-icon-download"></i></button>
+        <button class="top-tool-btn" style="cursor: pointer" type="button" @click="exportLog" :title="$t('overall.download')"><i class="nz-icon nz-icon-download"></i></button>
       </div>
     </div>
     <div class="log-table" style="flex: 1">
diff --git a/nezha-fronted/src/components/chart/chart/line-chart-block.vue b/nezha-fronted/src/components/chart/chart/line-chart-block.vue
index 828f15c46..d0cb81169 100644
--- a/nezha-fronted/src/components/chart/chart/line-chart-block.vue
+++ b/nezha-fronted/src/components/chart/chart/line-chart-block.vue
@@ -51,7 +51,7 @@
                  <span  @click="showAllScreen"  v-if="from !== 'chartTemp'" class="" :title="$t('dashboard.screen')">
                   <i class="nz-icon nz-icon-maxview"></i>
                  </span>
-                <span><i class="el-icon-more" @click.stop="dropdownMenuShow=!dropdownMenuShow"></i></span>
+                <span  :title="$t('overall.more')"><i class="el-icon-more" @click.stop="dropdownMenuShow=!dropdownMenuShow"></i></span>
               </span>
             </span>
             <ul slot="dropdown" v-show="dropdownMenuShow"  :id="'dropdownUl'+chartIndex"  class="el-dropdown-menu nz-chart-dropdown"  style="" >
diff --git a/nezha-fronted/src/components/chart/chartHeader.vue b/nezha-fronted/src/components/chart/chartHeader.vue
index 39bb62cbb..8c8f665fd 100644
--- a/nezha-fronted/src/components/chart/chartHeader.vue
+++ b/nezha-fronted/src/components/chart/chartHeader.vue
@@ -34,7 +34,7 @@
       <span v-show="chartInfo.param.collapse" class="collapse-content">({{chartData ? chartData.length : 0}} charts)</span>
     </div>
     <div class="chart-header__tools" v-if="chartInfo.type !== 'endpointInfo' && chartInfo.type !== 'assetInfo' && !isExportHtml">
-      <span v-if="chartInfo.param.link" class="chart-header__tool" @click="openUrl">
+      <span v-if="chartInfo.param.link" :title="$t('overall.link')" class="chart-header__tool" @click="openUrl">
        <i class="nz-icon nz-icon-more-app tool__icon"></i>
       </span>
       <span v-if="chartInfo.remark" class="chart-header__tool">
@@ -43,23 +43,23 @@
         </el-tooltip>
       </span>
       <span  v-if="chartInfo.type=='group'" class="chart-header__tool" @click="addChartGroup">
-        <el-tooltip :content="$t('button.add')" effect="light" placement="top">
+        <el-tooltip :content="$t('button.add')" effect="light" placement="top" :title="$t('tip.add')">
            <i class="nz-icon nz-icon-plus tool__icon"></i>
         </el-tooltip>
       </span>
       <span class="chart-header__tool" @click="refreshChart">
-        <el-tooltip :content="$t('dashboard.refresh')" effect="light" placement="top">
+        <div :title="$t('dashboard.refresh')" effect="light" placement="top">
            <i class="nz-icon nz-icon-replay tool__icon"></i>
-        </el-tooltip>
+        </div>
       </span>
       <span v-if="from !== this.$CONSTANTS.fromRoute.chartTemp && chartInfo.type!=='group'" class="chart-header__tool" @click="showFullscreen">
-        <el-tooltip :content="$t('dashboard.screen')" effect="light" placement="top">
+        <div :title="$t('dashboard.screen')" effect="light" placement="top">
            <i class="nz-icon nz-icon-maxview tool__icon"></i>
-        </el-tooltip>
+        </div>
       </span>
       <span class="chart-header__tool">
         <el-dropdown v-clickoutside="clickos" v-has="['main_edit','main_delete','main_add']" trigger="click">
-          <i class="el-icon-more tool__icon" @click.stop="dropdownMenuShow = !dropdownMenuShow"></i>
+          <i class="el-icon-more tool__icon" @click.stop="dropdownMenuShow = !dropdownMenuShow" :title="$t('overall.more')"></i>
           <el-dropdown-menu style="display: none" class="temp-dropdown"></el-dropdown-menu>
           <ul v-show="dropdownMenuShow" slot="dropdown" class="el-dropdown-menu nz-chart-dropdown">
             <li class="el-dropdown-menu__item" v-has="'main_edit'" @click="editChart">
diff --git a/nezha-fronted/src/components/cli/webSSH.vue b/nezha-fronted/src/components/cli/webSSH.vue
index d39bdac73..ae560cfdf 100644
--- a/nezha-fronted/src/components/cli/webSSH.vue
+++ b/nezha-fronted/src/components/cli/webSSH.vue
@@ -59,10 +59,10 @@
         </el-tab-pane>
       </el-tabs>
       <div class="console-icon">
-        <i @click="minScreen" class="nz-icon nz-icon-minus console-title-icon" style='right: 76px;'></i>
-        <i @click="fullScreen" class="el-icon-full-screen console-title-icon" style='right: 46px;' v-if="!isFullScreen"></i>
-        <i @click="exitFullScreen" class="nz-icon nz-icon-exit-full-screen console-title-icon" style='right: 46px;' v-else></i>
-        <i @click="closeConsole" class="nz-icon nz-icon-close console-title-icon" style='right: 16px;'></i>
+        <i @click="minScreen" class="nz-icon nz-icon-minus console-title-icon" style='right: 76px;' :title="$t('overall.shrink')"></i>
+        <i @click="fullScreen" class="el-icon-full-screen console-title-icon" style='right: 46px;' v-if="!isFullScreen" :title="$t('dashboard.screen')"></i>
+        <i @click="exitFullScreen" class="nz-icon nz-icon-exit-full-screen console-title-icon" style='right: 46px;' v-else :title="$t('dashboard.screen.exit')"></i>
+        <i @click="closeConsole" class="nz-icon nz-icon-close console-title-icon" style='right: 16px;' :title="$t('overall.close')"></i>
       </div>
     </div>
 
diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index 480b2fa31..16e679e3f 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -21,7 +21,7 @@
                   <el-collapse-item :title="item.group" :name="item.group">
                     <template slot="title">
                       <div style="display: flex;width: 100%;">
-                        <i class="nz-icon nz-icon-caret-right"></i> <div style="flex: 1">{{item.group}}</div> <i class="nz-icon nz-icon-delete title-delete" @click="tooltipDeleteTitle(item)"></i>
+                        <i class="nz-icon nz-icon-caret-right"></i> <div style="flex: 1">{{item.group}}</div> <i class="nz-icon nz-icon-delete title-delete" @click="tooltipDeleteTitle(item)" :title="$t('overall.delete')"></i>
                       </div>
                     </template>
                     <div v-for="(btn, i) in item.children" :key="'info2'+'-'+index+'-'+i" class="buttons"  :title="btn.data.text">
@@ -37,7 +37,7 @@
                         <i v-else-if="btn.data.iconName" f :class="`nz-icon ${btn.data.iconName}`"></i>
                         <i v-else :class="`iconfont ${btn.icon}`"></i>
                       </a>
-                      <i v-if="item.group!=='General'" class="delIcon nz-icon nz-icon-delete" @click="tooltipDelete(btn)"></i>
+                      <i v-if="item.group!=='General'" class="delIcon nz-icon nz-icon-delete" @click="tooltipDelete(btn)"  :title="$t('overall.delete')"></i>
                     </div>
                   </el-collapse-item>
                 </el-collapse>
@@ -216,8 +216,8 @@
             </endpointTable>
           </transition>
           <div v-if="!fromOverView&&!editTopologyFlag&&!fromPrev&&!fromChartBox" class="right-bottom-zoom">
-            <div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomMap(0.25)"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
-            <div class="zoom-option" @click="zoomMap(-0.25)"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
+            <div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomMap(0.25)" :title="$t('overall.enlargement')"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
+            <div class="zoom-option" @click="zoomMap(-0.25)" :title="$t('overall.shrink')"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
           </div>
         </div>
       </div>
diff --git a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
index 255fa6a53..65356f65d 100644
--- a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
+++ b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
@@ -9,11 +9,11 @@
         <!--窗口大小控制-->
       <div class="sub-list-window-control">
         <!--退出全屏-->
-        <div class="window-control-btn" v-if="isFullScreen" @click="exitFullScreen" :id="from+'-bottom-exit-full'"><i class="nz-icon nz-icon-exit-full-screen" ></i></div>
+        <div class="window-control-btn" v-if="isFullScreen" @click="exitFullScreen" :id="from+'-bottom-exit-full'" :title="$t('dashboard.screen.exit')"><i class="nz-icon nz-icon-exit-full-screen" ></i></div>
         <!--全屏-->
-        <div v-if="!isFullScreen" :id="from+'-bottom-full'" class="window-control-btn" @click="fullScreen"><i class="nz-icon nz-icon-full-screen"></i></div>
+        <div v-if="!isFullScreen" :id="from+'-bottom-full'" class="window-control-btn" @click="fullScreen" :title="$t('dashboard.screen')"><i class="nz-icon nz-icon-full-screen"></i></div>
         <!--关闭-->
-        <div class="window-control-btn" @click="closeSubList" :id="from+'-bottom-close'"><i class="nz-icon nz-icon-close"></i></div>
+        <div class="window-control-btn" @click="closeSubList" :id="from+'-bottom-close'" :title="$t('overall.close')"><i class="nz-icon nz-icon-close"></i></div>
       </div>
 
       <!------TAB区------>
diff --git a/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue b/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
index 537c69ade..b57f310d8 100644
--- a/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
+++ b/nezha-fronted/src/components/common/bottomBox/nzBottomDataList.vue
@@ -13,7 +13,7 @@
         </div>
         <slot name="top-tool-right"></slot>
         <button v-if="layout.indexOf('elementSet') > -1" id="account-column-setting" class="top-tool-btn margin-r-20"
-                type="button" @click="tools.showCustomTableTitle = true">
+                type="button" @click="tools.showCustomTableTitle = true" :title="$t('overall.selectColumns')">
           <i class="nz-icon-gear nz-icon"></i>
         </button>
       </div>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
index 15fc7157e..e83e649cd 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
@@ -34,7 +34,7 @@
         ></cabinet-table>
       </template>
       <template v-slot:top-tool-right>
-        <button id="asset-create-asset" v-has="'dc_add'" class="top-tool-btn margin-r-10 margin-l-10" @click.stop="add">
+        <button id="asset-create-asset" v-has="'dc_add'" class="top-tool-btn margin-r-10 margin-l-10" @click.stop="add" :title="$t('tip.add')">
           <i class="nz-icon nz-icon-create-square"></i>
         </button>
        <top-tool-more-options
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
index e052d13ce..e475a6787 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue
@@ -22,7 +22,7 @@
             </el-input>
           </div>
           <div class="margin-r-20 nz-btn-group">
-            <button @click="changeTime(-10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-prepend" id="endpoint-query-changetime"><i class="el-icon-d-arrow-left"></i></button>
+            <button @click="changeTime(-10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-prepend" id="endpoint-query-changetime" :title="$t('overall.decreaseTime')"><i class="el-icon-d-arrow-left"></i></button>
             <my-date-picker
               v-model="formatTime"
               type="datetime"
@@ -35,10 +35,10 @@
               :format="timeFormatStrToDatePickFormat(timeFormatMain)"
           >
           </my-date-picker>
-            <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append"><i class="el-icon-d-arrow-right"></i></button>
+            <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append" :title="$t('overall.increaseTime')"><i class="el-icon-d-arrow-right"></i></button>
           </div>
           <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 28px;">
-            <button class="nz-btn nz-btn-size-normal nz-btn-style-light" :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}" @click="viewGraph">
+            <button class="nz-btn nz-btn-size-normal nz-btn-style-light" :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}" @click="viewGraph" :title="$t('overall.showLineChart')">
               <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
             </button>
             <button @click="dropdownHandler(dropdownShow)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go">
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
index bec1e912b..45bce1736 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
@@ -32,7 +32,7 @@
           </el-input>
         </div>
         <div class="margin-r-20 nz-btn-group nz-btn-group-size-small nz-btn-group-light">
-          <button @click="changeTime(-10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-prepend" id="endpoint-query-changetime"><i class="el-icon-d-arrow-left"></i></button>
+          <button @click="changeTime(-10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-prepend" id="endpoint-query-changetime" :title="$t('overall.decreaseTime')"><i class="el-icon-d-arrow-left"></i></button>
           <my-date-picker
             v-model="formatTime"
             type="datetime"
@@ -46,10 +46,10 @@
             @change="pickTime"
         >
           </my-date-picker>
-          <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append"><i class="el-icon-d-arrow-right"></i></button>
+          <button @click="changeTime(10)" class="nz-btn nz-btn-size-normal nz-btn-style-light change-time-height nz-input-group-append" :title="$t('overall.increaseTime')"><i class="el-icon-d-arrow-right"></i></button>
         </div>
         <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light" style="height: 24px;">
-          <button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph">
+          <button class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="viewGraph" :title="$t('overall.showLineChart')">
             <i class="nz-icon nz-icon-chart"  :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i>
           </button><button @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)" class="nz-btn nz-btn-size-normal nz-btn-style-light export-dropdown-btn" id="browser-go">
             <i class="nz-icon nz-icon-arrow-down"></i>
@@ -63,7 +63,7 @@
         </div>
       </div>
     </div>
-    <div class="table-header-inner" @click="clearSelectedMetrics"><span><i style="font-size: 12px;margin-left: 2px;" class="nz-icon nz-icon-close " :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i></span></div>
+    <div class="table-header-inner" @click="clearSelectedMetrics"><span><i style="font-size: 12px;margin-left: 2px;" class="nz-icon nz-icon-close " :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}" :title="$t('overall.close')"></i></span></div>
      <pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('overall.noData')" :header-cell-class-name="cellClass" :style="{height: $tableHeight.noPagination}"
                :pagination-show="false" class="nz-table endpoint-query-table" ref="endpointQueryTable" style="width: 100%;" v-my-loading="loading"
                v-if="tableShow && plTableSHow" id="endpoint-list-table" :tooltip-effect="'light'" @selection-change="selectChange">
@@ -104,7 +104,7 @@
         min-width="180">
       </pl-table-column>
     </pl-table>
-    <button :class="{'to-top-is-hover': tools.tableHover}" @click="toTop(scrollbarWrap)" class="to-top" v-show="tools.showTopBtn" id="endpoint-list-totop"><i class="nz-icon nz-icon-top"></i></button>
+    <button :class="{'to-top-is-hover': tools.tableHover}" @click="toTop(scrollbarWrap)" class="to-top" v-show="tools.showTopBtn" id="endpoint-list-totop" :title="$t('overall.backToTop')"><i class="nz-icon nz-icon-top"></i></button>
 
     <el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"
                :title="$t('project.endpoint.dialogTitle')"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
index a112d780c..5d306905f 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
@@ -132,12 +132,12 @@
       </el-table-column>
       <el-table-column width="28" :resizable="false">
         <template slot="header">
-          <span @mousedown.stop="!tools.showCustomTableTitle && (tools.showCustomTableTitle = true)" class="nz-table-gear">
+          <span @mousedown.stop="!tools.showCustomTableTitle && (tools.showCustomTableTitle = true)" class="nz-table-gear" :title="$t('overall.selectColumns')">
             <i class="nz-icon nz-icon-gear"></i>
           </span>
         </template>
         <template v-slot="scope">
-          <button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn" @click="$toTop('ps', 1)"><i class="nz-icon nz-icon-top"></i></button>
+          <button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn" @click="$toTop('ps', 1)" :title="$t('overall.backToTop')"><i class="nz-icon nz-icon-top"></i></button>
         </template>
       </el-table-column>
     </el-table>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue b/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
index 60ffee219..dab91248a 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
@@ -16,7 +16,7 @@
         <div class="top-tool-right">
           <div style="margin-right: 15px;">
             <el-input size="small" ref="inputDate" v-model="inputDateSearch" @clear="clearInput" id="inputDate" class="input-with" @focus="focus" @blur="blur">
-              <el-button slot="append" icon="el-icon-search" @click="focus"></el-button>
+              <el-button slot="append" :title="$t('overall.search')" icon="el-icon-search" @click="focus"></el-button>
             </el-input>
           </div>
         </div>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
index 9d319b3a5..6f4f0ffff 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
@@ -16,7 +16,7 @@
             <button v-show="isPlaying" id="terminal-replay-pause" :title="$t('config.terminallog.record.pause')" class="nz-btn nz-btn-style-light nz-btn-size-large" @click="pause"><i class="nz-icon nz-icon-suspend"></i></button>
             <button v-show="isFinish || !isPlaying" id="terminal-replay-play" :title="$t('config.terminallog.record.play')" class="nz-btn nz-btn-style-light nz-btn-size-large" @click="play"><i class="nz-icon nz-icon-play"></i></button>
             <button id="terminal-replay-restart" :title="$t('config.terminallog.record.replay')" class="nz-btn nz-btn-style-light nz-btn-size-large" @click="restart"><i class="nz-icon nz-icon-replay"></i></button>
-            <button id="terminal-replay-speed-change" class="nz-btn nz-btn-style-light nz-btn-size-large" @click="speedChange"><i class="nz-icon nz-icon-fast-forward"></i>&nbsp;{{speedTable[speedOffset].name}}</button>
+            <button id="terminal-replay-speed-change" :title="$t('config.terminallog.record.plays')" class="nz-btn nz-btn-style-light nz-btn-size-large" @click="speedChange"><i class="nz-icon nz-icon-fast-forward"></i>&nbsp;{{speedTable[speedOffset].name}}</button>
             <el-checkbox id="terminal-replay-skip" v-model="needSkip" class="operate-skip">{{$t("config.terminallog.record.skipTip")}}</el-checkbox>
             <el-tag class="time-box" color="#23bf9a" effect="dark" size="medium">{{parseCurrentTime}}&nbsp;s</el-tag>
           </div>
diff --git a/nezha-fronted/src/components/common/deleteButton.vue b/nezha-fronted/src/components/common/deleteButton.vue
index dc17fd1ef..1609c274b 100644
--- a/nezha-fronted/src/components/common/deleteButton.vue
+++ b/nezha-fronted/src/components/common/deleteButton.vue
@@ -1,9 +1,9 @@
 <template>
   <div :class="['delete-button',(deleteObjs.length<1?'':'delete-button-light')]">
-    <button v-if="this.type === 'button'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" class="top-tool-btn top-tool-btn--delete" @click="batchDelete">
+    <button v-if="this.type === 'button'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" class="top-tool-btn top-tool-btn--delete" @click="batchDelete" :title="$t('overall.delete')">
       <span><i class="nz-icon nz-icon-delete" ></i></span>
     </button>
-    <div v-if="this.type === 'link'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" @click="batchDelete">
+    <div v-if="this.type === 'link'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" @click="batchDelete" :title="$t('overall.delete')">
       <span><i class="nz-icon nz-icon-delete" ></i>{{title}}</span>
     </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 f0941a92c..c9f69eadf 100644
--- a/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" :title="$t('dashboard.explore.ascending')"/>
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/asset/assetDetail.vue b/nezha-fronted/src/components/common/detailView/list/asset/assetDetail.vue
index 1f08fa357..c35580ba7 100644
--- a/nezha-fronted/src/components/common/detailView/list/asset/assetDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/asset/assetDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" :title="$t('dashboard.explore.ascending')" />
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/dc/dcDetail.vue b/nezha-fronted/src/components/common/detailView/list/dc/dcDetail.vue
index 17c50b565..16291338b 100644
--- a/nezha-fronted/src/components/common/detailView/list/dc/dcDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/dc/dcDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'"  :title="$t('dashboard.explore.ascending')"/>
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/endpoint/endpointDetail.vue b/nezha-fronted/src/components/common/detailView/list/endpoint/endpointDetail.vue
index d7b5cee91..82cbdeac3 100644
--- a/nezha-fronted/src/components/common/detailView/list/endpoint/endpointDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/endpoint/endpointDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'"  :title="$t('dashboard.explore.ascending')"/>
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/module/moduleDetail.vue b/nezha-fronted/src/components/common/detailView/list/module/moduleDetail.vue
index 03aa21adf..0649c09f9 100644
--- a/nezha-fronted/src/components/common/detailView/list/module/moduleDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/module/moduleDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'"  :title="$t('dashboard.explore.ascending')"/>
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/terminalLogDetail/terminalLogDetail.vue b/nezha-fronted/src/components/common/detailView/list/terminalLogDetail/terminalLogDetail.vue
index 4c0eab50c..d04a1483d 100644
--- a/nezha-fronted/src/components/common/detailView/list/terminalLogDetail/terminalLogDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/terminalLogDetail/terminalLogDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" :title="$t('dashboard.explore.ascending')" />
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/list/userDetail/userDetail.vue b/nezha-fronted/src/components/common/detailView/list/userDetail/userDetail.vue
index daf701152..89ff33128 100644
--- a/nezha-fronted/src/components/common/detailView/list/userDetail/userDetail.vue
+++ b/nezha-fronted/src/components/common/detailView/list/userDetail/userDetail.vue
@@ -12,8 +12,8 @@
         </el-option>
       </el-select>
       <button @click="orderTypeChange" size="small" class="detail-button top-tool-btn table-column-setting margin-l-10">
-        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'"  :title="$t('dashboard.explore.ascending')"/>
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'"  :title="$t('dashboard.explore.descending')"/>
       </button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
diff --git a/nezha-fronted/src/components/common/detailView/nzDetailView.vue b/nezha-fronted/src/components/common/detailView/nzDetailView.vue
index 211435bcd..0894e222b 100644
--- a/nezha-fronted/src/components/common/detailView/nzDetailView.vue
+++ b/nezha-fronted/src/components/common/detailView/nzDetailView.vue
@@ -20,7 +20,7 @@
               trigger="click"
               @command="changeDetailType">
               <button class="top-tool-btn table-column-setting"
-                      type="button">
+                      type="button" :title="$t('overall.switchView')">
                 <i class="nz-icon nz-icon-detail-view" />
               </button>
               <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index 818164eaa..285db311b 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -100,7 +100,7 @@
               {{item}}
             </div>
           </div>
-          <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
+          <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
         </div>
       </div>
       <div slot="footer" class="footer">
diff --git a/nezha-fronted/src/components/common/multipleTime.vue b/nezha-fronted/src/components/common/multipleTime.vue
index 1f00b2ef7..e04732431 100644
--- a/nezha-fronted/src/components/common/multipleTime.vue
+++ b/nezha-fronted/src/components/common/multipleTime.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="multiple-time-box">
-    <div :class="showDropdown?'compare-box':''"><i class="nz-icon nz-icon-compare" @click="changeShowDropdown" /></div>
+    <div :class="showDropdown?'compare-box':''" :title="$t('dashboard.panel.customTimeRange')"><i class="nz-icon nz-icon-compare" @click="changeShowDropdown" /></div>
     <transition>
       <div v-show="showDropdown" id="panel-calender" class="calendar">
         <my-date-picker prefix-icon=" " size="mini" ref="calendar"
diff --git a/nezha-fronted/src/components/common/nzTransfer.vue b/nezha-fronted/src/components/common/nzTransfer.vue
index c21a0ca03..ba9de0936 100644
--- a/nezha-fronted/src/components/common/nzTransfer.vue
+++ b/nezha-fronted/src/components/common/nzTransfer.vue
@@ -54,6 +54,7 @@
         <button :class="{'top-tool-btn--disabled': selectableSelection.length === 0}"
                 class="top-tool-btn"
                 type="button"
+                :title="$t('overall.rightShift')"
                 @click="leftToRight">
           <i class="nz-icon nz-icon-arrow-right"></i>
         </button>
@@ -92,6 +93,7 @@
                 :disabled="selectedSelection.length === 0"
                 class="top-tool-btn"
                 type="button"
+                :title="$t('overall.leftShift')"
                 @click="rightToLeft">
           <i class="nz-icon nz-icon-arrow-left"></i>
         </button>
diff --git a/nezha-fronted/src/components/common/pickTime.vue b/nezha-fronted/src/components/common/pickTime.vue
index bf47be55d..5a0b31d46 100644
--- a/nezha-fronted/src/components/common/pickTime.vue
+++ b/nezha-fronted/src/components/common/pickTime.vue
@@ -4,11 +4,11 @@
     <multipleTime v-if="showMultiple" ref="multipleTime" :stepSearchTime="searchTime" class="multiple-time margin-r-10" @change="dateChange(searchTime)"/>
     <chart-unit v-if="useChartUnit" v-model="unit" class="margin-r-10"></chart-unit>
     <div v-show="useRefresh" class="top-tool-btn-group">
-      <button :id="id+'-refresh'" class="top-tool-btn top-tool-btn--text" @click="antiShake">
+      <button :id="id+'-refresh'" class="top-tool-btn top-tool-btn--text" @click="antiShake" :title="id === 'explore' ? '': $t('dashboard.refresh')">
         <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" @click="dropdownHandler(dropdownShow)">
+      <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @click="dropdownHandler(dropdownShow)" :title="$t('el.datepicker.selectTime')">
         <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">
diff --git a/nezha-fronted/src/components/common/popBox/selectDashboard.vue b/nezha-fronted/src/components/common/popBox/selectDashboard.vue
index 7756b8d07..a5e51435e 100644
--- a/nezha-fronted/src/components/common/popBox/selectDashboard.vue
+++ b/nezha-fronted/src/components/common/popBox/selectDashboard.vue
@@ -49,8 +49,8 @@
                     </el-dropdown-menu>
                   </el-dropdown>
                   <template>
-                    <i v-if="data.starred" class="nz-icon nz-icon-a-xingzhuang2" @click.stop="delStarred(data)"></i>
-                    <i v-else class="nz-icon nz-icon-xingzhuang" @click.stop="addStarred(data)"></i>
+                    <i v-if="data.starred" class="nz-icon nz-icon-a-xingzhuang2" @click.stop="delStarred(data)" :title ="$t('overall.starred')"></i>
+                    <i v-else class="nz-icon nz-icon-xingzhuang" @click.stop="addStarred(data)" :title ="$t('overall.unstarred')"></i>
                   </template>
                 </el-col>
               </el-row>
diff --git a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
index 67de54922..9f2819844 100644
--- a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
+++ b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dropdown trigger="click" :size="size">
-    <button id="more" :class="triggerButtonClass" title="more...">
+    <button id="more" :class="triggerButtonClass" :title="$t('overall.more')">
       <i class="nz-icon nz-icon-more2"></i>
     </button>
     <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index a1794235e..90446b303 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -159,13 +159,13 @@
                     </el-col>
                     <el-col :span="2" class="thresholds-cell" style="text-align: center">
                       <i v-if="item.level!==0" class="nz-icon nz-icon-minus"
-                         @click="valueMappingDel(index, item)">
+                         @click="valueMappingDel(index, item)" :title="$t('overall.delete')">
                       </i>
                     </el-col>
                   </el-row>
                 </div>
               </div>
-              <div class="value-mapping-add" style="text-align: center;margin: 0 10px;" @click="valueMappingAdd()">
+              <div class="value-mapping-add" style="text-align: center;margin: 0 10px;" @click="valueMappingAdd()" :title="$t('tip.add')">
                 <i class="nz-icon nz-icon-plus"></i>
               </div>
             </div>
@@ -254,15 +254,15 @@
                   </template>
                 </el-row>
                 <div class="nz-icon-minus-position" style="box-sizing: border-box; padding: 10px;">
-                  <span class="nz-icon-minus-medium">
+                  <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
                     <i class="nz-icon nz-icon-minus" @click="removeExpression(index)"></i>
                   </span>
-                  <span class="nz-icon-copy">
+                  <span class="nz-icon-copy" :title="$t('overall.duplicate')">
                     <i class="nz-icon nz-icon-override" @click="copyExpression(index)"></i>
                   </span>
                 </div>
               </el-row>
-              <div class="value-mapping-add" style="text-align: center" @click="addExpression()">
+              <div class="value-mapping-add" style="text-align: center" @click="addExpression()" :title="$t('tip.add')">
                 <i class="nz-icon nz-icon-plus"></i>
               </div>
             </div>
diff --git a/nezha-fronted/src/components/common/project/L5/topologyTopTool.vue b/nezha-fronted/src/components/common/project/L5/topologyTopTool.vue
index 8cc7b26c7..23f9099a8 100644
--- a/nezha-fronted/src/components/common/project/L5/topologyTopTool.vue
+++ b/nezha-fronted/src/components/common/project/L5/topologyTopTool.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="tool-top" id="tool-top">
-    <div id="undo" :class="['top-tool-item',]"  @click="undo"> <i class="nz-icon nz-icon-revoke" :title="'撤销'"/> </div>
-    <div id="redo" :class="['top-tool-item',]" @click="redo"> <i class="nz-icon nz-icon-revoke1"  :title="'重做'"/> </div>
+    <div id="undo" :class="['top-tool-item',]"  @click="undo"> <i class="nz-icon nz-icon-revoke" :title="$t('overall.revocation')"/> </div>
+    <div id="redo" :class="['top-tool-item',]" @click="redo"> <i class="nz-icon nz-icon-revoke1"  :title="$t('overall.redo')"/> </div>
     <!--<div> 保存为图片 </div>-->
-    <div class="top-tool-item" @click="del">  <i class="nz-icon nz-icon-delete"/> </div>
+    <div class="top-tool-item" @click="del" :title="$t('overall.delete')">  <i class="nz-icon nz-icon-delete"/> </div>
     <div class="top-tool-item top-tool-item-scale">
       <span class="scale-number">
           <span class="scale-number-minus scale-number-symbol" @click="changeScale(-25)">-</span>
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 3113461e2..8b3d90751 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -21,7 +21,7 @@
                   <el-collapse-item :title="item.group" :name="item.group">
                     <template slot="title">
                       <div style="display: flex;width: 100%;">
-                        <i class="nz-icon nz-icon-arrow-right"></i> <div style="flex: 1">{{item.group}}</div> <i class="nz-icon nz-icon-delete title-delete" @click="tooltipDeleteTitle(item)"></i>
+                        <i class="nz-icon nz-icon-arrow-right"></i> <div style="flex: 1">{{item.group}}</div> <i class="nz-icon nz-icon-delete title-delete" @click="tooltipDeleteTitle(item)" :title="$t('overall.delete')"></i>
                       </div>
                     </template>
                     <div v-for="(btn, i) in item.children" :key="'info2'+'-'+index+'-'+i" class="buttons">
@@ -133,10 +133,10 @@
               :use-chart-unit="false"
               class="pickTime margin-r-10">
             </pick-time>
-            <button v-has="'project_edit'" class="top-tool-btn margin-r-10" type="button" @click="editTopology">
-              <i :title="$t('overall.edit')" class="nz-icon nz-icon-edit"></i>
+            <button v-has="'project_edit'" class="top-tool-btn margin-r-10" type="button" @click="editTopology" :title="$t('overall.edit')">
+              <i class="nz-icon nz-icon-edit"></i>
             </button>
-            <button class="top-tool-btn" type="button" @click="changeScreen">
+            <button class="top-tool-btn" type="button" @click="changeScreen" :title="topoScreen? $t('dashboard.screen.exit') : $t('dashboard.screen')">
               <i :class="topoScreen?'nz-icon-exit-full-screen':'nz-icon-full-screen'" class="nz-icon"></i>
             </button>
           </div>
@@ -242,8 +242,8 @@
             </endpointTable>
           </transition>
           <div v-if="!fromOverView&&!editTopologyFlag&&!fromPrev" class="right-bottom-zoom">
-            <div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomMap(0.25)"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
-            <div class="zoom-option" @click="zoomMap(-0.25)"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
+            <div class="zoom-option" style="border-bottom: 1px solid #c5c8cb;" @click="zoomMap(0.25)" :title="$t('overall.enlargement')"><span><i class="nz-icon nz-icon-enlarge"></i></span></div>
+            <div class="zoom-option" @click="zoomMap(-0.25)" :title="$t('overall.shrink')"><span><i class="nz-icon nz-icon-narrow"></i></span></div>
           </div>
         </div>
       </div>
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 5312f7aeb..419f14f8b 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -5,7 +5,7 @@
       <div class="header__title">{{$t("config.system.basic.lnglatll.createEndpoint")}}</div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: object, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: object, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -110,7 +110,7 @@
                     <span class="jump-pages">/&nbsp{{pages.pages}}</span>
                   </template>
                 </el-pagination>
-                <span class="add-endpoint" @click="addEndpoint">
+                <span class="add-endpoint" @click="addEndpoint" :title="$t('overall.rightShift')">
                 <i class="nz-icon nz-icon-arrow-right"></i>
               </span>
               </div>
@@ -122,7 +122,7 @@
             <div class="right-box-endpoint-table"  :class="showError?'error' : ''">
               <div class="search-box" style="display: flex;justify-content: flex-end">
                 <el-button class="top-tool-btn" type="button" @click="showRightBox">
-                  <i class="nz-icon-gear nz-icon"></i>
+                  <i class="nz-icon-gear nz-icon" :title="$t('overall.selectColumns')"></i>
                 </el-button>
                 <el-button class="top-tool-btn" type="button" @click="editAllEndpoint">
                   <i class="nz-icon-batch-edit nz-icon"></i>
@@ -170,13 +170,13 @@
                 <el-table-column fixed="right" label=""  width="56">
                   <template slot-scope="scope" style="text-align: center">
                   <span @click="editEndpointRow(scope.row, scope.$index)">
-                    <i class="nz-icon-gear nz-icon"></i>
+                    <i class="nz-icon-gear nz-icon" :title="$t('overall.selectColumns')"></i>
                   </span>
                   </template>
                 </el-table-column>
               </el-table>
               <div class="table-bottom">
-              <span class="add-endpoint" @click="removeEndpoint" style="margin-left: 10px">
+              <span class="add-endpoint" @click="removeEndpoint" style="margin-left: 10px" :title="$t('overall.leftShift')">
                 <i class="nz-icon nz-icon-arrow-left"></i>
               </span>
               </div>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
index 73b8aa5d8..2e2fde1fa 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editAssetType.id ? $t('config.assetType.editAssetType') : $t('config.assetType.createModel')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editAssetType, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editAssetType, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
index 585a9df72..2bd3ab8b3 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
@@ -4,7 +4,7 @@
       <div class="header__title">{{ editBackup.name }}</div>
       <div class="header__operation">
         <span v-cancel="{ obj: editBackup, func: esc }"
-          ><i class="nz-icon nz-icon-close"></i
+          ><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i
         ></span>
       </div>
     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index 57cb9475e..f11e13e4c 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editModel.id ? $t('config.model.editModel') : $t('overall.createModel')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editModel, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editModel, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index 277f1f965..bdd6b441f 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editRole.id ? $t('config.roles.editRole') : $t('overall.createRole')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editRole, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editRole, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container right-box-container__left">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index 996d4fea2..c2179d1bb 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editUser.id ? $t('config.user.editUser') : $t('overall.createUser')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editUser, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editUser, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/agentBox.vue b/nezha-fronted/src/components/common/rightBox/agentBox.vue
index 19f24babb..4b70be789 100644
--- a/nezha-fronted/src/components/common/rightBox/agentBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/agentBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editPromServer.id ? ($t("config.agent.editProm")) : $t("overall.createPrometheusServer")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editPromServer, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editPromServer, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- end--标题-->
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 49e512c69..ff46e16cb 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -5,7 +5,7 @@
       <div class="header__title">{{alertRule.id ? $t("alert.config.editAlertConfig") : $t("overall.createAlertRule")}}</div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: editAlertRule, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editAlertRule, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index 11064dcf9..47569f469 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editAlertSilence.id ? $t("alert.silence.edit") : $t("overall.createAlertSilence")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editAlertSilence, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editAlertSilence, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- end--标题-->
@@ -83,10 +83,10 @@
                 <el-input v-model="item.value" class="silence-matchers-value" placeholder="value"  size="mini"></el-input>
                 <el-checkbox v-model="item.regex" :false-label="0" :true-label="1" class="silence-matchers-regex" >Regex</el-checkbox>
               </el-form-item>
-              <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removematchers(index)"><i class="nz-icon nz-icon-shanchu1"></i></span>
+              <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removematchers(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
             </div>
             <div class="" style="text-align: center;">
-               <span id="module-add-label" type="button" @click="addmatchers" class="right-box-form-add module-add-label right-box-form-minus-box module-add-label" style="">
+               <span id="module-add-label" type="button" @click="addmatchers" class="right-box-form-add module-add-label right-box-form-minus-box module-add-label" style=""  :title="$t('tip.add')">
               <span><i style="font-size: 16px;" class="nz-icon nz-icon-create-square"></i></span>
             </span>
             </div>
diff --git a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
index df8b1a731..511033a77 100644
--- a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{$t('profile.box.newApiKey')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: apiKeyBox, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: apiKeyBox, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
index bb2ab99d9..e7580450c 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{$t('asset.batchEditAsset')}}</div>
       <div class="header__operation">
-        <span @click="esc"><i class="nz-icon nz-icon-close"></i></span>
+        <span @click="esc" :title="$t('overall.close')"><i class="nz-icon nz-icon-close"></i></span>
       </div>
     </div>
     <div class="right-box__container">
@@ -76,8 +76,8 @@
                     <span>{{label.name}}</span>
                     <div>
                       <el-checkbox v-model="label.action" :false-label="0" :label="$t('overall.delete')" :true-label="1" size="small" style="padding-right: 20px;"></el-checkbox>
-                      <span v-if="label.type.toUpperCase() === assetConstants.labelTypeData.MULTITEXT" @click="addMultiTextRow(label)"><i class="nz-icon nz-icon-create-square"></i></span>
-                      <span @click="removeLabel(label)"><i class="nz-icon nz-icon-minus"></i></span>
+                      <span v-if="label.type.toUpperCase() === assetConstants.labelTypeData.MULTITEXT" :title="$t('tip.add')" @click="addMultiTextRow(label)"><i class="nz-icon nz-icon-create-square"></i></span>
+                      <span @click="removeLabel(label)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                     </div>
                   </div>
                 </template>
@@ -88,7 +88,7 @@
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.MULTITEXT">
                     <div v-for="(value, i) in label.value" :key="i" class="label__multi-text">
                       <el-input v-model="label.value[i]" size="small" style="margin-right: 15px;"/>
-                      <span :style="{'opacity': label.value.length > 1 ? 1 : 0.5}" @click="label.value.length > 1 ? label.value.splice(i, 1) : ''"><i class="nz-icon nz-icon-minus"></i></span>
+                      <span :style="{'opacity': label.value.length > 1 ? 1 : 0.5}" @click="label.value.length > 1 ? label.value.splice(i, 1) : ''" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                     </div>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA">
@@ -160,7 +160,7 @@
             </div>
             <!-- label的新增按钮 -->
             <div class="form__flex-container hide-casc-input">
-              <button class="form__create-btn" type="button" @click.stop><i class="nz-icon nz-icon-create-square"></i></button>
+              <button class="form__create-btn" type="button" @click.stop :title="$t('tip.add')"><i class="nz-icon nz-icon-create-square"></i></button>
               <el-cascader
                 v-if="labelCascShow"
                 :options="fieldGroupData"
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 6b1292755..8b3b742fa 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editAsset.id ? $t('asset.editAsset') : $t('asset.createAsset')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editAsset, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editAsset, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
@@ -90,7 +90,7 @@
                 <div class="form__labels-label">
                   <span>{{label.name}}</span>
                   <div>
-                    <span @click="removeLabel(label)" class="form__labels-label__span"><i class="nz-icon nz-icon-minus"></i></span>
+                    <span @click="removeLabel(label)" class="form__labels-label__span" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                   </div>
                 </div>
               </template>
@@ -101,8 +101,8 @@
                 <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.MULTITEXT">
                   <div v-for="(value, i) in label.value" :key="i" class="label__multi-text">
                     <el-input v-model="label.value[i]" size="small"/>
-                    <span @click="addMultiTextRow(label)" style="margin: 0 5px"><i class="nz-icon nz-icon-plus"></i></span>
-                    <span @click="removeMultiTextRow(label, i)"><i class="nz-icon nz-icon-minus"></i></span>
+                    <span @click="addMultiTextRow(label)" style="margin: 0 5px" :title="$t('tip.add')"><i class="nz-icon nz-icon-plus"></i></span>
+                    <span @click="removeMultiTextRow(label, i)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                   </div>
                 </template>
                 <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA">
@@ -174,12 +174,13 @@
           </div>
           <!-- label的新增按钮 -->
           <div class="form__flex-container hide-casc-input">
-            <button class="form__create-btn" type="button" @click.stop><i class="nz-icon nz-icon-create-square"></i></button>
+            <button class="form__create-btn" type="button" @click.stop :title="$t('tip.add')"><i class="nz-icon nz-icon-create-square"></i></button>
             <el-cascader
               v-if="labelCascShow"
               :options="options.fieldGroupOptions"
               :props="labelCascProp"
               class="hide-input"
+              :title="$t('tip.add')"
               popper-class="prevent-clickoutside right-box-select-top limit-height"
               size="small"
               @change="addLabel"
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index 92194dc16..f3535bf26 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -6,7 +6,7 @@
         <div class="header__title">{{editAssetMeta.id ? $t("config.assetLabel.editMeta"): $t("overall.createLabel")}}
         </div>
         <div class="header__operation">
-          <span v-cancel="{obj: editAssetMeta, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+          <span v-cancel="{obj: editAssetMeta, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
         </div>
       </div>
       <!-- begin--表单-->
@@ -49,7 +49,7 @@
             <div class="right-box-sub-title" style="margin-bottom: 20px" v-if="showParam">
               <span>{{$t('config.assetLabel.params')}}</span>
               <span v-if="editAssetMeta.type.toUpperCase()!=='DATETIME'&&editAssetMeta.type.toUpperCase()!=='DOUBLE'" class="float-right" style="height: 19px;display: inline-block;line-height: 1;" @click="addParam">
-              <span class="create-square-box">
+              <span class="create-square-box" :title="$t('tip.add')">
                 <i style="font-size: 17px; cursor: pointer;" class="nz-icon nz-icon-create-square"></i>
               </span>
             </span>
@@ -77,10 +77,10 @@
                   </el-col>
                   <el-col :span="6">
                     <div class="">
-                  <span class="nz-icon-minus-medium">
+                  <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
                     <i @click="deleteParam(index)" class="nz-icon nz-icon-minus"></i>
                   </span>
-                      <span class="nz-icon-copy">
+                      <span class="nz-icon-copy" :title="$t('overall.duplicate')">
                     <i @click="copyParam(index)" class="nz-icon nz-icon-override"></i>
                   </span>
                     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
index 13a558d44..06cc9f264 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
@@ -6,7 +6,7 @@
         <div class="header__title">{{editMetaGroup.id ? $t("config.assetMeta.editGroup") : $t("config.assetMeta.addGroup")}}
         </div>
         <div class="header__operation">
-          <span v-cancel="{obj: editMetaGroup, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+          <span v-cancel="{obj: editMetaGroup, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
         </div>
       </div>
       <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/batchAddEndpoint.vue b/nezha-fronted/src/components/common/rightBox/batchAddEndpoint.vue
index b28bca9c8..13ff6537f 100644
--- a/nezha-fronted/src/components/common/rightBox/batchAddEndpoint.vue
+++ b/nezha-fronted/src/components/common/rightBox/batchAddEndpoint.vue
@@ -5,7 +5,7 @@
       <div class="header__title">{{$t("overall.batchAddEndpoint")}}</div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: endpoint, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: endpoint, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -119,8 +119,8 @@
             fixed="right">
             <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
             <div slot-scope="scope" class="table-operation-items">
-              <span class="table-operation-item" v-has="'model_edit'" @click="del(scope.$index)"><i class="nz-icon nz-icon-minus"></i></span>
-              <span class="table-operation-item"  @click="edit(scope.row, scope.$index)"><i class="nz-icon nz-icon-edit"></i></span>
+              <span class="table-operation-item" v-has="'model_edit'" @click="del(scope.$index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
+              <span class="table-operation-item"  @click="edit(scope.row, scope.$index)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></span>
             </div>
           </el-table-column>
         </el-table>
diff --git a/nezha-fronted/src/components/common/rightBox/batchEditEndpoint.vue b/nezha-fronted/src/components/common/rightBox/batchEditEndpoint.vue
index bc0be20f5..f1c4b3b79 100644
--- a/nezha-fronted/src/components/common/rightBox/batchEditEndpoint.vue
+++ b/nezha-fronted/src/components/common/rightBox/batchEditEndpoint.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{$t('endpoint.batchEditendpoint')}}</div>
       <div class="header__operation">
-        <span @click="esc"><i class="nz-icon nz-icon-close"></i></span>
+        <span @click="esc"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
@@ -26,7 +26,7 @@
                     <span>{{$t('endpoint.labelKey')}}</span>
                     <div>
                       <el-checkbox v-model="item.action" :false-label="0" :label="$t('overall.delete')" :true-label="1" size="small" style="padding-right: 20px;"></el-checkbox>
-                      <span @click="removeLabels(index)"><i class="nz-icon nz-icon-minus"></i></span>
+                      <span @click="removeLabels(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                     </div>
                   </div>
                   <el-form-item :prop="'labels.' + index + '.key'" :rules="[{ required: true,message: $t('validate.required'),trigger: 'blur'},{ pattern: /[a-zA-Z_][a-zA-Z0-9_]*/, message: $t('overall.ASCIIKey') ,trigger: 'blur'}]">
@@ -46,7 +46,7 @@
             <div class="form__flex-container hide-casc-input">
               <div style="text-align: center">
                  <span id="module-add-param" class="right-box-form-add module-add-label" type="button" @click="addLabels">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
               </div>
             </div>
diff --git a/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue b/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
index 426860f3e..726252603 100644
--- a/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
+++ b/nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
@@ -5,7 +5,7 @@
       <div class="header__title">{{$t("overall.batchEndpoint")}}</div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: endpoint, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: endpoint, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -19,7 +19,7 @@
             <div class="search-box" style="display: flex;justify-content: space-between">
               <span>Config</span>
               <span>
-                <el-button @click="showRightBox" class="top-tool-btn" type="button">
+                <el-button @click="showRightBox" class="top-tool-btn" type="button" :title="$t('overall.selectColumns')">
                 <i class="nz-icon-gear nz-icon"></i>
               </el-button>
               <el-button @click="editAllEndpoint" class="top-tool-btn" type="button">
@@ -86,7 +86,7 @@
               </el-table-column>
               <el-table-column label="" width="56"  fixed="right">
                 <template slot-scope="scope" style="text-align: center">
-                  <span @click="editEndpointRow(scope.row, scope.$index)">
+                  <span @click="editEndpointRow(scope.row, scope.$index)" :title="$t('overall.selectColumns')">
                     <i class="nz-icon-gear nz-icon"></i>
                   </span>
                 </template>
diff --git a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
index aa9793bdf..c6c7f5ce3 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -5,7 +5,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editCabinet.id ? $t("config.dc.editCabinet") : $t("overall.createCabinet")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editCabinet, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editCabinet, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- end--标题-->
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index 1d3d68a99..1a8133afc 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -52,13 +52,13 @@
               <div v-if="expressionsShow[index-1].error"  class="el-form-item__error" style="top: 10px;left: 164px"> {{expressionsShow[index-1].error}}</div>
             </span>
             <span>
-              <span @click="()=>{addExpression()}" style="margin-right: 5px;padding-left: 10px">
+              <span @click="()=>{addExpression()}" style="margin-right: 5px;padding-left: 10px" :title="$t('tip.add')">
                   <i class="nz-icon nz-icon-create-square" style="font-weight: normal; font-size: 17px; cursor: pointer;"></i>
               </span>
-              <span @click="copyExpression(index - 1)" style="margin-right: 5px">
+              <span @click="copyExpression(index - 1)" style="margin-right: 5px" :title="$t('overall.duplicate')">
                   <i  class="nz-icon nz-icon-override"></i>
               </span>
-              <span @click="removeExpression(index - 1)" class="nz-icon-minus-medium" style="margin-right: 5px">
+              <span @click="removeExpression(index - 1)" class="nz-icon-minus-medium" style="margin-right: 5px" :title="$t('overall.delete')">
                   <i  class="nz-icon nz-icon-minus"></i>
               </span>
             </span>
@@ -457,6 +457,7 @@
               <span
                 @click="delThresholds(index)"
                 class="del-thresholds-icon"
+                :title="$t('overall.delete')"
               >
               <i class="nz-icon nz-icon-delete" />
             </span>
@@ -484,13 +485,13 @@
                   </span>
                 </span>
             <span>
-                  <span @click="addColumns('')">
+                  <span @click="addColumns('')" :title="$t('tip.add')">
                       <i class="nz-icon nz-icon-create-square" style="font-weight: normal; font-size: 17px; cursor: pointer;"></i>
                   </span>
-                  <span style="margin-right: 5px">
+                  <span style="margin-right: 5px" :title="$t('overall.duplicate')">
                       <i @click="copyColumns(index)" class="nz-icon nz-icon-override"></i>
                   </span>
-                  <span class="nz-icon-minus-medium">
+                  <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
                       <i @click="removeColumns(index)" class="nz-icon nz-icon-minus"></i>
                   </span>
                 </span>
@@ -571,13 +572,13 @@
                   </span>
                 </span>
                 <span>
-                  <span @click="addMapping('')" style="margin-right: 5px">
+                  <span @click="addMapping('')" style="margin-right: 5px" :title="$t('tip.add')">
                       <i class="nz-icon nz-icon-create-square"></i>
                   </span>
-                  <span @click="copyMapping(index)" style="margin-right: 5px">
+                  <span @click="copyMapping(index)" style="margin-right: 5px" :title="$t('overall.duplicate')">
                       <i  class="nz-icon nz-icon-override"></i>
                   </span>
-                  <span @click="removeMapping(index)" style="margin-right: 5px">
+                  <span @click="removeMapping(index)" style="margin-right: 5px" :title="$t('overall.delete')">
                       <i  class="nz-icon nz-icon-minus"></i>
                   </span>
                 </span>
@@ -685,7 +686,7 @@
                         </ul>
                         <div slot="reference" @click="chooseIcon(isChoose[index],index)">
                           <i v-if="item.icon" class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>
-                          <div v-else class="mapping-iconSelect">
+                          <div v-else class="mapping-iconSelect" :title="$t('tip.add')">
                             <i class="nz-icon nz-icon-create-square"></i>
                           </div>
                         </div>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
index 3ac992e75..b3e72839f 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
@@ -8,7 +8,7 @@
       <div class="header__title" v-if="from !== 'chartTemp'">{{editChart.id ? $t("dashboard.panel.editChartTitle") : $t("overall.createChart")}}</div>
       <div class="header__title" v-if="from === 'chartTemp'">{{editChart.id ? $t("dashboard.panel.editChartTempTitle") : $t("dashboard.panel.createChartTempTitle")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editChart, func: clickOutside}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editChart, func: clickOutside}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -19,11 +19,11 @@
           <div style="display:flex;align-items:center">
             <el-input style="flex:1;margin-right:10px" maxlength="64" show-word-limit size="small" v-model="editChart.name" id="chart-box-title"></el-input>
             <!-- 显示头部 -->
-            <div class="choose-header-btn" v-if="editChart.param&&editChart.param.showHeader!==0" @click="switchHeader(0)">
+            <div class="choose-header-btn" v-if="editChart.param&&editChart.param.showHeader!==0" @click="switchHeader(0)" :title="$t('overall.visible')">
               <i class="nz-icon nz-icon-mimakejian"></i>
             </div>
             <!-- 隐藏头部 -->
-            <div class="choose-header-btn" v-else @click="switchHeader(1)">
+            <div class="choose-header-btn" v-else @click="switchHeader(1)" :title="$t('overall.invisible')">
               <i class="nz-icon nz-icon-mimabukejian"></i>
             </div>
           </div>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 4481a4ec6..ac54d1ff3 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -446,13 +446,13 @@
                   </span>
                 </span>
             <span>
-                  <span @click="addColumns('')">
+                  <span @click="addColumns('')" :title="$t('tip.add')">
                       <i class="nz-icon nz-icon-create-square" style="font-weight: normal; font-size: 17px; cursor: pointer;"></i>
                   </span>
-                  <span style="margin-right: 5px">
+                  <span style="margin-right: 5px" :title="$t('overall.duplicate')">
                       <i @click="copyColumns(index)" class="nz-icon nz-icon-override"></i>
                   </span>
-                  <span class="nz-icon-minus-medium">
+                  <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
                       <i @click="removeColumns(index)" class="nz-icon nz-icon-minus"></i>
                   </span>
                 </span>
@@ -533,13 +533,13 @@
                   </span>
                 </span>
                 <span>
-                  <span @click="addMapping('')" style="margin-right: 5px">
+                  <span @click="addMapping('')" style="margin-right: 5px" :title="$t('tip.add')">
                       <i class="nz-icon nz-icon-create-square"></i>
                   </span>
-                  <span @click="copyMapping(index)" style="margin-right: 5px">
+                  <span @click="copyMapping(index)" style="margin-right: 5px" :title="$t('overall.duplicate')">
                       <i  class="nz-icon nz-icon-override"></i>
                   </span>
-                  <span @click="removeMapping(index)" style="margin-right: 5px">
+                  <span @click="removeMapping(index)" style="margin-right: 5px" :title="$t('overall.delete')">
                       <i  class="nz-icon nz-icon-minus"></i>
                   </span>
                 </span>
@@ -647,7 +647,7 @@
                         </ul>
                         <div slot="reference" @click="chooseIcon(isChoose[index],index)">
                           <i v-if="item.icon" class="mapping-icon" :class="item.icon" :style="{ color: item.color.icon }"></i>
-                          <div v-else class="mapping-iconSelect">
+                          <div v-else class="mapping-iconSelect" :title="$t('tip.add')">
                             <i class="nz-icon nz-icon-create-square"></i>
                           </div>
                         </div>
diff --git a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
index 41f81a8c9..8089ec005 100644
--- a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editChartTemp.id ? $t('dashboard.panel.createChartByTemp') :$t('dashboard.panel.createChartByTemp')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editChartTemp, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editChartTemp, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 38d4a94b8..39f727fa1 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -4,7 +4,7 @@
       <div class="right-box__header">
         <div class="header__title">{{editDc.id ? ($t("config.dc.editDc")) : $t("overall.createDatacenter")}}</div>
         <div class="header__operation">
-          <span v-cancel="{obj: editDc, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+          <span v-cancel="{obj: editDc, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
         </div>
       </div>
       <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 9e82b7373..1bbb0c58c 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -18,7 +18,7 @@
       </div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: editEndpoint, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editEndpoint, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -149,7 +149,7 @@
                               <div ref="walkScrollbar" style="height: 100%; overflow: auto;">
                                 <span v-for="(item, index) in editEndpoint.configs[0].config.walk" :key="index" class="el-tag el-tag--info el-tag--small el-tag--light">
                                   <span v-html="mibName(item)"></span>
-                                  <div class="walk-close-box" @click.stop="removeWalk(item)">
+                                  <div class="walk-close-box" @click.stop="removeWalk(item)" :title="$t('overall.close')">
                                     <i class="el-tag__close nz-icon nz-icon-close walk-close"></i>
                                   </div>
                                 </span>
@@ -209,12 +209,12 @@
                         @tags-changed="(newTags)=>{tagsChange(newTags, index)}"
                       />
                     </el-form-item>
-                    <span :id="'moduel-remove-param-'+index" class="param-box-row-symbol" @click="removeParam(index)"><i class="nz-icon nz-icon-shanchu1""></i></span>
+                    <span :id="'moduel-remove-param-'+index" class="param-box-row-symbol" @click="removeParam(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1""></i></span>
                   </div>
                 </div>
                 <div style="text-align: center">
                  <span id="module-add-param" class="right-box-form-add module-add-label" type="button" @click="addParam">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
                 </div>
               </el-tab-pane>
@@ -228,12 +228,12 @@
                     <el-form-item :prop="'labelModule.' + index + '.value'" class="param-box-row-value">
                       <el-input v-model="item.value" placeholder="value" size="mini"></el-input>
                     </el-form-item>
-                    <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeLabel(index)"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>
+                    <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeLabel(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>
                   </div>
                 </div>
                 <div style="text-align: center">
                  <span id="module-add-label" class="right-box-form-add module-add-label" type="button" @click="addLabel">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
                 </div>
               </el-tab-pane>
@@ -242,7 +242,7 @@
                   <div v-for="(item, index) in  this.editEndpoint.configs[0].config.relabel_config" :key="index" class="">
                     <div class="pipeline-box">
                       <span class="pipeline-title">{{$t('project.endpoint.item') + index}}</span>
-                      <span class="pipeline-option">
+                      <span class="pipeline-option" :title="$t('overall.delete')">
                       <i class="nz-icon nz-icon-shanchu1" @click="removeRelabel(index)"></i>
                     </span>
                     </div>
@@ -281,7 +281,7 @@
                         <el-input id="module-box-input-target_label" v-model="item.target_label" placeholder='' size="small"></el-input>
                       </el-form-item>
                     </div>
-                    <!--                    <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeRelabel(index)"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>-->
+                    <!--                    <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeRelabel(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>-->
                     <transition name="el-zoom-in-top">
                       <div v-show="item.showAllRelabelOption" >
                         <!--Regex-->
@@ -312,7 +312,7 @@
                 </div>
                 <div style="text-align: center">
                  <span id="module-add-relabel" class="right-box-form-add module-add-label margin-t-10" type="button" @click="addRelabel">
-                   <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                   <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
                  </span>
                 </div>
               </el-tab-pane>
@@ -403,12 +403,12 @@
                         <el-form-item class="param-box-row-value">
                           <el-input v-model="item1.value" placeholder="value" size="mini" @input="$forceUpdate()"></el-input>
                         </el-form-item>
-                        <span :id="'moduel-remove-label-'+i" class="param-box-row-symbol" @click="removeLogsLabel(index, i)"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>
+                        <span :id="'moduel-remove-label-'+i" class="param-box-row-symbol" @click="removeLogsLabel(index, i)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1" style="color:#666;"></i></span>
                       </div>
                     </div>
                     <div style="text-align: center">
                  <span id="module-add-logs-label" class="right-box-form-add module-add-label" type="button" @click="addLogsLabel(index)">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
                     </div>
                   </el-tab-pane>
@@ -418,7 +418,7 @@
                         <span class="pipeline-title">{{item2.type}}</span>
                         <span class="pipeline-option">
                       <pipelineSelect :index="index2" :father-pipeline="item.pipeline" @addPipeline="(pipelineIndex,obj)=>{addPipeline(obj,index,pipelineIndex,'splice')}" :type="'splice'"/>
-                      <i class="nz-icon nz-icon-shanchu1" @click="delPipeline(index,index2)"></i>
+                      <i class="nz-icon nz-icon-shanchu1" @click="delPipeline(index,index2)" :title="$t('overall.delete')"></i>
                     </span>
                       </div>
                       <div v-if="item2.type === 'regex'">
@@ -455,8 +455,8 @@
                           >
                             <el-input v-model="item2.expressions[eindex].value" placeholder="value" size="mini" ></el-input>
                           </el-form-item>
-                          <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)"></i>
-                          <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))"></i>
+                          <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)" :title="$t('tip.add')"></i>
+                          <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))" :title="$t('overall.delete')"></i>
                         </div>
                         <el-form-item
                           :label="'Source'"
@@ -519,8 +519,8 @@
                           >
                             <el-input v-model="item2.labels[eindex].value" placeholder="value" size="mini" ></el-input>
                           </el-form-item>
-                          <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)"></i>
-                          <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))"></i>
+                          <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)" :title="$t('tip.add')"></i>
+                          <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))" :title="$t('overall.delete')"></i>
                         </div>
                       </div>
                       <div v-if="item2.type === 'output'">
@@ -541,16 +541,16 @@
                   </el-tab-pane>
                   <!--                <el-tab-pane label="Preview" name="Preview">-->
                   <!--                  <div id="module-box-logs-preview" ref="previewBoxScrollbar"  class="configs-copy-value"  style="height: 100%; overflow: auto;">-->
-                  <!--                    <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyLogsValue(index)"></i></span>-->
+                  <!--                    <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyLogsValue(index)"></i></span>-->
                   <!--                    <pre style="overflow-y: auto;height:100%;width: 97%;">{{logsCopyValue[index]}}</pre>-->
                   <!--                  </div>-->
                   <!--                </el-tab-pane>-->
                 </el-tabs>
-                <span class="nz-icon-minus-medium">
+                <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
               <i class="nz-icon nz-icon-minus" @click="removeLogsArr(index)"></i>
           </span>
               </div>
-              <div class="value-mapping-add" style="text-align: center;margin: 10px 144px 10px 144px;" @click="logsLogsArrAdd()">
+              <div class="value-mapping-add" style="text-align: center;margin: 10px 144px 10px 144px;" @click="logsLogsArrAdd()" :title="$t('tip.add')">
                 <i class="nz-icon nz-icon-plus"></i>
               </div>
             </div>
@@ -562,7 +562,7 @@
           </div>
           <div class="right-box-line"></div>
           <div class="configs-copy-value" style="overflow: auto">
-            <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
+            <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
             <pre>{{configsCopyValue}}</pre>
           </div>
         </el-form>
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index 89064e657..e7283a26c 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -6,7 +6,7 @@
       $t("config.exprTemp.create")}}
     </div>
       <div class="header__operation">
-        <span v-cancel="{obj: editExprTemp, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editExprTemp, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
index 3a87e9288..8a6f01611 100644
--- a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editipDetails.id ? ($t("overall.ipamIp.edit")) : $t("overall.ipamIp.create")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editipDetails, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editipDetails, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/ipamBox.vue b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
index 3fe7165a9..d73167696 100644
--- a/nezha-fronted/src/components/common/rightBox/ipamBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editipam.id ? ($t("overall.ipam.edit")) : $t("overall.ipam.create")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editipam, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editipam, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/menuBox.vue b/nezha-fronted/src/components/common/rightBox/menuBox.vue
index e0f7dedc6..63653bba5 100644
--- a/nezha-fronted/src/components/common/rightBox/menuBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/menuBox.vue
@@ -53,7 +53,7 @@
 
         <div class="right-box-sub-title">{{$t('config.menus.perms')}}
           <button @click="addPermission" class="float-right" id="add-permission" type="button" >
-            <span><i class="nz-icon nz-icon-create-square"></i></span>
+            <span :title="$t('tip.add')"><i class="nz-icon nz-icon-create-square"></i></span>
           </button>
         </div>
 
@@ -61,7 +61,7 @@
         <div id="menu-box-permissions">
           <el-form-item :key="index" :label="index+1+''" v-for="(permission,index) in editMenu.permissions" >
             <el-input oninput="this.value = this.value.replace(/[,]/g,'')" placeholder="" style="width: calc(100% - 37px);" type="text" v-model="editMenu.permissions[index].value" ></el-input>
-            <span @click="removePermission(index)" style="padding-left: 5px;"><i class="nz-icon nz-icon-shanchu1"></i></span>
+            <span @click="removePermission(index)" style="padding-left: 5px;" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
           </el-form-item>
         </div>
       </el-form>
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index 85e7d8b3b..9e6a83c61 100644
--- a/nezha-fronted/src/components/common/rightBox/mibBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/mibBox.vue
@@ -4,7 +4,7 @@
    <div class="right-box__header">
       <div class="header__title">{{editMib.id ? ($t("config.mib.editMib")) : $t("overall.createMib")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editMib, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editMib, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index be9f2548c..c8caf7270 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -5,7 +5,7 @@
       <div class="header__title">{{editModule.id ? $t("project.module.editModule") : $t("overall.createModule")}}</div>
       <!-- end--标题-->
       <div class="header__operation">
-        <span v-cancel="{obj: editModule, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editModule, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
 
@@ -129,7 +129,7 @@
                               <div ref="walkScrollbar" style="height: 100%; overflow: auto;">
                                 <span v-for="(item, index) in editModule.configs[0].config.walk" :key="index" class="el-tag el-tag--info el-tag--small el-tag--light">
                                   <span v-html="mibName(item)"></span>
-                                  <div class="walk-close-box" @click.stop="removeWalk(item)">
+                                  <div class="walk-close-box" @click.stop="removeWalk(item)" :title="$t('overall.close')">
                                     <i class="el-tag__close nz-icon nz-icon-close walk-close"></i>
                                   </div>
                                 </span>
@@ -189,12 +189,12 @@
                       @tags-changed="(newTags)=>{tagsChange(newTags, index)}"
                     />
                   </el-form-item>
-                  <span :id="'moduel-remove-param-'+index" class="param-box-row-symbol" @click="removeParam(index)"><i class="nz-icon nz-icon-shanchu1"></i></span>
+                  <span :id="'moduel-remove-param-'+index" class="param-box-row-symbol" @click="removeParam(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
                 </div>
               </div>
               <div style="text-align: center">
                  <span id="module-add-param" class="right-box-form-add module-add-label" type="button" @click="addParam">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
               </div>
             </el-tab-pane>
@@ -208,12 +208,12 @@
                   <el-form-item :prop="'labelModule.' + index + '.value'" class="param-box-row-value">
                     <el-input v-model="item.value" placeholder="value" size="mini"></el-input>
                   </el-form-item>
-                  <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeLabel(index)"><i class="nz-icon nz-icon-shanchu1"></i></span>
+                  <span :id="'moduel-remove-label-'+index" class="param-box-row-symbol" @click="removeLabel(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
                 </div>
               </div>
               <div style="text-align: center">
                  <span id="module-add-label" class="right-box-form-add module-add-label" type="button" @click="addLabel">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
               </div>
             </el-tab-pane>
@@ -222,7 +222,7 @@
                   <div v-for="(item, index) in  this.editModule.configs[0].config.relabel_config" :key="index" class="">
                     <div class="pipeline-box">
                       <span class="pipeline-title">{{$t('project.endpoint.item') + index}}</span>
-                      <span class="pipeline-option">
+                      <span class="pipeline-option" :title="$t('overall.delete')">
                       <i class="nz-icon nz-icon-shanchu1" @click="removeRelabel(index)"></i>
                     </span>
                     </div>
@@ -291,7 +291,7 @@
                 </div>
                 <div style="text-align: center">
                  <span id="module-add-relabel" class="right-box-form-add module-add-label margin-t-10" type="button" @click="addRelabel">
-                   <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                   <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
                  </span>
                 </div>
               </el-tab-pane>
@@ -382,12 +382,12 @@
                       <el-form-item class="param-box-row-value">
                         <el-input v-model="item1.value" placeholder="value" size="mini"></el-input>
                       </el-form-item>
-                      <span :id="'moduel-remove-label-'+i" class="param-box-row-symbol" @click="removeLogsLabel(index, i)"><i class="nz-icon nz-icon-shanchu1"></i></span>
+                      <span :id="'moduel-remove-label-'+i" class="param-box-row-symbol" @click="removeLogsLabel(index, i)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
                     </div>
                   </div>
                   <div style="text-align: center">
                  <span id="module-add-logs-label" class="right-box-form-add module-add-label" type="button" @click="addLogsLabel(index)">
-                <span><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
+                <span :title="$t('tip.add')"><i class="nz-icon nz-icon-plus" style="font-size: 16px;"></i></span>
               </span>
                   </div>
                 </el-tab-pane>
@@ -397,7 +397,7 @@
                       <span class="pipeline-title">{{item2.type}}</span>
                       <span class="pipeline-option">
                       <pipelineSelect :index="index2" :father-pipeline="item.pipeline" @addPipeline="(pipelineIndex,obj)=>{addPipeline(obj,index,pipelineIndex,'splice')}" :type="'splice'"/>
-                      <i class="nz-icon nz-icon-shanchu1" @click="delPipeline(index,index2)"></i>
+                      <i class="nz-icon nz-icon-shanchu1" @click="delPipeline(index,index2)" :title="$t('overall.delete')"></i>
                     </span>
                     </div>
                     <div v-if="item2.type === 'regex'">
@@ -434,8 +434,8 @@
                         >
                           <el-input v-model="item2.expressions[eindex].value" placeholder="value" size="mini" ></el-input>
                         </el-form-item>
-                        <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)"></i>
-                        <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))"></i>
+                        <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)" :title="$t('tip.add')"></i>
+                        <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))" :title="$t('overall.delete')"></i>
                       </div>
                       <el-form-item
                         :label="'Source'"
@@ -497,8 +497,8 @@
                         >
                           <el-input v-model="item2.labels[eindex].value" placeholder="value" size="mini" ></el-input>
                         </el-form-item>
-                        <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)"></i>
-                        <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))"></i>
+                        <i class="nz-icon nz-icon-plus" @click="addPipelineItem(index, index2)" :title="$t('tip.add')"></i>
+                        <i class="nz-icon nz-icon-shanchu1" @click="delPipelineItem((index, index2, eindex))" :title="$t('overall.delete')"></i>
                       </div>
                     </div>
                     <div v-if="item2.type === 'output'">
@@ -524,11 +524,11 @@
 <!--                  </div>-->
 <!--                </el-tab-pane>-->
               </el-tabs>
-              <span class="nz-icon-minus-medium">
+              <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
               <i class="nz-icon nz-icon-minus" @click="removeLogsArr(index)"></i>
           </span>
             </div>
-            <div class="value-mapping-add" style="text-align: center;margin: 10px 144px 10px 144px;" @click="logsLogsArrAdd()">
+            <div class="value-mapping-add" style="text-align: center;margin: 10px 144px 10px 144px;" @click="logsLogsArrAdd()" :title="$t('tip.add')">
               <i class="nz-icon nz-icon-plus"></i>
             </div>
           </div>
@@ -540,7 +540,7 @@
           </div>
           <div class="right-box-line"></div>
           <div id="module-box-preview" ref="previewBoxScrollbar"  class="configs-copy-value"  style="overflow: auto;">
-            <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
+            <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
             <pre>{{configsCopyValue}}</pre>
           </div>
         </el-form>
diff --git a/nezha-fronted/src/components/common/rightBox/panelBox.vue b/nezha-fronted/src/components/common/rightBox/panelBox.vue
index 4407300e2..e6a5e043c 100644
--- a/nezha-fronted/src/components/common/rightBox/panelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/panelBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editPanel.id ? ($t("dashboard.panel.editPanelTitle")) : $t("dashboard.panel.createPanelTitle")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editPanel, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editPanel, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
@@ -59,16 +59,16 @@
                 </span>
                 <span style="display:flex;align-items:center">
                   <span @click="showVariable(index,item)" class="nz-icon-minus-medium" style="margin-right: 6px;padding-left: 10px">
-                    <i v-if="item.show" class="nz-icon nz-icon-mimakejian"></i>
-                    <i v-else class="nz-icon nz-icon-mimabukejian"></i>
+                    <i v-if="item.show" class="nz-icon nz-icon-mimakejian" :title="$t('overall.visible')"></i>
+                    <i v-else class="nz-icon nz-icon-mimabukejian" :title="$t('overall.invisible')"></i>
                   </span>
-                  <span @click="addVariable()" style="margin-right: 6px">
+                  <span @click="addVariable()" style="margin-right: 6px" :title="$t('tip.add')">
                     <i class="nz-icon nz-icon-create-square" style="font-weight: normal; font-size: 17px; cursor: pointer;"></i>
                   </span>
-                  <span @click="copyVariable(item)" style="margin-right: 6px">
+                  <span @click="copyVariable(item)" style="margin-right: 6px" :title="$t('overall.duplicate')">
                     <i  class="nz-icon nz-icon-override"></i>
                   </span>
-                  <span @click="removeVariable(index)" class="nz-icon-minus-medium" style="margin-right: 6px">
+                  <span @click="removeVariable(index)" class="nz-icon-minus-medium" style="margin-right: 6px" :title="$t('overall.delete')">
                     <i  class="nz-icon nz-icon-minus"></i>
                   </span>
                 </span>
@@ -331,7 +331,7 @@ export default {
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
         'param.report.range.unit': [
-          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
         ],
         'param.report.schedule.type': [
           { required: true, message: this.$t('validate.required'), trigger: 'change' }
@@ -344,8 +344,8 @@ export default {
           message: this.$t('validate.required')
         }, { validator: datePicker, trigger: 'blur' }],
         'param.report.receivers': [
-          { required: true, message: this.$t('validate.required'), trigger: 'change' },
-          { validator: arrLength }
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' },
+          { validator: arrLength, trigger: 'blur' }
         ]
       },
       week: [
diff --git a/nezha-fronted/src/components/common/rightBox/pipelineSelect.vue b/nezha-fronted/src/components/common/rightBox/pipelineSelect.vue
index 98dc1187e..07366a378 100644
--- a/nezha-fronted/src/components/common/rightBox/pipelineSelect.vue
+++ b/nezha-fronted/src/components/common/rightBox/pipelineSelect.vue
@@ -22,7 +22,7 @@
         </el-option>
       </el-option-group>
     </el-select>
-    <i class="nz-icon nz-icon-plus" @click="addPipelineShow"></i>
+    <i class="nz-icon nz-icon-plus" @click="addPipelineShow" :title="$t('tip.add')"></i>
   </span>
 </template>
 
diff --git a/nezha-fronted/src/components/common/rightBox/profileBox.vue b/nezha-fronted/src/components/common/rightBox/profileBox.vue
index 93a76bc20..3d35a4ebd 100644
--- a/nezha-fronted/src/components/common/rightBox/profileBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/profileBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{$t('profile.editProfile')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editProfile, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editProfile, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index c318c2ff7..dd8d99849 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -6,7 +6,7 @@
       <!-- end--标题-->
 
       <div class="header__operation">
-        <span v-cancel="{obj: editProject, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editProject, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container right-box-container__left">
diff --git a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
index dc5e68f50..269a1f43c 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
@@ -3,7 +3,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editCabinet.id ? $t('config.dc.editCabinet') : $t('overall.createCabinet')}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editCabinet, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editCabinet, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <div class="right-box__container">
diff --git a/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue b/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
index bc6d853e1..027c42816 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
@@ -4,7 +4,7 @@
     <div class="right-box__header">
       <div class="header__title">{{editGlobalization.id ? ($t("config.menus.editI18n")) : $t("config.menus.createI18n")}}</div>
       <div class="header__operation">
-        <span v-cancel="{obj: editGlobalization, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+        <span v-cancel="{obj: editGlobalization, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
       </div>
     </div>
     <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 842c4074a..48eb9f3a9 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -4,7 +4,7 @@
       <div class="right-box__header">
         <div class="header__title">{{editCredential.id ? ($t("config.mib.credential.edit")) : $t("config.mib.credential.create")}}</div>
         <div class="header__operation">
-          <span v-cancel="{obj: editCredential, func: esc}"><i class="nz-icon nz-icon-close"></i></span>
+          <span v-cancel="{obj: editCredential, func: esc}"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
         </div>
       </div>
       <!-- begin--表单-->
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
index 037a037c7..515003dcf 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
@@ -7,13 +7,13 @@
             <el-input placeholder="key" class="param-box-row-key input-x-mini-22" v-model="item.key" @input="validateInput(item.key,index)" :class="{'input-error':inputKeyErr[index]}"></el-input>
             <span class="param-box-row-eq">=</span>
             <el-input placeholder="value" class="param-box-row-value input-x-mini-22" v-model="item.value"></el-input>
-            <span class="param-box-row-symbol" :id="'remove-param-'+index" @click="removeTags(index)"><i class="nz-icon nz-icon-shanchu1"></i></span>
+            <span class="param-box-row-symbol" :id="'remove-param-'+index" @click="removeTags(index)" :title="$t('overall.delete')"><i class="nz-icon nz-icon-shanchu1"></i></span>
             <span style="color: #F56C6C;font-size: 12px;" v-if="inputKeyErr[index]">{{$t('overall.ASCIIKey')}}</span>
           </div>
         </div>
       </div>
       <div class="add-btn">
-        <el-button @click="addTags" id="add-param" style="height: 18px; line-height: 18px; padding-top: 0; padding-bottom: 0;" size="mini"><i class="nz-icon nz-icon-plus"></i></el-button>
+        <el-button @click="addTags" id="add-param" style="height: 18px; line-height: 18px; padding-top: 0; padding-bottom: 0;" size="mini" :title="$t('tip.add')"><i class="nz-icon nz-icon-plus"></i></el-button>
         <el-button @click="showEditTagsBox(false)"  style="height: 18px; line-height: 18px; padding-top: 0; padding-bottom: 0;" size="mini"><i class="nz-icon nz-icon-check"></i></el-button>
       </div>
     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
index 9895ecd40..d062479da 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
@@ -109,12 +109,12 @@
               </el-row>
             </template>
           </div>
-          <button type="button" slot="reference"  class="nz-btn nz-btn-size-normal nz-btn-style-light" id="snmp-advanced">
+          <button type="button" slot="reference"  class="nz-btn nz-btn-size-normal nz-btn-style-light" id="snmp-advanced"  :title="$t('overall.more')">
             <i class="el-icon-more"></i>
           </button>
         </el-popover>
         </div>
-        <span @click="delSelf" class="asset-item--btn right-box-form-minus-box" id="traffic-setting-delself"><i class="nz-icon nz-icon-minus"></i></span>
+        <span @click="delSelf" class="asset-item--btn right-box-form-minus-box" id="traffic-setting-delself" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
       </div>
       <div>
         <span style="color:#F56C6C;font-size: 12px;" v-if="hostRepeat">{{$t('validate.repeat')}}</span>
@@ -203,12 +203,12 @@
           </el-table-column>
           <el-table-column label="" :width="40" :show-overflow-tooltip="false">
             <template slot-scope="scope">
-              <span :disabled="assetSetting.host == null" @click.stop="delTabRow(scope.$index,scope.row)" class="right-box-form-delete" size="mini"><i class="nz-icon nz-icon-minus"></i></span>
+              <span :disabled="assetSetting.host == null" @click.stop="delTabRow(scope.$index,scope.row)" class="right-box-form-delete" size="mini" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
             </template>
           </el-table-column>
         </el-table>
         <div class="add-btn" style="margin-top: 10px;">
-          <span @click="addTabRow" size="mini" class="right-box-form-add">
+          <span @click="addTabRow" size="mini" class="right-box-form-add" :title="$t('tip.add')">
             <i class="nz-icon nz-icon-plus"></i>
           </span>
         </div>
diff --git a/nezha-fronted/src/components/common/searchInput.vue b/nezha-fronted/src/components/common/searchInput.vue
index 77186de9a..02d4088c9 100644
--- a/nezha-fronted/src/components/common/searchInput.vue
+++ b/nezha-fronted/src/components/common/searchInput.vue
@@ -3,11 +3,11 @@
         <div class="search-input-all input-position" @click="stop_click">
 <!--            历史记录-->
             <div class="search-history" v-if="showHistory">
-                <i class="nz-icon nz-icon-time" style="cursor: pointer" @click="look_history" id="search-view-history"></i>
+                <i class="nz-icon nz-icon-time" style="cursor: pointer" @click="look_history" id="search-view-history" :title="$t('search.recentSearch')"></i>
                 <div :class="localStorage_display?'localStorage_list_box none':'localStorage_list_box'">
                     <div class="list_box_title" style="cursor: pointer">
                         <span>{{$t('search.recentSearch')}}</span>
-                        <i class="nz-icon nz-icon-close" @click="localStorage_display=!localStorage_display" id="search-close-history"></i>
+                        <i class="nz-icon nz-icon-close" @click="localStorage_display=!localStorage_display" id="search-close-history" :title="$t('overall.close')"></i>
                     </div>
                     <div class="list_box_content" v-if="history_once.length>0">
                         <ul>
@@ -36,7 +36,7 @@
                         </div>
                         <div class="select_content" v-if="typeof val.val !='undefined' && val.val != null && ind!=sreach_num">
                             <span>{{$t(val.valString ? val.valString : val.val)}}</span>
-                            <i class="nz-icon nz-icon-close" style="cursor: pointer" @click="close_selcet_list(ind,$event)"></i>
+                            <i class="nz-icon nz-icon-close" style="cursor: pointer" @click="close_selcet_list(ind,$event)" :title="$t('overall.close')"></i>
                         </div>
                         <div v-else-if="!change_sreach_show && ind==sreach_num && val.id!==7 " class="select_input">
                             <input type="text" autocomplete="off" id="sreach_input" v-model="input_sreach" :readonly="val.readonly" @keydown="enter(val, $event)" @click="stop_click">
@@ -258,7 +258,7 @@
                 </ul>
             </div>
         </div>
-        <button id="search-input-search" class="search-btn float-right" type="button" @click="select" v-if="showSearch"><i class="nz-icon nz-icon-search"></i></button>
+        <button id="search-input-search" class="search-btn float-right" type="button" @click="select" v-if="showSearch" :title="$t('overall.search')"><i class="nz-icon nz-icon-search"></i></button>
         <!--<div class="new-search-btn" @click="select">
             <i class="nz-icon nz-icon-search"></i>
         </div>-->
diff --git a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
index 6c3dd191f..b4ad97bb3 100644
--- a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
@@ -102,9 +102,9 @@
         fixed="right">
         <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" class="table-operation-item" @click="$emit('messageDetail', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
+          <button v-if="scope.row.alertRule" class="table-operation-item" @click="$emit('messageDetail', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
           <el-dropdown v-has="['alertMessage_expired', 'alertSilence_add']" size="medium" trigger="click" @command="tableOperation">
-            <div class="table-operation-item table-operation-item--more">
+            <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
index 8c20f519b..f1eb01b1c 100644
--- a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
@@ -122,13 +122,13 @@
         <template v-else-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <template v-else-if="item.prop === 'expr'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <span v-else-if="item.prop === 'id'" :id="'globalSearch' + scope.row.id">{{scope.row[item.prop]}}</span>
@@ -142,9 +142,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" @click="queryMessage(scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['alertRule_edit','alertRule_delete', 'alertSilence_add']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
index 8ae2ee835..39f3f97f3 100644
--- a/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
@@ -99,7 +99,7 @@
         <template v-else-if="item.prop === 'name'">
            <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
         </template>
         <span v-else-if="scope.row[item.prop]">{{
@@ -116,6 +116,7 @@
         <!--        <button :class="{'table-operation-item&#45;&#45;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>-->
         <button
           class="table-operation-item"
+          :title="$t('overall.view')"
           @click="$emit('showBottomBox', 'alertMessageTab', scope.row)"
         >
           <i class="nz-icon nz-icon-view1"></i>
@@ -126,7 +127,7 @@
           trigger="click"
           @command="tableOperation"
         >
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu
diff --git a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
index f9d831524..b42559b45 100644
--- a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
@@ -69,9 +69,9 @@
       <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.stop><i class="nz-icon nz-icon-view1"></i></button>-->
-        <button class="table-operation-item" v-has="'asset_label_edit'" @click.stop="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
+        <button class="table-operation-item" v-has="'asset_label_edit'" @click.stop="$emit('edit', scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <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">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/asset/assetTable.vue b/nezha-fronted/src/components/common/table/asset/assetTable.vue
index 4d8b8bd97..9b683944b 100644
--- a/nezha-fronted/src/components/common/table/asset/assetTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetTable.vue
@@ -41,13 +41,13 @@
           <template v-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
            <template v-else-if="item.prop === 'manageIp'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.manageIp ? scope.row.manageIp : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.manageIp)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.manageIp)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'type'">{{scope.row.type ? scope.row.type.name : '-'}}</template>
@@ -106,7 +106,7 @@
           <template v-else-if="item.prop === 'sn'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.sn ? scope.row.sn : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.sn)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.sn)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'talon'">
@@ -148,10 +148,10 @@
         fixed="right">
         <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
         <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>
+          <button v-if="assetTab"  class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
+          <button v-else class="table-operation-item" @click="$emit('showBottomBox', 'panelTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
           <el-dropdown size="medium" v-has="['asset_edit','asset_connect','asset_add','asset_delete', 'alertSilence_add']" trigger="click" @command="tableOperation">
-            <div class="table-operation-item table-operation-item--more">
+            <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/nzDataList.vue b/nezha-fronted/src/components/common/table/nzDataList.vue
index 5774a4daf..fe86098c3 100644
--- a/nezha-fronted/src/components/common/table/nzDataList.vue
+++ b/nezha-fronted/src/components/common/table/nzDataList.vue
@@ -15,7 +15,7 @@
             </div>
             <slot name="top-tool-right"></slot>
             <button v-if="showLayout.indexOf('elementSet') > -1"  class="top-tool-btn table-column-setting"
-                    type="button" @click="tools.showCustomTableTitle = true">
+                    type="button" @click="tools.showCustomTableTitle = true" :title="$t('overall.selectColumns')">
               <i class="nz-icon-gear nz-icon"></i>
             </button>
             <el-dropdown
@@ -25,7 +25,7 @@
               class="margin-l-5"
               @command="changeDetailType">
               <button class="top-tool-btn table-column-setting"
-                      type="button">
+                      type="button" :title="$t('overall.switchView')">
                 <i class="nz-icon nz-icon-list-view" />
               </button>
               <el-dropdown-menu slot="dropdown"  class="right-public-box-dropdown-top right-box-select-top">
diff --git a/nezha-fronted/src/components/common/table/settings/agentTable.vue b/nezha-fronted/src/components/common/table/settings/agentTable.vue
index 3e286da8c..793df10f7 100644
--- a/nezha-fronted/src/components/common/table/settings/agentTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/agentTable.vue
@@ -53,13 +53,13 @@
         <template v-else-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <template v-else-if="item.prop === 'host'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
@@ -73,9 +73,9 @@
       <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>-->
-        <button class="table-operation-item"  @click="showBottomBox('agent', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item"  @click="showBottomBox('agent', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['agent_edit','agent_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue b/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
index 430058e50..e553bf632 100644
--- a/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
@@ -71,9 +71,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['assetType_edit','assetType_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
            <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/backupsTable.vue b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
index a71ce491e..f4fb68662 100644
--- a/nezha-fronted/src/components/common/table/settings/backupsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
@@ -42,19 +42,19 @@
         class="table-operation-items"
         v-if="isConfigurations"
       >
-        <button class="table-operation-button" @click="backupNow(scope.row)">
+        <button class="table-operation-button" @click="backupNow(scope.row)" :title="$t('config.backup')">
          <i class="nz-icon-beifen nz-icon"></i>
         </button>
-        <button class="table-operation-edit" @click="edit(scope.row)">
+        <button class="table-operation-edit" @click="edit(scope.row)" :title="$t('backup.edit')">
          <i class="nz-icon-gear nz-icon"></i>
         </button>
       </div>
 
       <div slot-scope="scope" v-else class="table-operation-items">
-        <button class="table-operation-button" @click="Restore(scope.row)" v-if="scope.row">
+        <button class="table-operation-button" @click="Restore(scope.row)" v-if="scope.row" :title="$t('backup.RestoreNow')">
          <i class="nz-icon-shujubeifenhuifu nz-icon"></i>
         </button>
-        <button class="table-operation-edit" @click="del(scope.row)" v-if="scope.row">
+        <button class="table-operation-edit" @click="del(scope.row)" v-if="scope.row" :title="$t('overall.delete')">
           <i class="nz-icon nz-icon-delete" style="font-size='12px'"></i>
         </button>
       </div>
diff --git a/nezha-fronted/src/components/common/table/settings/cabinetTable.vue b/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
index 12ea40cf6..70995c055 100644
--- a/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/cabinetTable.vue
@@ -32,9 +32,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['dc_delete','dc_add']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
index 3a55f1796..d9fb1843c 100644
--- a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
@@ -44,7 +44,7 @@
         <template v-else-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span>
@@ -57,9 +57,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item"  @click="showBottomBox('panel', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['chartTemplate_edit','chartTemplate_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/credentialsTable.vue b/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
index a49a886a4..4932b7512 100644
--- a/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/credentialsTable.vue
@@ -44,7 +44,7 @@
         <template v-if="item.prop === 'name'">
           <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
         </template>
         <template v-if="item.prop === 'type'">
@@ -73,9 +73,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" v-has="'credential_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['credential_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/dcTable.vue b/nezha-fronted/src/components/common/table/settings/dcTable.vue
index 7bfd8e8b7..bdb785534 100644
--- a/nezha-fronted/src/components/common/table/settings/dcTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/dcTable.vue
@@ -99,9 +99,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" v-has="'dc_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['dc_delete','dc_edit']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index f0e09483e..f2033d589 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -40,7 +40,7 @@
           <template v-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop]}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'type'">
@@ -53,7 +53,7 @@
               @mouseleave="labelHover(scope.row, item.prop, false,true)">
               {{scope.row[item.prop].name}}
               </span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'module'">
@@ -64,7 +64,7 @@
               <i style="cursor: pointer" class="nz-icon nz-icon-overview-module monitorColor"/>
               {{scope.row[item.prop].name}}
               </span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'asset'">
@@ -76,7 +76,7 @@
               <i class="nz-icon nz-icon-overview-project monitorColor color23BF9A"></i>
               {{scope.row.asset.name}}
              </span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.asset.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.asset.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="item.prop === 'alerts'">
@@ -103,7 +103,7 @@
           </span>
             <nz-tooltip :that="scope.row[item.prop]" class="data-column__" v-if="scope.row[item.prop] && scope.row[item.prop].loading" :type="item.prop">
               <div name="default">
-                <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue(clConfigs(scope.row))"></i></span>
+                <span class="copy-value-content" :title="$t('overall.duplicate')"> <i class="nz-icon nz-icon-override" @click="copyValue(clConfigs(scope.row))"></i></span>
                 <pre class="copy-value-content__pre">{{JSON.stringify(clConfigs(scope.row),null,2)}}</pre>
               </div>
             </nz-tooltip>
@@ -167,10 +167,10 @@
         fixed="right">
         <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
         <div slot-scope="scope" class="table-operation-items">
-          <button v-if="endpointTab"  class="table-operation-item" v-has="'monitor_endpoint_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>
+          <button v-if="endpointTab"  class="table-operation-item" v-has="'monitor_endpoint_edit'" @click="$emit('edit', scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
+          <button v-else class="table-operation-item"  @click="$emit('showBottomBox', 'panelTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
           <el-dropdown size="medium" v-has="['monitor_endpoint_edit','monitor_endpoint_delete','alertSilence_add']" trigger="click" @command="tableOperation">
-            <div class="table-operation-item table-operation-item--more">
+            <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
index ecdfee9fd..31db6f7cf 100644
--- a/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
@@ -38,13 +38,13 @@
         <template v-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <template v-else-if="item.prop === 'expression'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span>
@@ -57,9 +57,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item"  v-has="'expressionTemplate_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['expressionTemplate_add','expressionTemplate_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/globalizationTable.vue b/nezha-fronted/src/components/common/table/settings/globalizationTable.vue
index f1c7cc25a..7d978bbab 100644
--- a/nezha-fronted/src/components/common/table/settings/globalizationTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/globalizationTable.vue
@@ -49,9 +49,9 @@
       fixed="right">
       <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="tableOperation(['edit', scope.row])"><i class="nz-icon nz-icon-edit"></i></button>
+        <button class="table-operation-item" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['i18n_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/ipDetailsTable.vue b/nezha-fronted/src/components/common/table/settings/ipDetailsTable.vue
index e5cdf2daa..b4a5e8eae 100644
--- a/nezha-fronted/src/components/common/table/settings/ipDetailsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/ipDetailsTable.vue
@@ -59,9 +59,9 @@
       fixed="right">
       <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="'ipam_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
+        <button class="table-operation-item" v-has="'ipam_edit'" @click="$emit('edit', scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" trigger="click" v-has="['ipam_delete']" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/ipamTable.vue b/nezha-fronted/src/components/common/table/settings/ipamTable.vue
index ce6431e9a..9e5e58391 100644
--- a/nezha-fronted/src/components/common/table/settings/ipamTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/ipamTable.vue
@@ -38,7 +38,7 @@
         <template v-else-if="item.prop === 'CIDR'">
            <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{ scope.row.addr }}/{{scope.row.mask}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.addr + '/' + scope.row.mask)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.addr + '/' + scope.row.mask)" :title="$t('overall.duplicate')"></i>
             </div>
         </template>
         <span v-else-if="item.prop === 'type'">
@@ -48,7 +48,7 @@
         <template v-else-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
@@ -61,9 +61,9 @@
       fixed="right">
       <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('ipam', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item"  @click="showBottomBox('ipam', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" trigger="click" v-has="['ipam_edit', 'ipam_delete']" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/menuTable.vue b/nezha-fronted/src/components/common/table/settings/menuTable.vue
index 24406b53d..abcbb66ad 100644
--- a/nezha-fronted/src/components/common/table/settings/menuTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/menuTable.vue
@@ -61,9 +61,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item"  v-has="'monitor_module_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['monitor_module_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/mibTable.vue b/nezha-fronted/src/components/common/table/settings/mibTable.vue
index d9d1a843b..6de51c111 100644
--- a/nezha-fronted/src/components/common/table/settings/mibTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/mibTable.vue
@@ -39,13 +39,13 @@
         <template v-else-if="item.prop == 'fileName' && scope.row[item.prop]" >
           <div style="cursor:text" class="document-copy-block">
               <span class="link document-copy-text" @click="downloadMib(scope.row)">{{scope.row[item.prop]}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
             </div>
         </template>
         <template v-else-if="item.prop === 'name'">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name ? scope.row.name : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         <template v-else-if="item.prop === 'modelsDetail' && scope.row['modelsDetail'] && scope.row['modelsDetail'].length >0" >
@@ -87,9 +87,9 @@
       fixed="right">
       <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" v-has="'snmp_mibFile_edit'" @click="downloadMib(scope.row)"><i class="nz-icon nz-icon-download"></i></button>
+        <button class="table-operation-item" :title="$t('overall.download')" v-has="'snmp_mibFile_edit'" @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="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/modelTable.vue b/nezha-fronted/src/components/common/table/settings/modelTable.vue
index 8425e825a..ccfcd0983 100644
--- a/nezha-fronted/src/components/common/table/settings/modelTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/modelTable.vue
@@ -65,10 +65,10 @@
       fixed="right">
       <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="'model_edit'" @click="$emit('edit', scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
+        <button class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)" :title="$t('overall.edit')"><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','main_edit','model_edit']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/moduleTable.vue b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
index a7c5b89b7..2406b6651 100644
--- a/nezha-fronted/src/components/common/table/settings/moduleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
@@ -39,7 +39,7 @@
         <template v-if="item.prop === 'name'">
           <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop]}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
           </div>
         </template>
         <template v-else-if="item.prop === 'type'">
@@ -48,7 +48,7 @@
         <template v-else-if="item.prop === 'project'">
           <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop].name}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop].name)" :title="$t('overall.duplicate')"></i>
           </div>
         </template>
         <template v-else-if="item.prop === 'endpointNum'">
@@ -84,9 +84,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item"  @click="showBottomBox('endpoint', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['monitor_module_edit','monitor_module_delete','alertSilence_add','main_edit']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/projectTable.vue b/nezha-fronted/src/components/common/table/settings/projectTable.vue
index c9c45dc77..08165e3d4 100644
--- a/nezha-fronted/src/components/common/table/settings/projectTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/projectTable.vue
@@ -40,7 +40,7 @@
         <template v-if="item.prop === 'name'">
           <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop]}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
           </div>
         </template>
         <template v-else-if="item.prop === 'moduleNum'" >
@@ -82,9 +82,9 @@
       :width="155">
       <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)" v-has="'project_view'"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item" @click="changeProjectTopo(scope.row)" v-has="'project_view'" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['project_edit','project_delete','alertSilence_add']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/roleTable.vue b/nezha-fronted/src/components/common/table/settings/roleTable.vue
index 7c172aac7..e05e99138 100644
--- a/nezha-fronted/src/components/common/table/settings/roleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/roleTable.vue
@@ -39,13 +39,13 @@
           <template v-if="scope.row.i18n">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{$t(scope.row.i18n)}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.i18n))"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.i18n))" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
           <template v-else-if="scope.row.name">
             <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row.name}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.name))"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy($t(scope.row.name))" :title="$t('overall.duplicate')"></i>
             </div>
           </template>
         </template>
@@ -59,9 +59,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" v-has="'role_edit'" @click="tableOperation(['edit', scope.row])" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
         <el-dropdown size="medium" v-has="['role_delete','role_edit']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
index fb68222bf..2d3c794bc 100644
--- a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
@@ -83,7 +83,7 @@
         <template v-if="scope.row.status == 0">
           <button :title="$t('config.terminallog.monitor.monitor')" v-has="'terminal_monitor'" class="table-operation-item" @click="showBottomBox('monitorTab', scope.row)"><i class="nz-icon nz-icon-JC"></i></button>
           <el-dropdown size="medium" trigger="click" @command="tableOperation">
-            <div class="table-operation-item table-operation-item--more">
+            <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
@@ -92,9 +92,9 @@
           </el-dropdown>
         </template>
         <template v-else>
-          <button class="table-operation-item" @click="showBottomBox('cmdTab', scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
+          <button class="table-operation-item" @click="showBottomBox('cmdTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
           <el-dropdown size="medium" trigger="click" v-has="['terminal_edit']" @command="tableOperation">
-            <div class="table-operation-item table-operation-item--more">
+            <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
               <i class="nz-icon nz-icon-more3"></i>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/common/table/settings/userTable.vue b/nezha-fronted/src/components/common/table/settings/userTable.vue
index 33da61c53..b42b2042d 100644
--- a/nezha-fronted/src/components/common/table/settings/userTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/userTable.vue
@@ -53,7 +53,7 @@
               </div>
             </div>
             </div>
-          <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)"></i>
+          <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row.name)" :title="$t('overall.duplicate')"></i>
           </div>
         </template>
         <template v-else-if="item.prop === 'roles'">
@@ -83,7 +83,7 @@
         <template v-else-if="item.prop === 'email'">
           <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">{{scope.row[item.prop] ? scope.row[item.prop] : '-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
             </div>
         </template>
         <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
@@ -96,9 +96,9 @@
       fixed="right">
       <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>
+        <button class="table-operation-item" @click="showBottomBox('operationLogTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['user_edit','user_delete']" trigger="click" @command="tableOperation">
-          <div class="table-operation-item table-operation-item--more">
+          <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
           </div>
           <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/layout/header.vue b/nezha-fronted/src/components/layout/header.vue
index 24ea30f62..3fe7ae802 100644
--- a/nezha-fronted/src/components/layout/header.vue
+++ b/nezha-fronted/src/components/layout/header.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="header">
-    <div class="left-menu--pin" :class="!isShrink?'left-menu--pin-normal':'left-menu--pin-reverse'" @click="shrink"><i :class="{'icon-reverse': isShrink,}" class="el-icon-s-fold"></i></div>
+    <div class="left-menu--pin" :class="!isShrink?'left-menu--pin-normal':'left-menu--pin-reverse'" @click="shrink"><i :class="{'icon-reverse': isShrink,}" class="el-icon-s-fold" :title="isShrink ? $t('overall.expandMenu') : $t('overall.collapseMenu')"></i></div>
     <el-breadcrumb class="nz-breakcrumb" separator="/">
       <el-breadcrumb-item v-for="crumb in breadcrumb" :key="crumb.code">{{$t(crumb.i18n)}}</el-breadcrumb-item>
     </el-breadcrumb>
@@ -8,14 +8,14 @@
       <el-dropdown trigger="click">
         <el-dropdown-menu></el-dropdown-menu>
         <div id="header-open-global-search" @click="openGlobalSearch">
-          <div class="header-menu__item"><i class="nz-icon nz-icon-search"></i></div>
+          <div class="header-menu__item" :title="$t('globalSearch.placeholder')"><i class="nz-icon nz-icon-search"></i></div>
         </div>
       </el-dropdown>
       <el-dropdown trigger="click">
-        <div class="header-menu__item"><i class="nz-icon nz-icon-more-app"></i></div>
+        <div class="header-menu__item" :title="$t('config.system.link.link')"><i class="nz-icon nz-icon-more-app"></i></div>
         <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top el-dropdown-menu-link">
           <el-dropdown-item v-for="(item, index) in linkData" :key="index" :index="'0-' + index" v-if="linkData.length">
-            <a :href='item.url' rel="noopener noreferrer" :title="item.name" target="_blank" class="link-title nz-  a">
+            <a :href='item.url' rel="noopener noreferrer" target="_blank" class="link-title nz-  a">
               <i class="nz-icon nz-icon-link"></i>
               <span class="nz-  a">{{item.name}}</span>
             </a>
@@ -28,20 +28,20 @@
       <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>
+          <div class="header-menu__item"><i class="nz-icon nz-icon-terminal" :title="$t('guide.webTerminal')"></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 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>
+        <div class="header-menu__item" @click="showGuide = true"><i class="nz-icon nz-icon-guide" :title="$t('guide.getStarted')"></i></div>
       </el-dropdown>
     </div>
     <!--个人操作-->
     <div class="personal" id="personal">
       <el-dropdown trigger="click">
         <div class="header-menu--item">
-          <i class="nz-icon nz-icon-language-change"></i>
+          <i class="nz-icon nz-icon-language-change" :title="$t('config.user.language')"></i>
         </div>
         <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
           <el-dropdown-item v-for="lang in langList" :key="lang.value">
diff --git a/nezha-fronted/src/components/page/alert/alertMessage.vue b/nezha-fronted/src/components/page/alert/alertMessage.vue
index 6e184c99e..747774370 100644
--- a/nezha-fronted/src/components/page/alert/alertMessage.vue
+++ b/nezha-fronted/src/components/page/alert/alertMessage.vue
@@ -15,7 +15,7 @@
         <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-public-box-dropdown-top" style="width: 100px">
           <el-option v-for="item in stateOptions" :key="item.value" :label="$t(item.label)" :value="item.value"></el-option>
         </el-select>
-        <button id="asset-filter" :class="[dataListLayout.indexOf('clickSearch') > -1?'is-focus':'' ]" class="top-tool-btn margin-r-10" @click.stop="showClickSearch">
+        <button id="asset-filter" :class="[dataListLayout.indexOf('clickSearch') > -1?'is-focus':'' ]" class="top-tool-btn margin-r-10" @click.stop="showClickSearch" :title="$t('dashboard.panel.chartForm.filter')">
           <i class="nz-icon nz-icon-funnel"></i>
         </button>
         <pick-time v-model="searchTime" sign="message" :default-pick="10" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index 25ae4bf28..45526393a 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -87,7 +87,7 @@
       @getTableData="getTableData"
     >
       <template v-slot:top-tool-right>
-        <button id="asset-filter" :class="{ 'is-focus': dataListLayout.indexOf('clickSearch') > -1 }" class="top-tool-btn margin-r-10" @click.stop="showClickSearch">
+        <button id="asset-filter" :class="{ 'is-focus': dataListLayout.indexOf('clickSearch') > -1 }" class="top-tool-btn margin-r-10" @click.stop="showClickSearch" :title="$t('dashboard.panel.chartForm.filter')">
           <i class="nz-icon nz-icon-funnel"></i>
         </button>
         <button id="asset-create-asset" v-has="'asset_add'" :title="$t('asset.createAsset')" class="top-tool-btn" @click.stop="add">
diff --git a/nezha-fronted/src/components/page/asset/components/assetTagEx.vue b/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
index d160d9cf9..493885197 100644
--- a/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
+++ b/nezha-fronted/src/components/page/asset/components/assetTagEx.vue
@@ -7,13 +7,13 @@
       <el-row v-for="(item, index) in inputArr" :key="index" style="margin-bottom: 10px">
         <el-col :span="20"><el-input v-model="item.value"  size="small" maxlength="128"/></el-col>
         <el-col :span="2" style="text-align: center">
-        <span class="nz-icon-minus-medium">
+        <span class="nz-icon-minus-medium" :title="$t('overall.delete')">
           <i @click="deleteInput(index)" class="nz-icon nz-icon-minus"></i>
         </span>
         </el-col>
         <el-col :span="2" style="text-align: center">
           <span v-if=" index=== inputArr.length-1" @click="addInput" style="display: inline-block;">
-      <span class="create-square-box">
+      <span class="create-square-box" :title="$t('tip.add')">
         <i style="font-size: 17px; cursor: pointer;" class="nz-icon nz-icon-create-square"></i>
       </span>
     </span>
diff --git a/nezha-fronted/src/components/page/config/agent.vue b/nezha-fronted/src/components/page/config/agent.vue
index 8dfc05615..6328c7b94 100644
--- a/nezha-fronted/src/components/page/config/agent.vue
+++ b/nezha-fronted/src/components/page/config/agent.vue
@@ -14,7 +14,7 @@
                 type="button" @click="add">
           <i class="nz-icon-create-square nz-icon"></i>
         </button>
-        <button id="load-agent" class="top-tool-btn margin-r-10" type="button" @click="toDownloadAgent" v-has="'agent_edit'">
+        <button id="load-agent" class="top-tool-btn margin-r-10" type="button" @click="toDownloadAgent" v-has="'agent_edit'" :title="$t('overall.download')">
           <i class="nz-icon-download nz-icon"></i>
         </button>
         <delete-button id="promserver-list-batch-delete" v-has="'agent_delete'" :delete-objs="batchDeleteObjs" api="agent" @after="getTableData" @before="delFlag=true"></delete-button>
@@ -80,14 +80,14 @@
           <el-form-item label="cURL"  v-if="loadFinish" class="download-url">
             <el-input id="download-url-curl" :disabled="true" v-model="curlUrl">
               <el-popover :content="$t('overall.search')" placement="top" trigger="manual" v-model="curlVisible" popper-class="small-pop" slot="suffix" @after-enter="popShow('curl')"  style="cursor: pointer">
-                <i slot="reference" class="nz-icon nz-icon-override" @click="copyUrl('download-url-curl')"></i>
+                <i slot="reference" class="nz-icon nz-icon-override" @click="copyUrl('download-url-curl')" :title="$t('overall.duplicate')"></i>
               </el-popover>
             </el-input>
           </el-form-item>
           <el-form-item label="Wget"  v-if="loadFinish" class="download-url">
             <el-input id="download-url-wget" :disabled="true" v-model="wgetUrl" >
               <el-popover :content="$t('overall.search')" placement="top" trigger="manual" v-model="wgetVisible" popper-class="small-pop" slot="suffix" @after-enter="popShow('wget')" style="cursor: pointer">
-                <i slot="reference" class="nz-icon nz-icon-override" @click="copyUrl('download-url-wget')"></i>
+                <i slot="reference" class="nz-icon nz-icon-override" @click="copyUrl('download-url-wget')" :title="$t('overall.duplicate')"></i>
               </el-popover>
             </el-input>
           </el-form-item>
diff --git a/nezha-fronted/src/components/page/config/assetMeta.vue b/nezha-fronted/src/components/page/config/assetMeta.vue
index 087c86bc4..1acc16e88 100644
--- a/nezha-fronted/src/components/page/config/assetMeta.vue
+++ b/nezha-fronted/src/components/page/config/assetMeta.vue
@@ -56,7 +56,7 @@
           @showBottomBox="(targetTab, object) => { $refs.dataList.showBottomBox(targetTab, object) }"
         ></asset-meta-table>
         <!-- 回到table顶部的按钮 -->
-        <button v-show="tools.showTopBtn && slotProps.mainResizeShow" id="role-list-totop" :class="{'to-top-is-hover': tools.tableHover}" :style="{top: tools.toTopBtnTop}" class="to-top" @click="toTop(scrollbarWrap)"><i class="nz-icon nz-icon-top"></i></button>
+        <button v-show="tools.showTopBtn && slotProps.mainResizeShow" id="role-list-totop" :class="{'to-top-is-hover': tools.tableHover}" :style="{top: tools.toTopBtnTop}" class="to-top" @click="toTop(scrollbarWrap)" :title="$t('overall.backToTop')"><i class="nz-icon nz-icon-top"></i></button>
       </template>
       <!-- 分页组件 -->
       <template v-slot:pagination>
diff --git a/nezha-fronted/src/components/page/config/assetState.vue b/nezha-fronted/src/components/page/config/assetState.vue
index a567034fa..5396d9ffa 100644
--- a/nezha-fronted/src/components/page/config/assetState.vue
+++ b/nezha-fronted/src/components/page/config/assetState.vue
@@ -88,7 +88,7 @@
             fixed="right">
             <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>
+              <button class="table-operation-item" @click="$refs.dataList.showBottomBox('operationLog', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
               <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>
@@ -102,7 +102,7 @@
           </el-table-column>
         </el-table>
         <!-- 回到table顶部的按钮 -->
-        <button v-show="tools.showTopBtn && slotProps.mainResizeShow" id="role-list-totop" :class="{'to-top-is-hover': tools.tableHover}" :style="{top: tools.toTopBtnTop}" class="to-top" @click="toTop(scrollbarWrap)"><i class="nz-icon nz-icon-top"></i></button>
+        <button v-show="tools.showTopBtn && slotProps.mainResizeShow" id="role-list-totop" :class="{'to-top-is-hover': tools.tableHover}" :style="{top: tools.toTopBtnTop}" class="to-top" @click="toTop(scrollbarWrap)" :title="$t('overall.backToTop')"><i class="nz-icon nz-icon-top"></i></button>
       </template>
       <!-- 分页组件 -->
       <template v-slot:pagination>
diff --git a/nezha-fronted/src/components/page/config/globalization.vue b/nezha-fronted/src/components/page/config/globalization.vue
index 2ab9cee9c..efb0554e0 100644
--- a/nezha-fronted/src/components/page/config/globalization.vue
+++ b/nezha-fronted/src/components/page/config/globalization.vue
@@ -12,7 +12,7 @@
     >
       <template v-slot:top-tool-right>
         <button id="dc-add" v-has="'dc_add'" class="top-tool-btn margin-r-10"
-                type="button" @click="add">
+                type="button" @click="add" :title="$t('config.menus.createI18n')">
           <i class="nz-icon-create-square nz-icon"></i>
         </button>
       </template>
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index fc96afea7..6ebca7700 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -33,7 +33,7 @@
                 <el-option v-for="(item, index) in credentialData" :key="index" :label="item.name" :value="item.id"></el-option>
               </el-select>
             </div>
-            <button id="browser-advanced" slot="reference" class="top-tool-btn" style="border-right: none;">
+            <button id="browser-advanced" slot="reference" class="top-tool-btn" style="border-right: none;"  :title="$t('overall.more')">
               <i class="el-icon-more"></i>
             </button>
           </el-popover>
@@ -47,7 +47,7 @@
             <div class="mib-browser-tree-title">
               <span>SNMP MIBs</span>
               <el-dropdown ref="modelDropdown" :hide-on-click="false" trigger="click" @command="selectModel">
-                <span class="mib-browser-table-op">{{$t("config.model.model") + " "}}<i class="nz-icon nz-icon-funnel"></i></span>
+                <span class="mib-browser-table-op">{{$t("config.model.model") + " "}}<i class="nz-icon nz-icon-funnel" :title="$t('dashboard.panel.chartForm.filter')"></i></span>
                 <el-dropdown-menu slot="dropdown" class="mib-browser-model-dropdown el-dropdown-multi right-box-select-top">
                   <el-dropdown-item v-for="(item, index) in modelData" :key="index" :class="{'dropdown-item-active': walkParam.models.indexOf(item.id) > -1}" :command="item">{{item.name}}</el-dropdown-item>
                 </el-dropdown-menu>
@@ -126,7 +126,7 @@
               <span>Result table</span>
               <span>
                 <span id="mib-browser-export" v-has="'snmp_browser_export'" :class="{'mib-browser-table-op-light': resultData.length == 0}" :title="$t('overall.exportExcel')" class="mib-browser-table-op" @click="exportXlsx"><i class="nz-icon nz-icon-download1"></i></span>
-                <span id="mib-browser-clear" :title="$t('overall.clear')" class="mib-browser-table-op" @click="clearResult"><i class="nz-icon nz-icon-close"></i></span>
+                <span id="mib-browser-clear" :title="$t('overall.clear')" class="mib-browser-table-op" @click="clearResult"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
               </span>
             </div>
             <pl-table v-if="showTable" ref="resultTable" v-my-loading="loading" :datas="resultData" :empty-text="$t('overall.noData')" :pagination-show="false" :row-height="28"
diff --git a/nezha-fronted/src/components/page/config/profile.vue b/nezha-fronted/src/components/page/config/profile.vue
index b42dbb359..978e026b6 100644
--- a/nezha-fronted/src/components/page/config/profile.vue
+++ b/nezha-fronted/src/components/page/config/profile.vue
@@ -121,7 +121,7 @@
               {{item}}
             </div>
           </div>
-          <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue"></i></span>
+          <span class="copy-value-content"> <i class="nz-icon nz-icon-override" @click="copyValue" :title="$t('overall.duplicate')"></i></span>
         </div>
       </div>
       <div slot="footer" class="footer">
diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
index 171338a4b..4f8e8f8e3 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
@@ -80,7 +80,7 @@
             <template v-else-if="item.prop == 'token'">
               <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text"> {{scope.row[item.prop].replace(reg, '*')}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
               </div>
             </template>
             <template v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>
@@ -99,7 +99,7 @@
             <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
-            <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'"><i class="nz-icon nz-icon-delete"></i></button>
+            <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'" :title="$t('overall.delete')"><i class="nz-icon nz-icon-delete"></i></button>
           </template>
         </div>
       </el-table-column>
diff --git a/nezha-fronted/src/components/page/config/system/linkTable.vue b/nezha-fronted/src/components/page/config/system/linkTable.vue
index 5a320c583..15891c9cc 100644
--- a/nezha-fronted/src/components/page/config/system/linkTable.vue
+++ b/nezha-fronted/src/components/page/config/system/linkTable.vue
@@ -65,9 +65,9 @@
             <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
-            <button class="table-operation-item" v-has="'system_link_edit'" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>
+            <button class="table-operation-item" v-has="'system_link_edit'" @click="toEdit(scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
             <el-dropdown size="medium" v-has="['system_link_delete']" trigger="click" @command="tableOperation">
-              <div class="table-operation-item table-operation-item--more">
+              <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>
               <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
index 64236bd4f..cabd9da48 100644
--- a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
+++ b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
@@ -75,9 +75,9 @@
             <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
-            <button v-has="'system_notification_edit'" :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>
+            <button v-has="'system_notification_edit'" :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button>
             <el-dropdown size="medium" trigger="click" v-has="['system_notification_delete']" @command="tableOperation">
-              <div class="table-operation-item table-operation-item--more">
+              <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
                 <i class="nz-icon nz-icon-more3"></i>
               </div>
               <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
diff --git a/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue b/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
index f9700230d..b9c200c92 100644
--- a/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
+++ b/nezha-fronted/src/components/page/config/system/selfApiKeyTab.vue
@@ -13,7 +13,7 @@
 
       </template>
       <template v-slot:top-tool-right>
-        <button id="api-key-add" v-has="'system_apiKey_add'" class="top-tool-btn margin-r-10" type="button" @click="addApiKey">
+        <button id="api-key-add" v-has="'system_apiKey_add'" class="top-tool-btn margin-r-10" type="button" @click="addApiKey" :title="$t('profile.box.newApiKey')">
           <i class="nz-icon-create-square nz-icon"></i>
         </button>
       </template>
diff --git a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
index 21f22a411..0159c5198 100644
--- a/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
@@ -42,7 +42,7 @@
              <template v-if="item.prop == 'token'">
               <div style="cursor:text" class="document-copy-block">
               <span class="document-copy-text">  {{scope.row[item.prop]?scope.row[item.prop].replace(reg, '*'):'-'}}</span>
-              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])"></i>
+              <i  class="nz-icon nz-icon-override" style="cursor: pointer;visibility: hidden" @click="onCopy(scope.row[item.prop])" :title="$t('overall.duplicate')"></i>
               </div>
             </template>
              <template v-if="item.prop == 'expireAt'">
diff --git a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
index 3b1ab336f..14333f5ad 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
@@ -4,7 +4,7 @@
       <div class="main-container explore-split-box">
         <!-- 关闭按钮 -->
         <div v-if="closable" class="explore-close">
-          <span @click="split"><i class="nz-icon nz-icon-close"></i></span>
+          <span @click="split"><i class="nz-icon nz-icon-close" :title="$t('overall.close')"></i></span>
         </div>
         <!-- 顶部工具栏 -->
         <div class="top-tools" style="z-index: 1">
@@ -110,6 +110,7 @@
                     class="nz-icon-gear nz-icon"
                     style="position: absolute;right: 10px;top: 8px"
                     @click.stop="tools.showCustomTableTitle = true"
+                    :title="$t('overall.selectColumns')"
                   ></i>
                   <!-- 自定义table列 -->
                   <transition name="el-zoom-in-top">
@@ -181,7 +182,7 @@
           <div v-if="showMetrics" v-show="showIntroduce" class="introduce-view">
             <div class="info-room">
               <div class="col-md-9 doc-content">
-                <h1 class="page-header">Query examples<a class="header-anchor" href="https://prometheus.io/docs/prometheus/latest/querying/examples/" rel="noopener noreferrer" target="_blank"><i class="nz-icon nz-icon-link1" style="font-size: 16px;"></i></a></h1>
+                <h1 class="page-header">Query examples<a class="header-anchor" href="https://prometheus.io/docs/prometheus/latest/querying/examples/" rel="noopener noreferrer" target="_blank"><i class="nz-icon nz-icon-link1" style="font-size: 16px;" :title="$t('overall.link')"></i></a></h1>
                 <div class="content-divider"></div>
                 <h2 >
                   Simple time series selection
diff --git a/nezha-fronted/src/components/page/dashboard/explore/logTab.vue b/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
index f1668a6be..89f687746 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
@@ -35,7 +35,7 @@
         <span class="operation-length">{{tableData.length}}</span>
       </div>
       <div class="log-operation log-operation--right">
-        <button class="top-tool-btn" type="button" @click="exportLog"><i class="nz-icon nz-icon-download"></i></button>
+        <button class="top-tool-btn" style="cursor: pointer;z-index: 2;" type="button" @click="exportLog" :title="$t('overall.download')"><i class="nz-icon nz-icon-download"></i></button>
       </div>
     </div>
     <div class="log-table">
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index 063361185..6b92f46be 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -109,6 +109,7 @@
           <button
             v-if="plugins.indexOf('add') > -1"
             class="top-tool-btn"
+            :title="$t('tip.add')"
             @click="addExpression"
           >
             <i class="nz-icon nz-icon-plus"></i>
@@ -117,6 +118,7 @@
             v-if="plugins.indexOf('copy') > -1"
             class="top-tool-btn"
             @click="copyExpression"
+            :title="$t('overall.duplicate')"
           >
             <i class="nz-icon nz-icon-override"></i>
           </button>
@@ -124,6 +126,7 @@
             v-if="plugins.indexOf('remove') > -1"
             class="top-tool-btn"
             @click="removeExpression"
+            :title="$t('overall.delete')"
           >
             <i class="nz-icon nz-icon-minus"></i>
           </button>
@@ -271,6 +274,7 @@
       <div
         class="option"
         @click="addExpression"
+        :title="$t('tip.add')"
         v-if="plugins.indexOf('add') > -1"
       >
         <i class="nz-icon nz-icon-plus"></i>
@@ -279,6 +283,7 @@
         class="option"
         style="margin-left: 5px; line-height: 32px"
         @click="removeExpression"
+        :title="$t('overall.delete')"
         v-if="plugins.indexOf('remove') > -1"
       >
         <i class="nz-icon nz-icon-minus"></i>
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 258507703..8be7c3722 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -26,9 +26,9 @@
                 @selectDashboard="panelChange">
                 <template v-slot:trigger>
                   <i style="color: #BEBEBE" class="el-icon-menu"></i>
-                  <span :title="showPanel.name  + ' (' + showPanel.chartNum +' charts）' " class="show-panel-name">{{showPanel.name}}</span>
-                  <i @click.stop="delStarred(showPanel)" v-if="showPanel.starred" class="nz-icon nz-icon-a-xingzhuang2"></i>
-                  <i @click.stop="addStarred(showPanel)" v-else class="nz-icon nz-icon-xingzhuang"></i>
+                  <span :title="showPanel.name  + ' (' + showPanel.chartNum +' charts)' " class="show-panel-name">{{showPanel.name}}</span>
+                  <i @click.stop="delStarred(showPanel)" v-if="showPanel.starred" class="nz-icon nz-icon-a-xingzhuang2" :title ="$t('overall.starred')"></i>
+                  <i @click.stop="addStarred(showPanel)" v-else class="nz-icon nz-icon-xingzhuang" :title ="$t('overall.unstarred')"></i>
                 </template>
               </select-dashboard>
             </div>
@@ -116,7 +116,7 @@
       </div>
     </div>
 
-    <button :class="{'to-top-is-hover': tableHover}" @click="toTop(scrollbarWrap)" class="to-top" style="bottom: 0;" v-show="showTopBtn"><i class="nz-icon nz-icon-top"></i></button>
+    <button :class="{'to-top-is-hover': tableHover}" @click="toTop(scrollbarWrap)" class="to-top" style="bottom: 0;" v-show="showTopBtn" :title="$t('overall.backToTop')"><i class="nz-icon nz-icon-top"></i></button>
 
     <transition name="right-box">
       <chart-right-box
diff --git a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
index 31741f0b6..d4eca19f4 100644
--- a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
+++ b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
@@ -83,7 +83,7 @@
       @getTableData="getTableData"
     >
       <template v-slot:top-tool-right>
-        <button id="asset-filter" :class="{ 'is-focus': dataListLayout.indexOf('clickSearch') > -1 }" class="top-tool-btn margin-r-10" @click.stop="showClickSearch">
+        <button id="asset-filter" :class="{ 'is-focus': dataListLayout.indexOf('clickSearch') > -1 }" class="top-tool-btn margin-r-10" @click.stop="showClickSearch" :title="$t('dashboard.panel.chartForm.filter')">
           <i class="nz-icon nz-icon-funnel"></i>
         </button>
         <button id="account-add" v-has="'monitor_endpoint_add'" :title="$t('overall.createEndpoint')" class="top-tool-btn"
diff --git a/nezha-fronted/src/components/page/tool/ping.vue b/nezha-fronted/src/components/page/tool/ping.vue
index 05acd703f..7a1731c05 100644
--- a/nezha-fronted/src/components/page/tool/ping.vue
+++ b/nezha-fronted/src/components/page/tool/ping.vue
@@ -59,7 +59,7 @@
                   <div v-if="checkAll" style="flex: 1">All</div>
                   <div v-else style="flex: 1">
                     <span class="choose" v-for="item in dataCenter" :key="item.id" v-if="checked.indexOf(item.id) !== -1">
-                      <span> {{item.name}} <i class="nz-icon nz-icon-close" @click="removeCheckedItem(item.id)"/></span>
+                      <span> {{item.name}} <i class="nz-icon nz-icon-close" @click="removeCheckedItem(item.id)" :title="$t('overall.close')"/></span>
                     </span>
                   </div>
                   <i class="nz-icon nz-icon-arrow-down6"/>
diff --git a/nezha-fronted/src/components/page/tool/trace.vue b/nezha-fronted/src/components/page/tool/trace.vue
index 379d32c7c..c2024dec6 100644
--- a/nezha-fronted/src/components/page/tool/trace.vue
+++ b/nezha-fronted/src/components/page/tool/trace.vue
@@ -58,7 +58,7 @@
                     <div v-if="checkAll" style="flex: 1">All</div>
                     <div v-else style="width: 100%;flex: 1">
                     <span class="choose" v-for="item in dataCenter" :key="item.id" v-if="checked.indexOf(item.id) !== -1">
-                      <span> {{item.name}} <i class="nz-icon nz-icon-close" @click="removeCheckedItem(item.id)"/></span>
+                      <span> {{item.name}} <i class="nz-icon nz-icon-close" @click="removeCheckedItem(item.id)" :title="$t('overall.close')"/></span>
                     </span>
                     </div>
                     <i class="nz-icon nz-icon-arrow-down6"/>