解决导航栏显示上次打开所有导航栏记录bug

src/layouts/admin/components/navBar/classic.vue

@@ -1,21 +1,28 @@
 <template>
-    <div class='nav-bar'>
-        <div v-if='config.layout.shrink && config.layout.menuCollapse' class='unfold'>
-            <Icon @click='onMenuCollapse' name='fa fa-indent' :color="config.getColorVal('menuActiveColor')"
-                  size='18' />
+    <div class="nav-bar">
+        <div v-if="config.layout.shrink && config.layout.menuCollapse" class="unfold">
+            <Icon
+                @click="onMenuCollapse"
+                name="fa fa-indent"
+                :color="config.getColorVal('menuActiveColor')"
+                size="18"
+            />
         </div>
+        <!-- <span class="nav-bar-title">{{ getTheme.name }}</span> -->
         <span class='nav-bar-title'>电能质量数据监测云平台</span>
         <NavMenus />
     </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
+import { onMounted } from 'vue'
 import { useConfig } from '@/stores/config'
 import NavTabs from '@/layouts/admin/components/navBar/tabs.vue'
 import NavMenus from '../navMenus.vue'
 import { showShade } from '@/utils/pageShade'
 
 const config = useConfig()
+const getTheme = JSON.parse(window.localStorage.getItem('getTheme') as string)
 
 const onMenuCollapse = () => {
     showShade('ba-aside-menu-shade', () => {
@@ -23,9 +30,12 @@ const onMenuCollapse = () => {
     })
     config.setLayout('menuCollapse', false)
 }
+// onMounted(() => {
+//     document.title = getTheme.name
+// })
 </script>
 
-<style scoped lang='scss'>
+<style scoped lang="scss">
 .nav-bar {
     display: flex;
     align-items: center;
@@ -37,7 +47,7 @@ const onMenuCollapse = () => {
         color: v-bind('config.getColorVal("headerBarTabColor")');
         font-size: 24px;
         margin-left: 10px;
-        font-weight: 700
+        font-weight: 700;
     }
 
     :deep(.nav-tabs) {
@@ -68,7 +78,7 @@ const onMenuCollapse = () => {
                 color: v-bind('config.getColorVal("headerBarTabActiveColor")');
 
                 .close-icon {
-                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;;
+                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;
                 }
             }
 
@@ -77,7 +87,7 @@ const onMenuCollapse = () => {
                 background-color: v-bind('config.getColorVal("headerBarHoverBackground")');
 
                 .close-icon {
-                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;;
+                    color: v-bind('config.getColorVal("headerBarTabActiveColor")') !important;
                 }
             }
         }