微调

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

@@ -38,8 +38,27 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, computed } from "vue";
+import { ref, reactive, computed, onMounted, watch } from "vue";
 const title = ref("模拟式模块");
+import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
+
+const modeStore = useModeStore();
+watch(() => modeStore.currentMode, (newVal) => {
+  //console.log('当前模式：', newVal);
+  switch (newVal) {
+    case '模拟式':
+      title.value = '模拟式模块';
+      break;
+    case '数字式':
+      title.value = '数字式模块';
+      break;
+    case '比对式':
+      title.value = '比对式模块';
+      break;
+    default:
+      title.value = '模拟式模块';
+  }
+});
 </script>
 <style scoped lang="scss">
 @import "./index.scss";