refactor(clinical-web): 重组布局组件目录结构

clinical-web/src/components/layout/Header.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+
+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>
+
+<template>
+  <header class="clinical-header">
+    <div class="header-page">
+      <span class="header-title">{{ pageTitle }}</span>
+      <span class="header-breadcrumb">{{ pageGroup }} / {{ pageTitle }}</span>
+    </div>
+    <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>
+    </label>
+    <span class="environment-badge">{{ appStore.environment }}</span>
+  </header>
+</template>