From 195404cd50d9732860a4ee81a9391add99d57052 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Wed, 14 Dec 2022 18:07:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dtable=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6id=E3=80=81ref=E5=91=BD=E5=90=8D=E6=9C=AA=E5=A3=B0?=
 =?UTF-8?q?=E6=98=8Eindex=E5=AF=BC=E8=87=B4=E7=9A=84=E6=8A=A5=E8=AD=A6?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue    | 4 ++--
 src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue | 4 ++--
 src/views/charts2/charts/npm/NpmAppCategoryScore.vue       | 4 ++--
 src/views/charts2/charts/npm/NpmAppEventTable.vue          | 4 ++--
 src/views/charts2/charts/npm/NpmRecentEvents.vue           | 4 ++--
 src/views/charts2/charts/npm/NpmTabs.vue                   | 1 +
 6 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
index 1fd6ee9f..d6aba6f3 100644
--- a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue
@@ -44,8 +44,8 @@
       </div>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-app-event-table dns-recent-event-table"
         height="100%"
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
index 998d6f32..71525580 100644
--- a/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficSankey.vue
@@ -51,7 +51,7 @@ export default {
   },
   setup () {
     const { query } = useRoute()
-    const tab = ref(query.tabIndex || 0)
+    const tab = ref(query.tabIndex || '0')
     const queryCondition = ref(query.queryCondition || '')
     return {
       tab,
@@ -422,7 +422,7 @@ export default {
       })
     },
     resize () {
-      if (this.tab === 0) {
+      if (this.tab === '0') {
         this.myChart.resize()
       } else {
         this.myChart2.resize()
diff --git a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
index 92d9ac8d..3d578dde 100644
--- a/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
+++ b/src/views/charts2/charts/npm/NpmAppCategoryScore.vue
@@ -17,8 +17,8 @@
       </div>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="app-table"
         height="100%"
diff --git a/src/views/charts2/charts/npm/NpmAppEventTable.vue b/src/views/charts2/charts/npm/NpmAppEventTable.vue
index 7020211d..02ce5f32 100644
--- a/src/views/charts2/charts/npm/NpmAppEventTable.vue
+++ b/src/views/charts2/charts/npm/NpmAppEventTable.vue
@@ -20,8 +20,8 @@
       <span>{{ $t('network.metric') }}：</span>
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-app-event-table"
         height="100%"
diff --git a/src/views/charts2/charts/npm/NpmRecentEvents.vue b/src/views/charts2/charts/npm/NpmRecentEvents.vue
index f40a0144..0c0d4033 100644
--- a/src/views/charts2/charts/npm/NpmRecentEvents.vue
+++ b/src/views/charts2/charts/npm/NpmRecentEvents.vue
@@ -5,8 +5,8 @@
       <chart-error v-if="showError" tooltip :content="errorMsg" />
     </div>
     <el-table
-        :id="`tabTable_${index}`"
-        :ref="`dataTable_${index}`"
+        id="tabTable"
+        ref="dataTable"
         :data="tableData"
         class="npm-recent-table"
         :class="{'npm-recent-table-ten': tableData.length === 10}"
diff --git a/src/views/charts2/charts/npm/NpmTabs.vue b/src/views/charts2/charts/npm/NpmTabs.vue
index f9ab1cf4..13a7af26 100644
--- a/src/views/charts2/charts/npm/NpmTabs.vue
+++ b/src/views/charts2/charts/npm/NpmTabs.vue
@@ -46,6 +46,7 @@ export default {
       tabs
     }
   },
+  emits: ['tabChange'],
   watch: {
     currentTab (n) {
       const { query } = this.$route