导航栏/菜单栏显示逻辑修改

frontend/src/layouts/components/Main/index.vue

@@ -1,11 +1,15 @@
 <template>
   <Maximize v-show="maximize" />
-  <Tabs v-show="tabs" />
+  <Tabs v-if="tabs && showMenuFlag" />
   <el-main>
     <router-view v-slot="{ Component, route }">
       <transition appear name="fade-transform" mode="out-in">
         <keep-alive :include="keepAliveName">
-          <component :is="Component" v-if="isRouterShow" :key="route.fullPath" />
+          <component
+            :is="Component"
+            v-if="isRouterShow"
+            :key="route.fullPath"
+          />
         </keep-alive>
       </transition>
     </router-view>
@@ -16,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onBeforeUnmount, provide, watch } from "vue";
+import { ref, onBeforeUnmount, provide, watch, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useDebounceFn } from "@vueuse/core";
 import { useGlobalStore } from "@/stores/modules/global";
@@ -24,13 +28,15 @@ import { useKeepAliveStore } from "@/stores/modules/keepAlive";
 import Maximize from "./components/Maximize.vue";
 import Tabs from "@/layouts/components/Tabs/index.vue";
 import Footer from "@/layouts/components/Footer/index.vue";
-
+import { useAuthStore } from "@/stores/modules/auth";
 const globalStore = useGlobalStore();
+const authStore = useAuthStore();
 const { maximize, isCollapse, layout, tabs, footer } = storeToRefs(globalStore);
 
 const keepAliveStore = useKeepAliveStore();
 const { keepAliveName } = storeToRefs(keepAliveStore);
-
+//是否显示导航栏
+const showMenuFlag = computed(() => authStore.showMenuFlagGet);
 // 注入刷新页面方法
 const isRouterShow = ref(true);
 const refreshCurrentPage = (val: boolean) => (isRouterShow.value = val);
@@ -61,8 +67,10 @@ watch(
 const screenWidth = ref(0);
 const listeningWindow = useDebounceFn(() => {
   screenWidth.value = document.body.clientWidth;
-  if (!isCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState("isCollapse", true);
-  if (isCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState("isCollapse", false);
+  if (!isCollapse.value && screenWidth.value < 1200)
+    globalStore.setGlobalState("isCollapse", true);
+  if (isCollapse.value && screenWidth.value > 1200)
+    globalStore.setGlobalState("isCollapse", false);
 }, 100);
 window.addEventListener("resize", listeningWindow, false);
 onBeforeUnmount(() => {