From 230c68f454ce1061d225f01da86f5a44223a2005 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Fri, 14 Mar 2025 16:23:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BB=96=E4=B8=8D=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E5=90=8E=E7=BC=96=E8=BE=91=E6=A3=80=E6=B5=8B=E7=9B=91?=
 =?UTF-8?q?=E6=9C=AC=E8=BF=98=E5=AD=98=E5=9C=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layouts/components/Tabs/index.vue     | 142 +++++++++---------
 1 file changed, 74 insertions(+), 68 deletions(-)

diff --git a/frontend/src/layouts/components/Tabs/index.vue b/frontend/src/layouts/components/Tabs/index.vue
index 208eb57..a26b6ab 100644
--- a/frontend/src/layouts/components/Tabs/index.vue
+++ b/frontend/src/layouts/components/Tabs/index.vue
@@ -1,23 +1,28 @@
 <template>
-  <div class='tabs-box'>
-    <div class='tabs-menu'>
-      <el-tabs v-model='tabsMenuValue' type='card' @tab-click='tabClick' @tab-remove='tabRemove'>
-        <el-tab-pane v-for='item in tabsMenuList' :key='item.path' :label='item.title' :name='item.path'
-                     :closable='item.close'>
-          <template #label>
-            <el-icon v-show='item.icon && tabsIcon' class='tabs-icon'>
-              <component :is='item.icon'></component>
-            </el-icon>
-            {{ item.title }}
-          </template>
-        </el-tab-pane>
-      </el-tabs>
-      <MoreButton />
+    <div class="tabs-box">
+        <div class="tabs-menu">
+            <el-tabs v-model="tabsMenuValue" type="card" @tab-click="tabClick" @tab-remove="tabRemove">
+                <el-tab-pane
+                    v-for="item in tabsMenuList"
+                    :key="item.path"
+                    :label="item.title"
+                    :name="item.path"
+                    :closable="item.close"
+                >
+                    <template #label>
+                        <el-icon v-show="item.icon && tabsIcon" class="tabs-icon">
+                            <component :is="item.icon"></component>
+                        </el-icon>
+                        {{ item.title }}
+                    </template>
+                </el-tab-pane>
+            </el-tabs>
+            <MoreButton />
+        </div>
     </div>
-  </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import Sortable from 'sortablejs'
 import { ref, computed, watch, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -38,79 +43,80 @@ const tabsMenuList = computed(() => tabStore.tabsMenuList)
 const tabsIcon = computed(() => globalStore.tabsIcon)
 
 onMounted(() => {
-  tabsDrop()
-  initTabs()
+    tabsDrop()
+    initTabs()
 })
 
-
 // 监听路由的变化（防止浏览器后退/前进不变化 tabsMenuValue）
 watch(
-  () => route.fullPath,
-  () => {
-    if (route.meta.isFull) return
-    if (route.meta.hideTab){
-      tabsMenuValue.value = route.meta.parentPath as string
-    }else{
-      tabsMenuValue.value = route.fullPath
-      const tabsParams = {
-        icon: route.meta.icon as string,
-        title: route.meta.title as string,
-        path: route.fullPath,
-        name: route.name as string,
-        close: !route.meta.isAffix,
-        isKeepAlive: route.meta.isKeepAlive as boolean,
-      }
-      tabStore.addTabs(tabsParams)
-    }
-  },
-  { immediate: true },
+    () => route.fullPath,
+    () => {
+        if (route.meta.isFull) return
+        if (route.meta.hideTab) {
+            tabsMenuValue.value = route.meta.parentPath as string
+        } else {
+            tabsMenuValue.value = route.fullPath
+            const tabsParams = {
+                icon: route.meta.icon as string,
+                title: route.meta.title as string,
+                path: route.fullPath,
+                name: route.name as string,
+                close: !route.meta.isAffix,
+                isKeepAlive: route.meta.isKeepAlive as boolean
+            }
+            tabStore.addTabs(tabsParams)
+        }
+    },
+    { immediate: true }
 )
 
 // 初始化需要固定的 tabs
 const initTabs = () => {
-  authStore.flatMenuListGet.forEach(item => {
-    if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) {
-      const tabsParams = {
-        icon: item.meta.icon,
-        title: item.meta.title,
-        path: item.path,
-        name: item.name,
-        close: !item.meta.isAffix,
-        isKeepAlive: item.meta.isKeepAlive,
-        unshift:true
-      }
-      tabStore.addTabs(tabsParams)
-    }
-  })
+    authStore.flatMenuListGet.forEach(item => {
+        if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) {
+            const tabsParams = {
+                icon: item.meta.icon,
+                title: item.meta.title,
+                path: item.path,
+                name: item.name,
+                close: !item.meta.isAffix,
+                isKeepAlive: item.meta.isKeepAlive,
+                unshift: true
+            }
+            tabStore.addTabs(tabsParams)
+        }
+    })
 }
 
 // tabs 拖拽排序
 const tabsDrop = () => {
-  Sortable.create(document.querySelector('.el-tabs__nav') as HTMLElement, {
-    draggable: '.el-tabs__item',
-    animation: 300,
-    onEnd({ newIndex, oldIndex }) {
-      const tabsList = [...tabStore.tabsMenuList]
-      const currRow = tabsList.splice(oldIndex as number, 1)[0]
-      tabsList.splice(newIndex as number, 0, currRow)
-      tabStore.setTabs(tabsList)
-    },
-  })
+    Sortable.create(document.querySelector('.el-tabs__nav') as HTMLElement, {
+        draggable: '.el-tabs__item',
+        animation: 300,
+        onEnd({ newIndex, oldIndex }) {
+            const tabsList = [...tabStore.tabsMenuList]
+            const currRow = tabsList.splice(oldIndex as number, 1)[0]
+            tabsList.splice(newIndex as number, 0, currRow)
+            tabStore.setTabs(tabsList)
+        }
+    })
 }
 
 // Tab Click
 const tabClick = (tabItem: TabsPaneContext) => {
-  const fullPath = tabItem.props.name as string
- // console.log("🚀 ~ tabClick ~ fullPath:", tabItem)
-  router.push(fullPath)
+    const fullPath = tabItem.props.name as string
+    // console.log("🚀 ~ tabClick ~ fullPath:", tabItem)
+    router.push(fullPath)
 }
 
 // Remove Tab
 const tabRemove = (fullPath: TabPaneName) => {
-  tabStore.removeTabs(fullPath as string, fullPath == route.fullPath)
+
+
+    tabStore.removeTabs(fullPath as string, fullPath == route.fullPath || '/machine/testScriptAdd' == route.fullPath)
 }
 </script>
 
-<style scoped lang='scss'>
-@import "./index.scss";
+<style scoped lang="scss">
+@import './index.scss';
 </style>