From 9775af5169cfe4b60541f04cf72d89b05a416292 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Tue, 5 Dec 2023 16:43:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=A8=E5=B1=8F=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E4=B8=8Btab=E7=BB=84=E4=BB=B6=E6=A0=87=E7=AD=BE=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E4=B8=8D=E6=AD=A3=E7=A1=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/widget/deWidget/DeTabs.vue        | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/frontend/src/components/widget/deWidget/DeTabs.vue b/core/frontend/src/components/widget/deWidget/DeTabs.vue
index ef699bc0e9..66e8581be7 100644
--- a/core/frontend/src/components/widget/deWidget/DeTabs.vue
+++ b/core/frontend/src/components/widget/deWidget/DeTabs.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="de-tabs-div"
-    :class="[headClass, headClassScroll]"
+    :class="headClass"
   >
     <div
       v-if="maskShow"
@@ -296,7 +296,7 @@ export default {
         'de-stream-media',
         'de-frame'
       ],
-      headClassScroll: 'head-class-scroll',
+      headClassScroll: '',
       activeTabName: null,
       tabIndex: 1,
       dialogVisible: false,
@@ -317,9 +317,9 @@ export default {
     },
     headClass() {
       if (this.tabsAreaScroll) {
-        return 'tab-head-left'
+        return `tab-head-left ${this.headClassScroll}`
       } else {
-        return 'tab-head-' + this.element.style.headPosition
+        return `tab-head-${this.element.style.headPosition} ${this.headClassScroll}`
       }
     },
     curCanvasScaleSelf() {
@@ -495,8 +495,8 @@ export default {
     bus.$off('add-new-tab', this.addNewTab)
   },
   methods: {
-    setTabLayout: _.debounce(function() {
-      this.headClassScroll = !!this.$refs.deTabsConstom.$refs.tabsConstom.$refs.nav.scrollable && 'head-class-scroll'
+    setTabLayout: _.debounce(function () {
+      this.headClassScroll = !!this.$refs?.deTabsConstom?.$refs?.tabsConstom?.$refs?.nav?.scrollable ? 'head-class-scroll' : ''
     }, 100),
     calcTabLength() {
       this.$nextTick(() => {