From 156d472f108c720fd9c6aad76d172e640c030950 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 11:26:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dtabs=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=9B=A0v-model=E7=BB=91=E5=AE=9A=E5=80=BC=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E4=B8=8D=E7=AC=A6=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/components/common/ChartTabs.vue      | 15 ++++++++-------
 src/views/charts2/charts/npm/NpmTabs.vue |  6 +++---
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/common/ChartTabs.vue b/src/components/common/ChartTabs.vue
index d412ea19..d0ce0d97 100644
--- a/src/components/common/ChartTabs.vue
+++ b/src/components/common/ChartTabs.vue
@@ -5,7 +5,7 @@
       <el-tab-pane
           v-for="(tab,index) in tabsData"
           :key="tab.i18n"
-          :name="index"
+          :name="JSON.stringify(index)"
           :disabled="tab.disable">
         <template #label>
           <div class="chart-tabs__label">
@@ -71,7 +71,7 @@ export default {
     const router = useRouter()
     const routerPath = router.currentRoute.value.path
     const tabList = window.currentChartTabList
-    let currentTab = 0
+    let currentTab = '0'
 
     if (props.data) {
       tabsData.value = [...props.data]
@@ -87,12 +87,13 @@ export default {
       if (props.router === 'noRouter') {
         const { query } = useRoute()
         const tabIndexParam = query.tabIndex
-        currentTab = ref(tabIndexParam ? parseInt(tabIndexParam) : 0)
+        currentTab = ref(tabIndexParam ? JSON.stringify(tabIndexParam) : '0')
       } else if (!tabList) {
         // 此处为刷新界面时，根据当前路由获取index
         currentTab = tabsData.value.findIndex(item => {
           return item.path === routerPath
         })
+        currentTab = JSON.stringify(currentTab)
         window.currentChartTabList = [{ path: routerPath, index: currentTab }]
       } else {
         // 此处为切换界面，如果window里保存的路径和tabsData里的路径一致，选择window数据并使用
@@ -106,12 +107,12 @@ export default {
         }
 
         if (obj0 && obj1) {
-          currentTab = parseFloat(tabList[1].index)
+          currentTab = tabList[1].index
         } else if (obj0) {
-          currentTab = parseFloat(tabList[0].index)
+          currentTab = tabList[0].index
         } else {
-          window.currentChartTabList = [{ path: tabsData.value[0].path, index: 0 }]
-          currentTab = 0
+          window.currentChartTabList = [{ path: tabsData.value[0].path, index: '0' }]
+          currentTab = '0'
         }
       }
     }
diff --git a/src/views/charts2/charts/npm/NpmTabs.vue b/src/views/charts2/charts/npm/NpmTabs.vue
index 8ea67514..f1b07c63 100644
--- a/src/views/charts2/charts/npm/NpmTabs.vue
+++ b/src/views/charts2/charts/npm/NpmTabs.vue
@@ -3,7 +3,7 @@
     <div class="npm-tabs__active-bar"></div>
     <el-tabs v-model="currentTab" ref="elTabs" type="border-card" v-show="isCurTabReady"
              @tab-click="handleClick">
-      <el-tab-pane v-for="(tab,index) in tabs" :key="tab.i18n" :name="index" :disabled="tab.disable" >
+      <el-tab-pane v-for="(tab,index) in tabs" :key="tab.i18n" :name="JSON.stringify(index)" :disabled="tab.disable" >
         <template #label>
           <div class="npm-tab__label">
             <i :class="tab.icon"></i>
@@ -29,7 +29,7 @@ export default {
   data () {
     return {
       leftOffset: 27,
-      currentTab: ref(0),
+      currentTab: ref('0'),
       isCurTabReady: false
     }
   },
@@ -152,7 +152,7 @@ export default {
         })
       })
     } else {
-      this.currentTab = curTabIndexInUrl || 0
+      this.currentTab = curTabIndexInUrl || '0'
       this.isCurTabReady = true
       setTimeout(() => {
         this.handleActiveBar(this.currentTab)