From ebcc77312bbe224d9dfd42d21c58c80ce6a362ee Mon Sep 17 00:00:00 2001
From: hyx <hanyuxia@iie.ac.cn>
Date: Thu, 25 Aug 2022 15:14:39 +0800
Subject: [PATCH] =?UTF-8?q?CN-668=20601=E5=9B=BE=E8=A1=A8=EF=BC=9Aloading?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=92=8C=E6=B6=88=E5=A4=B1=E7=9A=84=E6=97=B6?=
 =?UTF-8?q?=E6=9C=BA=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts/networkOverview/NetworkOverviewTabs.vue  | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
index 54770c9c..757fa018 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewTabs.vue
@@ -67,7 +67,7 @@
               </el-table-column>
             </template>
             <template v-slot:empty>
-              <div class="table-no-data" v-show="isNoData">
+              <div class="table-no-data" v-if="isNoData">
                 <div class="table-no-data__title">{{ $t('npm.noData') }}</div>
               </div>
             </template>
@@ -472,9 +472,9 @@ export default {
         return otherData
       })
 
-      this.toggleLoading(false)
       if(!this.chartData || this.chartData.length === 0){
         this.isNoData = true
+        this.toggleLoading(false)
       }else {
         this.isNoData = false
       }
@@ -542,6 +542,7 @@ export default {
             console.log(e)
           }).finally(e => {
             this.tableData = tableDataTmp
+            this.toggleLoading(false)
             // 查询需要单独查询的，且需要展示环比图标，列的当前周期的数据
             let scoreNum = 0
             this.customTableTitles.forEach(tableColumn => {
@@ -639,6 +640,7 @@ export default {
       })
     },
     tabChange (index) {
+      this.tableData = []
       this.toggleLoading(true)
       this.isNoData = false
       const beforeType = this.$store.getters.getTabOperationBeforeType
@@ -852,6 +854,7 @@ export default {
             q: condition
           }
         }
+        this.tableData = []
         this.toggleLoading(true)
         this.$emit('getChartData', this.getCurUrl(), queryParams)
       }
@@ -881,6 +884,8 @@ export default {
       }
     },
     handleQueryParams (extraParams) {
+      this.isNoData = false
+      this.tableData = []
       this.toggleLoading(true)
       let queryType = ''
       const name = this.$store.getters.getBreadcrumbColumnName
@@ -1048,8 +1053,10 @@ export default {
       }, 250)
     })
   },
-  setup (props) {},
+  setup (props) {
+  },
   unmounted () {
+    this.isNoData = false
     this.$store.commit('setNetworkOverviewTabList', this.list)// 保存状态
   }
 }