feat(auth): 添加登录页与演示认证逻辑

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink } from 'vue-router'
+import { RouterLink, useRouter } from 'vue-router'
 
 import { useAppStore } from '@/stores/app'
 
@@ -14,6 +14,7 @@ interface MenuGroup {
 }
 
 const appStore = useAppStore()
+const router = useRouter()
 
 const menuGroups: MenuGroup[] = [
   {
@@ -34,6 +35,11 @@ const menuGroups: MenuGroup[] = [
     ],
   },
 ]
+
+function handleLogout() {
+  appStore.logout()
+  void router.push('/login')
+}
 </script>
 
 <template>
@@ -84,7 +90,7 @@ const menuGroups: MenuGroup[] = [
         <strong>{{ appStore.userName }}</strong>
         <span>{{ appStore.department }}</span>
       </div>
-      <button class="menu-logout" type="button">退出</button>
+      <button class="menu-logout" type="button" @click="handleLogout">退出</button>
     </div>
   </aside>
 </template>