From b1e4745909b207c44db0f967119a69cf4271fdb4 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 25 Mar 2022 15:40:05 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1739=20feat:=20=E8=A1=A5=E5=85=85loading=20?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/common/bottomBox/bottomBox.scss   |  5 ++++-
 .../src/components/chart/chart/chartAutotopology.vue |  2 +-
 .../src/components/chart/chart/chartHexagon.vue      |  4 ++--
 nezha-fronted/src/components/chart/panelChart.vue    |  2 +-
 .../src/components/charts/chart-alert-list.vue       |  2 +-
 nezha-fronted/src/components/cli/webSSH.vue          |  4 ++--
 .../src/components/common/ChartDiagram/diagram.vue   |  4 ++--
 .../src/components/common/alert/alertLabel.vue       | 10 +++++-----
 .../src/components/common/alert/alertLabel2.vue      | 10 +++++-----
 .../src/components/common/alert/alertRuleInfo.vue    |  2 +-
 .../components/common/alert/selectAlertSilence.vue   |  2 +-
 .../components/common/bottomBox/tabs/IpDetails.vue   |  2 +-
 .../common/bottomBox/tabs/alertMessageTabNew.vue     |  5 +++--
 .../common/bottomBox/tabs/alertRuleEvalLog.vue       |  2 +-
 .../components/common/bottomBox/tabs/assetSubTab.vue |  3 ++-
 .../components/common/bottomBox/tabs/assetTab.vue    |  2 +-
 .../components/common/bottomBox/tabs/cabinetTab.vue  |  2 +-
 .../common/bottomBox/tabs/endpointQueryTab.vue       |  2 +-
 .../components/common/bottomBox/tabs/endpointTab.vue |  2 +-
 .../common/bottomBox/tabs/endpointTabNew.vue         |  2 +-
 .../common/bottomBox/tabs/logBottomTab.vue           |  4 ++--
 .../common/bottomBox/tabs/operationLogTab.vue        |  2 +-
 .../components/common/bottomBox/tabs/panelTabNew.vue |  6 +++---
 .../common/bottomBox/tabs/scrapeEndpoint.vue         |  2 +-
 .../common/bottomBox/tabs/terminalLogTab.vue         |  2 +-
 .../components/common/globalSearch/globalSearch.vue  |  6 +++---
 nezha-fronted/src/components/common/login.vue        |  6 +++---
 nezha-fronted/src/components/common/nzTransfer.vue   |  2 +-
 .../src/components/common/overView/messageAsset.vue  |  4 ++--
 .../src/components/common/project/popData/Info.vue   |  2 +-
 .../components/common/project/popData/alertTable.vue |  2 +-
 .../components/common/project/popData/assetTable.vue |  2 +-
 .../common/project/popData/endpointTable.vue         |  2 +-
 .../src/components/common/project/topologyL5.vue     |  4 ++--
 .../common/rightBox/chart/systemChartConfig.vue      |  2 +-
 .../common/table/special/endpointQueryTab.vue        |  4 ++--
 .../src/components/page/alert/alertMessage.vue       |  2 +-
 .../src/components/page/alert/alertRule.vue          |  6 +++---
 .../src/components/page/alert/alertSilence.vue       |  2 +-
 nezha-fronted/src/components/page/config/agent.vue   |  2 +-
 .../src/components/page/config/assetMeta.vue         |  2 +-
 .../src/components/page/config/assetState.vue        |  2 +-
 .../src/components/page/config/assetType.vue         |  2 +-
 .../src/components/page/config/credentials.vue       |  2 +-
 nezha-fronted/src/components/page/config/dc.vue      |  6 +++---
 .../src/components/page/config/globalization.vue     |  2 +-
 nezha-fronted/src/components/page/config/ipam.vue    |  2 +-
 nezha-fronted/src/components/page/config/menus.vue   |  2 +-
 nezha-fronted/src/components/page/config/mib.vue     |  2 +-
 .../src/components/page/config/mibBrowser.vue        |  4 ++--
 nezha-fronted/src/components/page/config/model.vue   |  2 +-
 .../src/components/page/config/operationLog.vue      |  2 +-
 .../src/components/page/config/operationRecord.vue   |  2 +-
 nezha-fronted/src/components/page/config/profile.vue |  2 +-
 nezha-fronted/src/components/page/config/roles.vue   |  2 +-
 .../src/components/page/config/system/apiKeyTab.vue  |  2 +-
 .../src/components/page/config/system/license.vue    |  2 +-
 .../src/components/page/config/system/linkTab.vue    |  2 +-
 .../page/config/system/notifyMethodTab.vue           |  2 +-
 .../components/page/config/template/chartTemp.vue    |  4 ++--
 .../src/components/page/config/template/exprTemp.vue |  2 +-
 .../src/components/page/config/terminalLog.vue       |  6 +++---
 nezha-fronted/src/components/page/config/user.vue    |  6 +++---
 .../page/dashboard/explore/exploreItem.vue           |  6 +++---
 .../page/dashboard/explore/promqlInput.vue           |  8 ++++----
 .../components/page/dashboard/overview/overview.vue  | 12 ++++++------
 .../components/page/dashboard/overview/overview2.vue | 12 ++++++------
 .../src/components/page/dashboard/panel.vue          |  6 +++---
 .../page/monitor/endpoint/endpointList.vue           |  8 ++++----
 .../components/page/monitor/module/moduleList.vue    |  6 +++---
 .../components/page/monitor/project/projectList.vue  |  2 +-
 71 files changed, 130 insertions(+), 125 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss b/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
index c63cf9dc5..2e3ef09d2 100644
--- a/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss
@@ -168,8 +168,11 @@
 .bottom-box .sub-container{
   height: calc(100% - 64px);
 }
-.bottom-box .sub-container .nz-table2{
+.bottom-box .sub-container .nz-table2 {
   height: calc(100% - 20px);
+  .bottom-box__top .my-loading-box {
+    height: calc(100% + 20px) !important;
+  }
 }
 .asset-detail .sub-container .nz-table2 {
   height: 100%;
diff --git a/nezha-fronted/src/components/chart/chart/chartAutotopology.vue b/nezha-fronted/src/components/chart/chart/chartAutotopology.vue
index fb47b5912..a65e93c8d 100644
--- a/nezha-fronted/src/components/chart/chart/chartAutotopology.vue
+++ b/nezha-fronted/src/components/chart/chart/chartAutotopology.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="topologyLoading" class="overview">
+  <div v-my-loading="topologyLoading" class="overview">
     <transition name = "el-zoom-in-center">
       <div v-if="allProject&&allProject.length>0" style="width: 100%;height: 100%;position: relative">
         <el-carousel :interval="5000" :trigger="'click'" arrow="hover">
diff --git a/nezha-fronted/src/components/chart/chart/chartHexagon.vue b/nezha-fronted/src/components/chart/chart/chartHexagon.vue
index 423510538..1c2be6ac7 100644
--- a/nezha-fronted/src/components/chart/chart/chartHexagon.vue
+++ b/nezha-fronted/src/components/chart/chart/chartHexagon.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%;height: 100%" v-loading="loading">
+  <div style="width: 100%;height: 100%" v-my-loading="loading">
     <hexagonBox
       ref="hexagonBox"
       :hexData="hexData"
@@ -20,7 +20,7 @@
     />
     <alertLabel
       v-if="showTooltip&&assetData.show"
-      v-loading="assetData.loading"
+      v-my-loading="assetData.loading"
       ref="alertLabel"
       :id="assetData.id"
       :that="assetData"
diff --git a/nezha-fronted/src/components/chart/panelChart.vue b/nezha-fronted/src/components/chart/panelChart.vue
index a0286cf4d..e248894ef 100644
--- a/nezha-fronted/src/components/chart/panelChart.vue
+++ b/nezha-fronted/src/components/chart/panelChart.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- chart外层箱子 -->
-  <div :class="{'panel-chart--fullscreen': isFullscreen}" class="panel-chart" :id="isFullscreen ? ('chart-screen-' + chartInfo.id ) : ('chart-local-' + chartInfo.id)"  v-loading="loading">
+  <div :class="{'panel-chart--fullscreen': isFullscreen}" class="panel-chart" :id="isFullscreen ? ('chart-screen-' + chartInfo.id ) : ('chart-local-' + chartInfo.id)"  v-my-loading="loading">
     <!-- title和工具栏，支持浮动 -->
     <chart-header
       v-if="!isFullscreen&&showHeader"
diff --git a/nezha-fronted/src/components/charts/chart-alert-list.vue b/nezha-fronted/src/components/charts/chart-alert-list.vue
index f9246417c..e838bd080 100644
--- a/nezha-fronted/src/components/charts/chart-alert-list.vue
+++ b/nezha-fronted/src/components/charts/chart-alert-list.vue
@@ -133,7 +133,7 @@
               <pick-time :refresh-data-func="queryDate" :use-refresh="true" :use-chart-unit="false" v-model="searchTimeDialog" style="height: 28px;" id="alert-sub-chart"></pick-time>
             </div>
           </div>
-          <div style="width: 100%;height: 100%" v-loading="chartLoading">
+          <div style="width: 100%;height: 100%" v-my-loading="chartLoading">
             <chart v-if="resultType === 'matrix'" ref="messageChart" :unit="chartUnit" name="alertMessageChart"></chart>
             <log-tab v-if="resultType === 'streamsFormat'" ref="logDetailScreen" :log-data="logData" :showSwitch="false" :tab-index="tabIndex" @exportLog="exportLog" @limitChange="queryLogData"></log-tab>
           </div>
diff --git a/nezha-fronted/src/components/cli/webSSH.vue b/nezha-fronted/src/components/cli/webSSH.vue
index d6fef2881..f93dabb96 100644
--- a/nezha-fronted/src/components/cli/webSSH.vue
+++ b/nezha-fronted/src/components/cli/webSSH.vue
@@ -155,7 +155,7 @@
       <el-dialog :modal-append-to-body='false'  :show-close="true" :visible.sync="assetShow" @close="closeAssetCustom" class="nz-dialog" width="620px">
         <div slot="title">{{$t('webshell.connect')}}</div>
         <div >
-          <el-form label-width="120px" size="small" :model="assetContent" label-position = "top" :rules="rules" ref="assetConnect" v-loading="assetLoading" >
+          <el-form label-width="120px" size="small" :model="assetContent" label-position = "top" :rules="rules" ref="assetConnect" v-my-loading="assetLoading" >
             <el-form-item :label='$t("overall.asset")' prop="assetId" class="flex">
               <el-dropdown trigger="click" class="header-el-dropdown">
               <span class="el-dropdown-link">
@@ -192,7 +192,7 @@
       <el-dialog :modal-append-to-body='false'  :show-close="true" :visible.sync="customShow" @close="closeAssetCustom" class="nz-dialog" width="620px"destroy-on-close >
         <div slot="title">{{$t('webshell.connect')}}</div>
         <div >
-          <el-form label-width="120px" size="small" :model="customConnect" label-position = "top" :rules=" customConnect.authProtocol ===2 ? rulesCustom2: rulesCustom" ref="customConnect" v-loading="assetLoading" class="custom">
+          <el-form label-width="120px" size="small" :model="customConnect" label-position = "top" :rules=" customConnect.authProtocol ===2 ? rulesCustom2: rulesCustom" ref="customConnect" v-my-loading="assetLoading" class="custom">
             <el-form-item :label='$t("webshell.protocol")' prop="authProtocol">
               <el-select  @change="protocolChange" value-key="id" popper-class="config-dropdown w260 right-box-select-top right-public-box-dropdown-top" v-model="customConnect.authProtocol" placeholder="" size="small" id="webshell-box-input-protocol">
                 <el-option v-for="item in authProtocol" :id="'dc-principal-op-'+item.value" :key="item.value" :label="item.name" :value="item.value"></el-option>
diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index d748acfa2..4383c002b 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -3,7 +3,7 @@
   @import "../project/L5/css/props.css";
 </style>
 <template>
-  <div class="project-box list-page" v-loading="topologyLoading">
+  <div class="project-box list-page" v-my-loading="topologyLoading">
     <div class="main-list" style="overflow: hidden">
       <div class="main-container" :class="fromOverView?'from-overview':'from-project'" style="background: #fff">
         <div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 20px);display: inline-block">
@@ -13,7 +13,7 @@
             <span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i
               class="nz-icon nz-icon-arrow-down"></i></span>
             <el-dropdown-menu slot="dropdown" @click="dropdownClick">
-              <div style="height: 450px"  v-loading="imgageLoading">
+              <div style="height: 450px"  v-my-loading="imgageLoading">
                 <el-card shadow="hover" style="height:420px;width:284px;overflow-y: auto"
                          class="project-topology-add-node">
                 <!--<div class="drag-header">——</div>-->
diff --git a/nezha-fronted/src/components/common/alert/alertLabel.vue b/nezha-fronted/src/components/common/alert/alertLabel.vue
index e4d9ca8b4..4535d6c48 100644
--- a/nezha-fronted/src/components/common/alert/alertLabel.vue
+++ b/nezha-fronted/src/components/common/alert/alertLabel.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="calcHeight(that.position,that)" :style="calcPosition(that.position,that)" class="alert-label__border" ref="alertLabels">
-    <div class="alert-label-info" v-if="type==='asset'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='asset'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -69,7 +69,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='module'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='module'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -118,7 +118,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='project'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='project'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData ? alertLabelData.id : '--'}}</div>
@@ -170,7 +170,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='endpoint'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='endpoint'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -245,7 +245,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='dc'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='dc'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
diff --git a/nezha-fronted/src/components/common/alert/alertLabel2.vue b/nezha-fronted/src/components/common/alert/alertLabel2.vue
index 07feb41bd..ccfe6c6c7 100644
--- a/nezha-fronted/src/components/common/alert/alertLabel2.vue
+++ b/nezha-fronted/src/components/common/alert/alertLabel2.vue
@@ -7,7 +7,7 @@
     right:that.position.right ? (that.position.right  + 'px') : 'unset',
     '--mt': that.position.mt+'px'
   }">
-    <div class="alert-label-info" v-if="type==='asset'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='asset'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -76,7 +76,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='module'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='module'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -125,7 +125,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='project'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='project'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData ? alertLabelData.id : '--'}}</div>
@@ -176,7 +176,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='endpoint'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='endpoint'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
@@ -251,7 +251,7 @@
       </div>
     </div>
 
-    <div class="alert-label-info" v-if="type==='dc'" v-loading="loading">
+    <div class="alert-label-info" v-if="type==='dc'" v-my-loading="loading">
       <div class="alert-label-box">
         <div class="alert-label-title">ID</div>
         <div class="alert-label-value">{{alertLabelData && alertLabelData.id ? alertLabelData.id : '--'}}</div>
diff --git a/nezha-fronted/src/components/common/alert/alertRuleInfo.vue b/nezha-fronted/src/components/common/alert/alertRuleInfo.vue
index ddb945eaf..8798eaf18 100644
--- a/nezha-fronted/src/components/common/alert/alertRuleInfo.vue
+++ b/nezha-fronted/src/components/common/alert/alertRuleInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :style="calcPosition(that.position,that)" class="alert-label__border alert-label" v-loading="loading" ref="alertLabels">
+  <div :style="calcPosition(that.position,that)" class="alert-label__border alert-label" v-my-loading="loading" ref="alertLabels">
     <div class="alert-rule-info" >
       <div class="alert-rule-box">
         <div class="alert-rule-title">ID</div>
diff --git a/nezha-fronted/src/components/common/alert/selectAlertSilence.vue b/nezha-fronted/src/components/common/alert/selectAlertSilence.vue
index 4f364b9d8..9cb3a69e6 100644
--- a/nezha-fronted/src/components/common/alert/selectAlertSilence.vue
+++ b/nezha-fronted/src/components/common/alert/selectAlertSilence.vue
@@ -14,7 +14,7 @@
             check-strictly
             highlight-current
             node-key="id"
-            v-loading="typeContentLoading"
+            v-my-loading="typeContentLoading"
             ref="panelTree">
             <div slot-scope="{ node }" class="tree--node">
               <span>{{ node.label }}</span>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue b/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
index 195b003da..0efff50e2 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
@@ -48,7 +48,7 @@
           ref="dataTable"
           :api="url"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :custom-table-title="tools.customTableTitle"
           :height="subTableHeight"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue
index 05db12a25..670acf647 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue
@@ -12,7 +12,6 @@
       @changeTab="changeTab"
       @search="search"
       class="full-width-height"
-      v-loading="tools.loading"
     >
       <template v-slot:title><span :title="obj.name">{{obj.name}}</span></template>
       <template v-slot:top-tool-right>
@@ -26,6 +25,7 @@
           ref="dataTable"
           :api="url"
           :orderByFa="orderBy"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :custom-table-title="tools.customTableTitle"
           :height="subTableHeight"
@@ -33,6 +33,7 @@
           :table-data="tableData"
           :alertMessageTabNew="true"
           @del="del"
+          class="bottom-box__top"
           @showText="showText"
           @edit="edit"
           @orderBy="tableDataSort"
@@ -74,7 +75,7 @@
 <!--          <pick-time v-model="searchTime" :refresh-data-func="queryDate" :use-chart-unit="false" :use-refresh="false" style="height: 28px;"></pick-time>-->
 <!--        </div>-->
 <!--      </div>-->
-<!--      <div style="width: 100%;height: 100%" v-loading="chartLoading">-->
+<!--      <div style="width: 100%;height: 100%" v-my-loading="chartLoading">-->
 <!--        <chart v-if="resultType === 'matrix'" ref="messageChart" :unit="chartUnit" name="alertMessageChart"></chart>-->
 <!--        <log-tab v-if="resultType === 'streamsFormat'" ref="logDetailScreen" :log-data="logData" :showSwitch="false" :tab-index="tabIndex" @exportLog="exportLog" @limitChange="queryLogData"></log-tab>-->
 <!--      </div>-->
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue
index 7fe9e0c44..3ba496132 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertRuleEvalLog.vue
@@ -17,7 +17,7 @@
       <alertRuleEvalLogTable
         ref="dataTable"
         :orderByFa="'id'"
-        v-loading="tools.loading"
+        v-my-loading="tools.loading"
         :loading="tools.loading"
         :api="url"
         :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue
index 31547572d..867b16f19 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/assetSubTab.vue
@@ -19,12 +19,13 @@
           ref="dataTable"
           :api="url"
           :orderByFa="'id'"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :custom-table-title="tools.customTableTitle"
           :height="subTableHeight"
           :table-data="tableData"
           :assetTab="true"
+          class="bottom-box__top"
           @del="del"
           @edit="edit"
           @cli="cli"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
index 3bb4a6c11..1670416ec 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
@@ -19,7 +19,7 @@
           ref="dataTable"
           :api="url"
           :orderByFa="'id'"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :custom-table-title="tools.customTableTitle"
           :height="subTableHeight"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
index 0733409a7..15fc7157e 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
@@ -19,7 +19,7 @@
         <cabinet-table
           ref="dataTable"
           :orderByFa="'id'"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
index 95473dad9..1588de015 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
@@ -65,7 +65,7 @@
     </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>
      <pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.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-loading="loading"
+               :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">
       <pl-table-column
         type="selection"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
index 544e47c72..649a338f3 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
@@ -51,7 +51,7 @@
       id="endpoint-sub-list-table"
       :data="tableData"
       border
-      v-loading="tools.loading"
+      v-my-loading="tools.loading"
       :loading="tools.loading"
       class="nz-table endpoint-table"
       :height="$tableHeight.noPagination"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue
index 2776e7b4b..70e01d97b 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/endpointTabNew.vue
@@ -18,7 +18,7 @@
         <endpoint-table
           ref="dataTable"
           :orderByFa="'id'"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue
index 2c3deb635..010d72552 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/logBottomTab.vue
@@ -32,8 +32,8 @@
       </pick-time>
     </template>
     <template v-slot>
-      <log-tab ref="logDetail" v-loading="loading" :loading-bottom="endpointLoading" :log-data="logData" :tab-index="9" @exportLog="exportLog" @limitChange="queryLogData"></log-tab>
-<!--      <div v-loading="loading" v-if="!logData" style="height: 300px; width: 100%; display: flex; justify-content: center; align-items: center; color: #999;">No Data</div>-->
+      <log-tab ref="logDetail" v-my-loading="loading" :loading-bottom="endpointLoading" :log-data="logData" :tab-index="9" @exportLog="exportLog" @limitChange="queryLogData"></log-tab>
+<!--      <div v-my-loading="loading" v-if="!logData" style="height: 300px; width: 100%; display: flex; justify-content: center; align-items: center; color: #999;">No Data</div>-->
     </template>
   </nz-bottom-data-list>
 </template>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue
index 9caadf8d0..3fe02dfa8 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/operationLogTab.vue
@@ -16,7 +16,7 @@
       <operation-log-table
         ref="dataTable"
         :orderByFa="'id'"
-        v-loading="tools.loading"
+        v-my-loading="tools.loading"
         :loading="tools.loading"
         :api="url"
         :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
index 98cec42fa..c16869113 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="full-width-height chart-list panel-tab-new asset-detail" v-loading="panelTabLoading">
+  <div class="full-width-height chart-list panel-tab-new asset-detail" v-my-loading="panelTabLoading">
     <nz-bottom-data-list
       :showTitle='showTitle'
       :obj='obj'
@@ -88,7 +88,7 @@
       <!--图表-->
       <div id="tableList" class="table-list" style="padding-top: 0;overflow: hidden">
         <div id="dashboardScrollbar" class="table-list-box">
-          <div class="box-content"  ref="dashboardScrollbar" v-loading="chartListLoading" style="overflow-y: auto">
+          <div class="box-content"  ref="dashboardScrollbar" v-my-loading="chartListLoading" style="overflow-y: auto">
             <chart-list
               ref="chartList"
               name="panel"
@@ -114,7 +114,7 @@
 <!--      <chart-box v-if="rightBox.chart.show" ref="addChartModal" :chart="chart" :from="from" :panel-data="panelData" :show-panel="showPanel" @close="closeRightBox" @delete-chart="delChart" @on-create-success="createSuccess" @on-delete-success="delChartOk"></chart-box>-->
       <chart-right-box
         v-if="chartRightBoxShow"
-        v-loading="rightBox.loading"
+        v-my-loading="rightBox.loading"
         ref="addChartModal"
         :chart="chart"
         :from="from"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue b/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
index 302556c35..8dc5acf4f 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/scrapeEndpoint.vue
@@ -25,7 +25,7 @@
         <scrape-endpoint-table
           ref="dataTable"
           :orderByFa="'id'"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue
index cc014c259..8956eab28 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogTab.vue
@@ -16,7 +16,7 @@
       <terminal-log-table
         ref="dataTable"
         :orderByFa="'id'"
-        v-loading="tools.loading"
+        v-my-loading="tools.loading"
         :loading="tools.loading"
         :api="url"
         :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/common/globalSearch/globalSearch.vue b/nezha-fronted/src/components/common/globalSearch/globalSearch.vue
index 7e72e7f66..60a40fb92 100644
--- a/nezha-fronted/src/components/common/globalSearch/globalSearch.vue
+++ b/nezha-fronted/src/components/common/globalSearch/globalSearch.vue
@@ -2,7 +2,7 @@
   <div class="global-search-bac" v-if="globalShow" @click.self="close">
     <div class="global-search-box" :class="firstShow? '' : 'search-after'" @click.self="close">
       <div class="global-search-input" :class="firstShow? '' : 'search-after'">
-        <i class="nz-icon nz-icon-search" v-loading="loading"></i>
+        <i class="nz-icon nz-icon-search" v-my-loading="loading"></i>
         <el-input v-model="searchStr" @input="searchAll" ref="searchStr" :placeholder="$t('globalSearch.placeholder')" @keydown.native="inputKeydown" clearable></el-input>
         <div @click="close" class="global-search-cancel">
           {{$t('overall.cancel')}}
@@ -52,11 +52,11 @@
                     <div class="list-item-sub" v-if="item.sub">
                       {{ item.sub }}
                     </div>
-                    <div class="is-jump" v-loading="jumpLoading">
+                    <div class="is-jump" v-my-loading="jumpLoading">
                       <i class="nz-icon nz-icon-huiche"></i>
                     </div>
                   </li>
-                  <li class="list-item" v-if="nextLoading" v-loading="nextLoading"></li>
+                  <li class="list-item" v-if="nextLoading" v-my-loading="nextLoading"></li>
                   <!--              <li  class="list-item" v-if="noMore&&!nextLoading">没有更多了</li>-->
                 </ul>
               </template>
diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index f4c342272..ecfa89600 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -23,8 +23,8 @@
           {{$t('login.verifyContent')}}
         </div>
         <div class="login-foot">
-          <button  v-if="!verifyShow" id="login" v-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="login">Login</button>
-          <button  v-if="verifyShow" id="verify" v-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="verify">{{$t("login.verify")}}</button>
+          <button  v-if="!verifyShow" id="login" v-my-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="login">Login</button>
+          <button  v-if="verifyShow" id="verify" v-my-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="verify">{{$t("login.verify")}}</button>
         </div>
         <div class="license-warn" v-if="license.warnInfo">{{license.warnInfo}}</div>
         <div class="login-license">
@@ -54,7 +54,7 @@
     <el-dialog :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" >
 
-      <div v-loading="dialogLoading">
+      <div v-my-loading="dialogLoading">
         <div class="login-dialog-title">
           1 Download your preferred authenticator app to your phone (any will work). If you don't
           have a preferred app, we recommend using <span @click="jumpDlw" class="verify-link">Google Authenticator.</span>
diff --git a/nezha-fronted/src/components/common/nzTransfer.vue b/nezha-fronted/src/components/common/nzTransfer.vue
index 93b458680..051356520 100644
--- a/nezha-fronted/src/components/common/nzTransfer.vue
+++ b/nezha-fronted/src/components/common/nzTransfer.vue
@@ -14,7 +14,7 @@
       </div>
       <div class="box__table">
         <el-table
-          v-loading="loading"
+          v-my-loading="loading"
           :data="selectableData"
           :row-class-name="setRowShow"
           height="100%"
diff --git a/nezha-fronted/src/components/common/overView/messageAsset.vue b/nezha-fronted/src/components/common/overView/messageAsset.vue
index d18a3a48d..620cc68cf 100644
--- a/nezha-fronted/src/components/common/overView/messageAsset.vue
+++ b/nezha-fronted/src/components/common/overView/messageAsset.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%;height: 100%" v-loading="loading">
+  <div style="width: 100%;height: 100%" v-my-loading="loading">
     <hexagonBox
       ref="hexagonBox"
       :hexData="data"
@@ -20,7 +20,7 @@
     />
     <alertLabel
       v-if="showTooltip&&assetData.show"
-      v-loading="assetData.loading"
+      v-my-loading="assetData.loading"
       ref="alertLabel"
       :id="assetData.id"
       :that="assetData"
diff --git a/nezha-fronted/src/components/common/project/popData/Info.vue b/nezha-fronted/src/components/common/project/popData/Info.vue
index bdeda4bba..5796d232b 100644
--- a/nezha-fronted/src/components/common/project/popData/Info.vue
+++ b/nezha-fronted/src/components/common/project/popData/Info.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="info-content pop-data-info-content" v-if="showInfo">
-    <div class="info-box" v-loading="loading">
+    <div class="info-box" v-my-loading="loading">
       <div class="info-box-title">Module info</div>
       <div class="info-box-content">
         <div class="content-box">
diff --git a/nezha-fronted/src/components/common/project/popData/alertTable.vue b/nezha-fronted/src/components/common/project/popData/alertTable.vue
index 077c9d365..fb3352563 100644
--- a/nezha-fronted/src/components/common/project/popData/alertTable.vue
+++ b/nezha-fronted/src/components/common/project/popData/alertTable.vue
@@ -10,7 +10,7 @@
         :layout="['searchInput', 'pagination']"
         :search-msg="searchMsg"
         @search="search"
-        v-loading="tools.loading"
+        v-my-loading="tools.loading"
       >
         <template v-slot:top-tool-right>
           <el-select v-model="state" size="small" value-key="value" popper-class="right-box-select-top right-public-box-dropdown-top" @change="getTableData">
diff --git a/nezha-fronted/src/components/common/project/popData/assetTable.vue b/nezha-fronted/src/components/common/project/popData/assetTable.vue
index 0196b01ab..88e5fb12f 100644
--- a/nezha-fronted/src/components/common/project/popData/assetTable.vue
+++ b/nezha-fronted/src/components/common/project/popData/assetTable.vue
@@ -16,7 +16,7 @@
           <asset-table
             ref="dataTable"
             :orderByFa="orderBy"
-            v-loading="tools.loading"
+            v-my-loading="tools.loading"
             :loading="tools.loading"
             :api="url"
             :custom-table-title="tableTitle"
diff --git a/nezha-fronted/src/components/common/project/popData/endpointTable.vue b/nezha-fronted/src/components/common/project/popData/endpointTable.vue
index d73892af4..4ba6dafab 100644
--- a/nezha-fronted/src/components/common/project/popData/endpointTable.vue
+++ b/nezha-fronted/src/components/common/project/popData/endpointTable.vue
@@ -17,7 +17,7 @@
             style="height: calc(100% - 200px)"
             ref="dataTable"
             :orderByFa="orderBy"
-            v-loading="tools.loading"
+            v-my-loading="tools.loading"
             :loading="tools.loading"
             :api="url"
             :custom-table-title="tableTitle"
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index da74ed855..93fb92957 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -3,7 +3,7 @@
   @import "./L5/css/props.css";
 </style>
 <template>
-  <div class="project-box list-page" v-loading="topologyLoading">
+  <div class="project-box list-page" v-my-loading="topologyLoading">
     <div class="main-list" :style="{height: fromOverView ?'100%' : 'calc(100% - 30px)'}">
       <div class="main-container" :class="fromOverView?'from-overview':'from-project'">
         <div v-if="(editTopologyFlag || isPreview)&&!fromChart" class="edit-topologyLine top-tools" style="padding-left: 20px;width: calc(100% - 40px);display: inline-block">
@@ -13,7 +13,7 @@
             <span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i
               class="nz-icon nz-icon-arrow-down"></i></span>
             <el-dropdown-menu slot="dropdown" @click="dropdownClick" class="right-box-select-top right-public-box-dropdown-top">
-              <div style="height: 450px"  v-loading="imgageLoading">
+              <div style="height: 450px"  v-my-loading="imgageLoading">
                 <el-card shadow="hover" style="height:420px;width:284px;overflow-y: auto"
                          class="project-topology-add-node">
                 <!--<div class="drag-header">——</div>-->
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 269e74947..9df37b5a8 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -8,7 +8,7 @@
       label-width="120px"
     >
 
-      <div  v-loading="loading" v-for="(item, index) in chartConfig.param.datasource " :key="index" class="chart-system-top-box">
+      <div  v-my-loading="loading" v-for="(item, index) in chartConfig.param.datasource " :key="index" class="chart-system-top-box">
         <div class="chart-title chart-title-config">
             <span class="chart-title-content el-form-item" :class="{
               'is-error' : systemNameShow[0].error,
diff --git a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
index 4713796a0..b078d4c6a 100644
--- a/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
+++ b/nezha-fronted/src/components/common/table/special/endpointQueryTab.vue
@@ -4,7 +4,7 @@
       id="endpointTable"
       ref="dataTable"
       :data="currentTableData"
-      v-loading="loading"
+      v-my-loading="loading"
       :height="'calc(100% - 48px)'"
       border
       @header-dragend="dragend"
@@ -108,7 +108,7 @@
       <!--      ></chart-box>-->
       <chart-right-box
         v-if="chartRightBoxShow"
-        v-loading="rightBox.loading"
+        v-my-loading="rightBox.loading"
         ref="addChartModal"
         :chart="chart"
         :showPanel="{}"
diff --git a/nezha-fronted/src/components/page/alert/alertMessage.vue b/nezha-fronted/src/components/page/alert/alertMessage.vue
index eb2d7bdd9..3b32c088c 100644
--- a/nezha-fronted/src/components/page/alert/alertMessage.vue
+++ b/nezha-fronted/src/components/page/alert/alertMessage.vue
@@ -9,7 +9,7 @@
       :layout="dataListLayout"
       :search-msg="searchMsg"
       @search="search"
-      v-loading="tools.loading"
+      v-my-loading="tools.loading"
     >
       <template v-slot:top-tool-right>
         <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">
diff --git a/nezha-fronted/src/components/page/alert/alertRule.vue b/nezha-fronted/src/components/page/alert/alertRule.vue
index 4f5ed9d71..21add27cd 100644
--- a/nezha-fronted/src/components/page/alert/alertRule.vue
+++ b/nezha-fronted/src/components/page/alert/alertRule.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -41,7 +41,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
@@ -110,7 +110,7 @@
         <alert-rule-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/alert/alertSilence.vue b/nezha-fronted/src/components/page/alert/alertSilence.vue
index a54620202..68d79afae 100644
--- a/nezha-fronted/src/components/page/alert/alertSilence.vue
+++ b/nezha-fronted/src/components/page/alert/alertSilence.vue
@@ -20,7 +20,7 @@
         <alert-silence-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/agent.vue b/nezha-fronted/src/components/page/config/agent.vue
index 106187581..1931db082 100644
--- a/nezha-fronted/src/components/page/config/agent.vue
+++ b/nezha-fronted/src/components/page/config/agent.vue
@@ -23,7 +23,7 @@
         <agent-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/assetMeta.vue b/nezha-fronted/src/components/page/config/assetMeta.vue
index ee5ec0e2c..11962b913 100644
--- a/nezha-fronted/src/components/page/config/assetMeta.vue
+++ b/nezha-fronted/src/components/page/config/assetMeta.vue
@@ -41,7 +41,7 @@
         <asset-meta-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/assetState.vue b/nezha-fronted/src/components/page/config/assetState.vue
index d843f3fba..37ac4a7c3 100644
--- a/nezha-fronted/src/components/page/config/assetState.vue
+++ b/nezha-fronted/src/components/page/config/assetState.vue
@@ -21,7 +21,7 @@
         <el-table
           id="role-list-table"
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :data="tableData"
           :height="mainTableHeight"
diff --git a/nezha-fronted/src/components/page/config/assetType.vue b/nezha-fronted/src/components/page/config/assetType.vue
index 407eae086..5fc57ffa1 100644
--- a/nezha-fronted/src/components/page/config/assetType.vue
+++ b/nezha-fronted/src/components/page/config/assetType.vue
@@ -20,7 +20,7 @@
         <asset-type-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/credentials.vue b/nezha-fronted/src/components/page/config/credentials.vue
index f67d5e435..3a77d83ac 100644
--- a/nezha-fronted/src/components/page/config/credentials.vue
+++ b/nezha-fronted/src/components/page/config/credentials.vue
@@ -19,7 +19,7 @@
         <credentials-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/dc.vue b/nezha-fronted/src/components/page/config/dc.vue
index 8a360fc74..680cd36cc 100644
--- a/nezha-fronted/src/components/page/config/dc.vue
+++ b/nezha-fronted/src/components/page/config/dc.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -44,7 +44,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
           :table-data="tableData"
@@ -116,7 +116,7 @@
         <dc-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/globalization.vue b/nezha-fronted/src/components/page/config/globalization.vue
index c958a0003..d4cc43d4d 100644
--- a/nezha-fronted/src/components/page/config/globalization.vue
+++ b/nezha-fronted/src/components/page/config/globalization.vue
@@ -20,7 +20,7 @@
         <globalization-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/ipam.vue b/nezha-fronted/src/components/page/config/ipam.vue
index b5c1c291c..187653dcc 100644
--- a/nezha-fronted/src/components/page/config/ipam.vue
+++ b/nezha-fronted/src/components/page/config/ipam.vue
@@ -42,7 +42,7 @@
         <ipam-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/menus.vue b/nezha-fronted/src/components/page/config/menus.vue
index 095926b71..57672edfc 100644
--- a/nezha-fronted/src/components/page/config/menus.vue
+++ b/nezha-fronted/src/components/page/config/menus.vue
@@ -17,7 +17,7 @@
       <template v-slot="slotProps">
         <menu-table
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/mib.vue b/nezha-fronted/src/components/page/config/mib.vue
index ada5c2526..135614214 100644
--- a/nezha-fronted/src/components/page/config/mib.vue
+++ b/nezha-fronted/src/components/page/config/mib.vue
@@ -19,7 +19,7 @@
         <mib-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index 1cfa6174b..52789d35d 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -57,7 +57,7 @@
             <div ref="treeScrollbar" class="mib-browser-tree">
               <el-tree
                 ref="walkTree"
-                v-loading="treeLoading"
+                v-my-loading="treeLoading"
                 :data="walkData"
                 :expand-on-click-node="false"
                 :props="{label: 'name', children: 'subTree'}"
@@ -129,7 +129,7 @@
                 <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>
             </div>
-            <pl-table v-if="showTable" ref="resultTable" v-loading="loading" :datas="resultData" :empty-text="$t('config.mib.noData')" :pagination-show="false" :row-height="28"
+            <pl-table v-if="showTable" ref="resultTable" v-my-loading="loading" :datas="resultData" :empty-text="$t('config.mib.noData')" :pagination-show="false" :row-height="28"
                       border class="mib-browser-table" size="small" style="width: 100%; height: 100%" use-virtual>
               <pl-table-column v-slot="{row}" label="Name/OID">
                 <div class="too-long-split" @click="searchParam.oid = row.oid">{{row.name ? row.name : row.oid}}</div>
diff --git a/nezha-fronted/src/components/page/config/model.vue b/nezha-fronted/src/components/page/config/model.vue
index 831bb27d6..2ede5df60 100644
--- a/nezha-fronted/src/components/page/config/model.vue
+++ b/nezha-fronted/src/components/page/config/model.vue
@@ -42,7 +42,7 @@
         <model-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/operationLog.vue b/nezha-fronted/src/components/page/config/operationLog.vue
index fae710055..37eff49c6 100644
--- a/nezha-fronted/src/components/page/config/operationLog.vue
+++ b/nezha-fronted/src/components/page/config/operationLog.vue
@@ -12,7 +12,7 @@
         <operation-log-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/operationRecord.vue b/nezha-fronted/src/components/page/config/operationRecord.vue
index 701bd0772..f87bc6771 100644
--- a/nezha-fronted/src/components/page/config/operationRecord.vue
+++ b/nezha-fronted/src/components/page/config/operationRecord.vue
@@ -20,7 +20,7 @@
           v-if="profileShow"
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/profile.vue b/nezha-fronted/src/components/page/config/profile.vue
index 7d5b86ad8..e713ced1f 100644
--- a/nezha-fronted/src/components/page/config/profile.vue
+++ b/nezha-fronted/src/components/page/config/profile.vue
@@ -75,7 +75,7 @@
     <el-dialog :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" @closed="closeDialog">
 
-      <div v-loading="dialogLoading">
+      <div v-my-loading="dialogLoading">
         <div class="login-dialog-title">
           1 Download your preferred authenticator app to your phone (any will work). If you don't
           have a preferred app, we recommend using <span @click="jumpDlw" class="verify-link">Google Authenticator.</span>
diff --git a/nezha-fronted/src/components/page/config/roles.vue b/nezha-fronted/src/components/page/config/roles.vue
index fa29cb664..b693e9e9d 100644
--- a/nezha-fronted/src/components/page/config/roles.vue
+++ b/nezha-fronted/src/components/page/config/roles.vue
@@ -20,7 +20,7 @@
         <role-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTab.vue b/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
index 9ff851cb0..49445ae69 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTab.vue
@@ -19,7 +19,7 @@
       <template v-slot:default="slotProps">
         <api-key-table
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :table-id="tableId"
           :api="url"
diff --git a/nezha-fronted/src/components/page/config/system/license.vue b/nezha-fronted/src/components/page/config/system/license.vue
index fbd570fe4..3684dd088 100644
--- a/nezha-fronted/src/components/page/config/system/license.vue
+++ b/nezha-fronted/src/components/page/config/system/license.vue
@@ -66,7 +66,7 @@
         <div class="license-right-header-title">{{$t('license.devices')}}&nbsp;({{tableData ? tableData.length : 0}})</div>
       </div>
       <div class="license-right-table">
-        <el-table :data="tableData" v-loading="loading">
+        <el-table :data="tableData" v-my-loading="loading">
           <el-table-column v-for="(item, index) in tableTitle" :key="index">
             <template slot="header">
               <span class="data-column__span">{{item.label}} <i class="nz-icon nz-icon-label" v-if="item.type==='label'"/></span>
diff --git a/nezha-fronted/src/components/page/config/system/linkTab.vue b/nezha-fronted/src/components/page/config/system/linkTab.vue
index ecc6061e4..677b8c117 100644
--- a/nezha-fronted/src/components/page/config/system/linkTab.vue
+++ b/nezha-fronted/src/components/page/config/system/linkTab.vue
@@ -19,7 +19,7 @@
       <template v-slot:default="slotProps">
         <link-table
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :table-id="tableId"
           :api="url"
diff --git a/nezha-fronted/src/components/page/config/system/notifyMethodTab.vue b/nezha-fronted/src/components/page/config/system/notifyMethodTab.vue
index 457cebf71..49cacbd90 100644
--- a/nezha-fronted/src/components/page/config/system/notifyMethodTab.vue
+++ b/nezha-fronted/src/components/page/config/system/notifyMethodTab.vue
@@ -20,7 +20,7 @@
       <template v-slot:default="slotProps">
         <notify-method-table
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :table-id="tableId"
           :api="url"
diff --git a/nezha-fronted/src/components/page/config/template/chartTemp.vue b/nezha-fronted/src/components/page/config/template/chartTemp.vue
index bdcfaab87..51a34d25e 100644
--- a/nezha-fronted/src/components/page/config/template/chartTemp.vue
+++ b/nezha-fronted/src/components/page/config/template/chartTemp.vue
@@ -47,7 +47,7 @@
         <chartTmplTable
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
@@ -82,7 +82,7 @@
 <!--        v-if="rightBox.show"></chart-box>-->
       <chart-right-box
         v-if="rightBox.show"
-        v-loading="rightBox.loading"
+        v-my-loading="rightBox.loading"
         ref="addChartModal"
         :chart="object"
         :from="'chartTemp'"
diff --git a/nezha-fronted/src/components/page/config/template/exprTemp.vue b/nezha-fronted/src/components/page/config/template/exprTemp.vue
index e302a7c4e..21d0984d8 100644
--- a/nezha-fronted/src/components/page/config/template/exprTemp.vue
+++ b/nezha-fronted/src/components/page/config/template/exprTemp.vue
@@ -39,7 +39,7 @@
         <expr-tmpl-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/terminalLog.vue b/nezha-fronted/src/components/page/config/terminalLog.vue
index 7a3bf39b2..6ef90ab93 100644
--- a/nezha-fronted/src/components/page/config/terminalLog.vue
+++ b/nezha-fronted/src/components/page/config/terminalLog.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -24,7 +24,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
@@ -68,7 +68,7 @@
         <terminal-log-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/config/user.vue b/nezha-fronted/src/components/page/config/user.vue
index 240b51e86..9e6bf1b49 100644
--- a/nezha-fronted/src/components/page/config/user.vue
+++ b/nezha-fronted/src/components/page/config/user.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -24,7 +24,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
           :table-data="tableData"
@@ -74,7 +74,7 @@
         <user-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"
diff --git a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
index 24ce8145b..aa489557d 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
@@ -117,7 +117,7 @@
                 <!-- 自定义table列 -->
                 <div class="nz-table2 explore-table">
                   <el-table ref="exploreTable"
-                            v-loading="tools.loading"
+                            v-my-loading="tools.loading"
                             class="metric-table"
                             :data="tableData"
                             border
@@ -158,11 +158,11 @@
             <template v-else>
               <el-collapse-item v-if="showTab.indexOf('1') > -1" name="1" title="Graph" class="el-collapse-item__height">
                 <div class="chart-room">
-                  <chart ref="logChart" :unit="chartUnit" v-loading="chartLoading"></chart>
+                  <chart ref="logChart" :unit="chartUnit" v-my-loading="chartLoading"></chart>
                 </div>
               </el-collapse-item>
               <el-collapse-item v-if="showTab.indexOf('2') > -1" name="2" title="Logs">
-                <log-tab ref="logDetail" :log-data="logData" :explore-log-table="logTabNoData" :explore-item="true" :tab-index="tabIndex" @exportLog="exportLog" @limitChange="queryLogData" v-loading="chartLoading"></log-tab>
+                <log-tab ref="logDetail" :log-data="logData" :explore-log-table="logTabNoData" :explore-item="true" :tab-index="tabIndex" @exportLog="exportLog" @limitChange="queryLogData" v-my-loading="chartLoading"></log-tab>
               </el-collapse-item>
             </template>
           </el-collapse>
diff --git a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
index ae8ad6164..446d3814f 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
@@ -9,7 +9,7 @@
             <button class="top-tool-btn top-tool-btn--text" type="button" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}
               <i class="nz-icon nz-icon-arrow-down" style="font-size: 12px"></i></button>
             <el-cascader-panel v-show="dropDownVisible" ref="metricSelector" slot="dropdown" v-model="cascaderValue"
-                               v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading" :loading="loading" :options="metricOptions"
+                               v-clickoutside="closeDropdown" v-my-loading="tempBoxShowLoading" :loading="loading" :options="metricOptions"
                                v-if="type !== 'log'" :props="cascaderProps" @change="metricChangeNew" style="margin-top: 5px">
 
               <template slot-scope="{ node, data }">
@@ -21,7 +21,7 @@
               </template>
             </el-cascader-panel>
             <el-cascader-panel v-else v-show="dropDownVisible" ref="metricSelector" slot="dropdown"
-                               v-model="cascaderValue" v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading"
+                               v-model="cascaderValue" v-clickoutside="closeDropdown" v-my-loading="tempBoxShowLoading"
                                :loading="loading" :props="cascaderProps" @change="logLabelChange" style="margin-top: 5px;">
               <template slot-scope="{ node, data }">
                 <div :title="data.label" class="nz-cascade">
@@ -58,7 +58,7 @@
                 <span :class="{'expr-title':projectRightBox}" style="cursor: pointer;" @click="toggleDropdown">{{type === 'log' ? $t("overall.logLabels") : $t("overall.metric") }}<i
                   class="nz-icon nz-icon-arrow-down"
                   style="font-size: 14px; -webkit-transform:scale(0.75);display:inline-block;"></i></span>
-                <el-cascader-panel v-loading="tempBoxShowLoading" v-show="dropDownVisible" v-clickoutside="closeDropdown" v-model="cascaderValue"
+                <el-cascader-panel v-my-loading="tempBoxShowLoading" v-show="dropDownVisible" v-clickoutside="closeDropdown" v-model="cascaderValue"
                                    style="text-align: left;margin-top: 5px" slot="dropdown" ref="metricSelector"
                                    v-if="type !== 'log'"  :props="{emitPath:false}" :options="metricOptions" @change="metricChangeNew">
 
@@ -72,7 +72,7 @@
 
                 </el-cascader-panel>
                 <el-cascader-panel v-else v-show="dropDownVisible" ref="metricSelector" slot="dropdown"
-                                   v-model="cascaderValue" v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading"
+                                   v-model="cascaderValue" v-clickoutside="closeDropdown" v-my-loading="tempBoxShowLoading"
                                    :loading="loading" :props="cascaderProps" @change="logLabelChange">
                   <template slot-scope="{ node, data }">
                     <div :title="data.label" class="nz-cascade">
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview.vue b/nezha-fronted/src/components/page/dashboard/overview/overview.vue
index b7f758e12..9275495a2 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview.vue
@@ -23,7 +23,7 @@
       <!--第一行-->
       <div class="content-row-box">
         <div class="content-col-box">
-          <div id="overview-to-asset" v-loading="assetLoading" class="content-col-content clickable" @click="jumpTo('asset')">
+          <div id="overview-to-asset" v-my-loading="assetLoading" class="content-col-content clickable" @click="jumpTo('asset')">
             <div class="content-col-content-icon overview-to-asset__background"><i class="nz-icon nz-icon-overview-project"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="`${assetData}`" class="item" effect="light" placement="top">
@@ -39,7 +39,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div v-loading="projectLoading" class="content-col-content clickable" @click="jumpTo('project')">
+          <div v-my-loading="projectLoading" class="content-col-content clickable" @click="jumpTo('project')">
             <div class="content-col-content-icon overview-to-project__background"><i class="nz-icon nz-icon-project"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="`${projectData.total}`" class="item" effect="light" placement="top">
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div v-loading="moduleLoading" class="content-col-content clickable" @click="jumpTo('module')">
+          <div v-my-loading="moduleLoading" class="content-col-content clickable" @click="jumpTo('module')">
             <div class="content-col-content-icon overview-to-module__background"><i class="nz-icon nz-icon-overview-module"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="`${moduleData.total}`" class="item" effect="light" placement="top">
@@ -69,7 +69,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div v-loading="endpointLoading" class="content-col-content clickable" @click="jumpTo('endpoint')">
+          <div v-my-loading="endpointLoading" class="content-col-content clickable" @click="jumpTo('endpoint')">
             <div class="content-col-content-icon overview-to-endpoint__background"><i class="nz-icon nz-icon-overview-endpoint"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="`${endpointData.num}`" class="item" effect="light" placement="top">
@@ -84,7 +84,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div id="overview-to-alertlist" v-loading="alertMessageLoading" class="content-col-content clickable" @click="jumpTo('alertList')">
+          <div id="overview-to-alertlist" v-my-loading="alertMessageLoading" class="content-col-content clickable" @click="jumpTo('alertList')">
             <div class="content-col-content-icon overview-to-alert__background"><i class="nz-icon nz-icon-overview-alert"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="`${alertMessageData.num}`" class="item" effect="light" placement="top">
@@ -106,7 +106,7 @@
           <div class="content-col-title">
             <span>{{$t("dashboard.overview.projectTopoLogy")}}</span>
           </div>
-          <div v-loading="topologyLoading"  class="content-col-content">
+          <div v-my-loading="topologyLoading"  class="content-col-content">
             <transition name = "el-zoom-in-center">
               <div v-if="allProject&&allProject.length>0" style="width: 100%;height: 100%;position: relative">
                 <el-carousel :interval="5000" :trigger="'click'" arrow="hover">
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
index 5c4c5cbf3..479d095dd 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue
@@ -23,7 +23,7 @@
       <!--第一行-->
       <div class="content-row-box">
         <div class="content-col-box">
-          <div class="content-col-content clickable" v-loading="assetLoading" @click="jumpTo('asset')" id="overview-to-asset">
+          <div class="content-col-content clickable" v-my-loading="assetLoading" @click="jumpTo('asset')" id="overview-to-asset">
             <div class="content-col-content-icon"><i class="nz-icon nz-icon-overview-project"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="assetData ? assetData.totalStat.total  + '' : ''" class="item" effect="light" placement="top">
@@ -39,7 +39,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div class="content-col-content" v-loading="projectLoading">
+          <div class="content-col-content" v-my-loading="projectLoading">
             <div class="content-col-content-icon"><i class="nz-icon nz-icon-project"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="projectData ? projectData.projectStat.length + '' : ''" class="item" effect="light" placement="top">
@@ -54,7 +54,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div class="content-col-content" v-loading="moduleLoading">
+          <div class="content-col-content" v-my-loading="moduleLoading">
             <div class="content-col-content-icon"><i class="nz-icon nz-icon-overview-module"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="moduleData ? moduleData.moduleStat.length + '' : ''" class="item" effect="light" placement="top">
@@ -69,7 +69,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div class="content-col-content" v-loading="endpointLoading">
+          <div class="content-col-content" v-my-loading="endpointLoading">
             <div class="content-col-content-icon"><i class="nz-icon nz-icon-overview-endpoint"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="endpointData ? endpointData.total + '' : ''" class="item" effect="light" placement="top">
@@ -84,7 +84,7 @@
           </div>
         </div>
         <div class="content-col-box">
-          <div class="content-col-content clickable" v-loading="alertMessageLoading" @click="jumpTo('alertList')" id="overview-to-alertlist" >
+          <div class="content-col-content clickable" v-my-loading="alertMessageLoading" @click="jumpTo('alertList')" id="overview-to-alertlist" >
             <div class="content-col-content-icon"><i class="nz-icon nz-icon-overview-alert"></i></div>
             <div class="content-num-box">
               <el-tooltip :content="alertMessageData ? alertMessageData.alertMessageTotal + '' : ''" class="item" effect="light" placement="top">
@@ -124,7 +124,7 @@
               <!--</span>-->
             <!--</span>-->
           </div>
-          <div class="content-col-content"  v-loading="topologyLoading">
+          <div class="content-col-content"  v-my-loading="topologyLoading">
             <transition name = "el-zoom-in-center">
               <div style="width: 100%;height: 100%;position: relative" v-if="allProject&&allProject.length>0">
                 <el-carousel :interval="5000"  arrow="hover" :trigger="'click'">
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 0020148de..e8525b494 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="panel list-page" v-loading="panelTabLoading">
+  <div class="panel list-page" v-my-loading="panelTabLoading">
     <div class="main-list">
       <div>
         <transition name="el-zoom-in-center">
@@ -81,7 +81,7 @@
         </div>
         <div id="tableList" class="table-list" style='overflow-y: unset'>
           <div class="table-list-box">
-            <div  id="dashboardScrollbar" class="box-content" v-loading="chartListLoading"  ref="dashboardScrollbar" style='overflow-y: auto'>
+            <div  id="dashboardScrollbar" class="box-content" v-my-loading="chartListLoading"  ref="dashboardScrollbar" style='overflow-y: auto'>
               <chart-list
                 ref="chartList"
                 name="panel"
@@ -123,7 +123,7 @@
 <!--      ></chart-box>-->
       <chart-right-box
         v-if="chartRightBoxShow"
-        v-loading="rightBox.loading"
+        v-my-loading="rightBox.loading"
         ref="addChartModal"
         :chart="chart"
         :from="fromRoute.panel"
diff --git a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
index 7e74ae00c..7a1d2f2de 100644
--- a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
+++ b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -41,7 +41,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
           :table-data="tableData"
@@ -68,7 +68,7 @@
       </template>
     </nzDetailView>
     <nz-data-list
-      v-loading="detailViewLoading"
+      v-my-loading="detailViewLoading"
       ref="dataList"
       v-if="detailType === 'list'"
       :api="url"
@@ -126,7 +126,7 @@
       <template  v-slot:default="slotProps">
         <endpoint-table
           ref="dataTable"
-           v-loading="tools.loading"
+           v-my-loading="tools.loading"
           :orderByFa="orderBy"
           :loading="tools.loading"
           :api="url"
diff --git a/nezha-fronted/src/components/page/monitor/module/moduleList.vue b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
index fb5ab4dc9..9bc7cab89 100644
--- a/nezha-fronted/src/components/page/monitor/module/moduleList.vue
+++ b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="module-list">
     <nzDetailView
-      v-loading="detailViewLoading || tools.loading"
+      v-my-loading="detailViewLoading || tools.loading"
       v-if="detailType !== 'list'"
       :api="url"
       ref="detailList"
@@ -41,7 +41,7 @@
           class="data-detail"
           ref="dataDetail"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :detailViewRightObj="detailViewRightObj"
           :api="url"
           :table-data="tableData"
@@ -111,7 +111,7 @@
       <template v-slot="slotProps">
         <module-table
           ref="dataTable"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :orderByFa="orderBy"
           :loading="tools.loading"
           :api="url"
diff --git a/nezha-fronted/src/components/page/monitor/project/projectList.vue b/nezha-fronted/src/components/page/monitor/project/projectList.vue
index e0ac15bf6..6cdeb608e 100644
--- a/nezha-fronted/src/components/page/monitor/project/projectList.vue
+++ b/nezha-fronted/src/components/page/monitor/project/projectList.vue
@@ -21,7 +21,7 @@
         <project-table
           ref="dataTable"
           :orderByFa="orderBy"
-          v-loading="tools.loading"
+          v-my-loading="tools.loading"
           :loading="tools.loading"
           :api="url"
           :custom-table-title="tools.customTableTitle"