From 89d3cad00506b81852a120fc0652819485b09b47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Thu, 8 Dec 2022 15:39:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DChartTabs=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=88=9D=E5=A7=8B=E5=8C=96activeBar=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E6=8A=96=E5=8A=A8=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 | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/common/ChartTabs.vue b/src/components/common/ChartTabs.vue
index ae50af12..d2e8c1bd 100644
--- a/src/components/common/ChartTabs.vue
+++ b/src/components/common/ChartTabs.vue
@@ -176,6 +176,9 @@ export default {
           // 数组长度为1，即代表刚刷新界面，获取active的dom添加样式，避免原模式错位问题
           // 可添加css样式，也可添加class类名，两个操作选一即可
           if (window.currentChartTabList.length === 1) {
+            // 此处操作是因为初始化时给active加border，导致tab下移，故需要将整体往上移动对应高度
+            const topDom = document.getElementsByClassName('el-tabs__header is-top')
+            topDom[0].style.cssText += 'top: -4px'
             activeDom[0].style.cssText += 'height: calc(100% - 1px);border-top: 4px #046EC9 solid;border-radius: 5px 5px 0 0;transition: all linear .2s;'
           } else {
             const offsetLeft = tabDom.offsetLeft
@@ -183,6 +186,7 @@ export default {
             const clientLeft = tabDom.clientLeft
             const activeBar = document.querySelector('.chart-tabs .chart-tabs__active-bar')
             activeBar.style.cssText += `width: ${clientWidth + 2}px; left: ${offsetLeft + this.leftOffset + clientLeft - 1}px;`
+            activeDom[0].style.cssText += 'height:calc(100% + 1px)'
           }
         })
       }