From f140efd32660cb5cc300e5dab8b20e59efdc74a2 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Wed, 12 Mar 2025 18:07:26 +0800
Subject: [PATCH] perf: update task process loading

---
 src/components/Apps/AssetSelect/dialog.vue               | 2 +-
 .../DataTable/compenents/el-data-table/el-data-table.vue | 7 +++++--
 src/views/accounts/RiskDetect/AccountRiskList.vue        | 6 +++++-
 .../RiskHandlerFormatter/BatchResolveDialog.vue          | 9 +++++++--
 src/views/accounts/RiskDetect/RiskScanDialog.vue         | 6 +++---
 .../Asset/AssetList/components/AccountDiscoverDialog.vue | 6 +++---
 6 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/Apps/AssetSelect/dialog.vue b/src/components/Apps/AssetSelect/dialog.vue
index d1ece9684..5f56f36e4 100644
--- a/src/components/Apps/AssetSelect/dialog.vue
+++ b/src/components/Apps/AssetSelect/dialog.vue
@@ -82,7 +82,7 @@ export default {
           },
           {
             prop: 'address',
-            label: this.$t('IpDomain'),
+            label: this.$t('IPDomain'),
             sortable: 'custom'
           },
           {
diff --git a/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue b/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
index 9f1095683..e1613c0c0 100644
--- a/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
+++ b/src/components/Table/DataTable/compenents/el-data-table/el-data-table.vue
@@ -105,7 +105,10 @@
             <template #header>
               <span :title="col.label">{{ col.label }}</span>
             </template>
-            <template v-if="col.formatter && typeof col.formatter !== 'function'" v-slot:default="{row, column, $index}">
+            <template
+              v-if="col.formatter && typeof col.formatter !== 'function'"
+              v-slot:default="{row, column, $index}"
+            >
               <div
                 :is="col.formatter"
                 :key="row.id"
@@ -1033,7 +1036,7 @@ export default {
 
           // 开启persistSelection时，需要同步selected状态到el-table中
           this.$nextTick(() => {
-            this.selectStrategy.updateElTableSelection()
+            this.selectStrategy?.updateElTableSelection()
           })
         })
         .catch(err => {
diff --git a/src/views/accounts/RiskDetect/AccountRiskList.vue b/src/views/accounts/RiskDetect/AccountRiskList.vue
index a35fc899b..416e73baf 100644
--- a/src/views/accounts/RiskDetect/AccountRiskList.vue
+++ b/src/views/accounts/RiskDetect/AccountRiskList.vue
@@ -12,7 +12,11 @@
       :visible.sync="batchResolveDialog.visible"
       v-bind="batchResolveDialog"
     />
-    <RiskScanDialog v-if="detectDialog.visible" :asset="detectDialog.asset" :visible.sync="detectDialog.visible" />
+    <RiskScanDialog
+      v-if="detectDialog.visible"
+      :asset="detectDialog.asset"
+      :visible.sync="detectDialog.visible"
+    />
   </div>
 </template>
 
diff --git a/src/views/accounts/RiskDetect/RiskHandlerFormatter/BatchResolveDialog.vue b/src/views/accounts/RiskDetect/RiskHandlerFormatter/BatchResolveDialog.vue
index a1e6a3214..d1dd957cc 100644
--- a/src/views/accounts/RiskDetect/RiskHandlerFormatter/BatchResolveDialog.vue
+++ b/src/views/accounts/RiskDetect/RiskHandlerFormatter/BatchResolveDialog.vue
@@ -16,14 +16,19 @@
           :cell-value="fakeCell"
           :changed="changed"
           :row="fakeRow"
-          :selected-rows="selectedRows"
           :rows="tableConfig.totalData"
+          :selected-rows="selectedRows"
           :value="1"
           class="risk-handler"
           @processDone="handleProcessDone"
         />
       </el-form>
-      <DataTable ref="table" :config="tableConfig" v-on="$listeners" @selection-change="handleSelectionChange" />
+      <DataTable
+        ref="table"
+        :config="tableConfig"
+        v-on="$listeners"
+        @selection-change="handleSelectionChange"
+      />
     </div>
   </Dialog>
 </template>
diff --git a/src/views/accounts/RiskDetect/RiskScanDialog.vue b/src/views/accounts/RiskDetect/RiskScanDialog.vue
index df892609d..7f234ab11 100644
--- a/src/views/accounts/RiskDetect/RiskScanDialog.vue
+++ b/src/views/accounts/RiskDetect/RiskScanDialog.vue
@@ -1,6 +1,5 @@
 <template>
   <Dialog
-    v-if="iVisible"
     :destroy-on-close="true"
     :show-cancel="false"
     :show-confirm="false"
@@ -10,8 +9,9 @@
     width="80%"
     @close="loading=true"
   >
-    <span v-if="loading" v-loading="loading" class="loading" />
-    <iframe :src="url" frameborder="0" @load="onIframeLoad" />
+    <div v-loading="loading">
+      <iframe :src="url" frameborder="0" @load="onIframeLoad" />
+    </div>
   </Dialog>
 </template>
 
diff --git a/src/views/assets/Asset/AssetList/components/AccountDiscoverDialog.vue b/src/views/assets/Asset/AssetList/components/AccountDiscoverDialog.vue
index cdc37af7b..5209a3a00 100644
--- a/src/views/assets/Asset/AssetList/components/AccountDiscoverDialog.vue
+++ b/src/views/assets/Asset/AssetList/components/AccountDiscoverDialog.vue
@@ -1,7 +1,6 @@
 <template>
   <div>
     <Dialog
-      v-if="iVisible"
       :destroy-on-close="true"
       :show-cancel="false"
       :show-confirm="false"
@@ -11,8 +10,9 @@
       width="80%"
       @close="loading=true"
     >
-      <span v-if="loading" v-loading="loading" class="loading" />
-      <iframe title="dialog" :src="url" style="border: none;" @load="onIframeLoad" />
+      <div v-loading="loading">
+        <iframe :src="url" style="border: none;" title="dialog" @load="onIframeLoad" />
+      </div>
     </Dialog>
   </div>
 </template>