From b533ab2a589ac6b7629881c939347750912828b1 Mon Sep 17 00:00:00 2001
From: yelan <wzqf99@foxmail.com>
Date: Thu, 27 Aug 2026 17:09:32 +0800
Subject: [PATCH] fix(context): share selected campus across layout

---
 clinical-web/src/components/layout/Header.vue | 11 +++++------
 clinical-web/src/stores/app.ts                |  4 ++++
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/clinical-web/src/components/layout/Header.vue b/clinical-web/src/components/layout/Header.vue
index be5ea95..eff50f1 100644
--- a/clinical-web/src/components/layout/Header.vue
+++ b/clinical-web/src/components/layout/Header.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 
 import { useAppStore } from '@/stores/app'
@@ -7,9 +7,6 @@ import { useAppStore } from '@/stores/app'
 const route = useRoute()
 const appStore = useAppStore()
 
-const campuses = ['本部院区', '东院区', '西院区']
-const selectedCampus = ref(campuses[0])
-
 const pageTitle = computed(() => String(route.meta.title ?? '首页'))
 const pageGroup = computed(() => String(route.meta.group ?? '工作台'))
 </script>
@@ -23,8 +20,10 @@ const pageGroup = computed(() => String(route.meta.group ?? '工作台'))
     <span class="header-spacer" />
     <label class="campus-selector">
       <span class="campus-label">院区</span>
-      <select v-model="selectedCampus" aria-label="选择院区">
-        <option v-for="campus in campuses" :key="campus" :value="campus">{{ campus }}</option>
+      <select v-model="appStore.selectedCampus" aria-label="选择院区">
+        <option v-for="campus in appStore.campuses" :key="campus" :value="campus">
+          {{ campus }}
+        </option>
       </select>
     </label>
     <span class="environment-badge">{{ appStore.environment }}</span>
diff --git a/clinical-web/src/stores/app.ts b/clinical-web/src/stores/app.ts
index c4e5c86..7d94e00 100644
--- a/clinical-web/src/stores/app.ts
+++ b/clinical-web/src/stores/app.ts
@@ -1,11 +1,15 @@
 import { defineStore } from 'pinia'
 
+import type { WorkbenchCampus } from '@/api/workbench/types'
+
 export const useAppStore = defineStore('app', {
   state: () => ({
     isLoggedIn: false,
     userName: '张文静',
     department: '医务管理 · 主任医师',
     environment: '原型演示环境',
+    campuses: ['本部院区', '东院区', '西院区'] as WorkbenchCampus[],
+    selectedCampus: '本部院区' as WorkbenchCampus,
   }),
   actions: {
     login(userName: string) {