模式切换

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

@@ -18,13 +18,13 @@
       <!-- </el-button> -->
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item @click="title = '模拟式模块'"
+          <el-dropdown-item @click="handelOpen('模拟式')"
             >模拟式模块</el-dropdown-item
           >
-          <el-dropdown-item @click="title = '数字式模块'"
+          <el-dropdown-item @click="handelOpen('数字式')"
             >数字式模块</el-dropdown-item
           >
-          <el-dropdown-item @click="title = '比对式模块'"
+          <el-dropdown-item @click="handelOpen('比对式')"
             >比对式模块</el-dropdown-item
           >
         </el-dropdown-menu>
@@ -39,9 +39,13 @@
 </template>
 <script lang="ts" setup>
 import { ref, reactive, computed, onMounted, watch } from "vue";
+import { useAuthStore } from "@/stores/modules/auth";
 const title = ref("模拟式模块");
 import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
+import { useRouter } from "vue-router";
 
+const router = useRouter();
+const authStore = useAuthStore();
 const modeStore = useModeStore();
 watch(() => modeStore.currentMode, (newVal) => {
   //console.log('当前模式：', newVal);
@@ -59,6 +63,13 @@ watch(() => modeStore.currentMode, (newVal) => {
       title.value = '模拟式模块';
   }
 });
+
+const handelOpen = async (item: string) => {
+await authStore.setShowMenu();
+modeStore.setCurrentMode(item); // 将模式code存入 store
+router.push({ path: "/home/index" });
+};
+
 </script>
 <style scoped lang="scss">
 @import "./index.scss";