From a1ca3566103f6ed32a9da9a7503c67db13b4b312 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Mon, 12 Jun 2023 18:22:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85tabs=E6=80=A7=E8=83=BD=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E5=92=8C=E5=AE=89=E5=85=A8=E4=BA=8B=E4=BB=B6=E5=9C=A8=E4=B9=8B?=
 =?UTF-8?q?=E5=89=8D=E6=9C=89=E6=95=B0=E6=8D=AE=EF=BC=8C=E4=B9=8B=E5=90=8E?=
 =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE=E6=97=B6=EF=BC=8Ctabs=E6=A0=87?=
 =?UTF-8?q?=E8=AF=86=E8=93=9D=E6=9D=A1=E5=AE=BD=E5=BA=A6=E4=B8=8D=E5=8F=98?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts/entityDetail/EntityDetailTabs.vue        | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/views/charts2/charts/entityDetail/EntityDetailTabs.vue b/src/views/charts2/charts/entityDetail/EntityDetailTabs.vue
index 42bcd5cc..d351bfb2 100644
--- a/src/views/charts2/charts/entityDetail/EntityDetailTabs.vue
+++ b/src/views/charts2/charts/entityDetail/EntityDetailTabs.vue
@@ -132,7 +132,7 @@ export default {
         }
       })
     },
-    handleActiveBar (name) {
+    handleActiveBar (name, change) {
       const tabDom = document.getElementById('tab-' + name)
       if (tabDom) {
         const { query } = this.$route
@@ -143,7 +143,9 @@ export default {
         const clientWidth = tabDom.clientWidth
         const clientLeft = tabDom.clientLeft
         const activeBar = document.querySelector('.entity-detail-tabs .entity-detail-tabs__active-bar')
-        activeBar.style.cssText += `width: ${clientWidth + 2}px; left: ${offsetLeft + clientLeft - 1}px;`
+        const addWidth = change === 'add' ? 30 : 0
+        const reduceWidth = change === 'reduce' ? -30 : 0
+        activeBar.style.cssText += `width: ${clientWidth + 2 + addWidth + reduceWidth}px; left: ${offsetLeft + clientLeft - 1}px;`
       }
     },
     setLoading (loading) {
@@ -152,7 +154,14 @@ export default {
     setWarn (name, flag) {
       const obj = this.tabs.find(t => t.name === name)
       if (obj) {
+        const oldFlag = JSON.parse(JSON.stringify(obj.warnFlag))
         obj.warnFlag = flag
+        if (oldFlag && !flag) {
+          this.handleActiveBar(name, 'reduce') // 之前有warn，再次切换无数据
+        }
+        if (!oldFlag && flag) {
+          this.handleActiveBar(name, 'add') // 之前无warn，再次切换有数据
+        }
       }
     }
   },