feat(M5): 前端完善 + 部署 — Vue3 全量页面、仪表盘统计与我的审计接口、systemd/sudoers/迁移脚本、部署文档

web/src/App.vue

@@ -1,33 +1,26 @@
 <script setup lang="ts">
-// 骨架阶段根组件：展示项目名与健康检查状态。
-// M1 起替换为登录页 + 主布局（侧边导航、用户管理、审批、审计等页面）。
+import { onMounted } from 'vue'
+import { useAuthStore } from '@/stores/auth'
+
+// 根组件：启动时探测会话（路由守卫会复用已加载状态）。
+const auth = useAuthStore()
+onMounted(() => {
+  void auth.fetchMe()
+})
 </script>
 
 <template>
   <el-config-provider>
-    <el-container class="app-shell">
-      <el-header class="app-header">
-        <span class="app-title">ws_usernode 服务器用户管理节点</span>
-      </el-header>
-      <el-main>
-        <router-view />
-      </el-main>
-    </el-container>
+    <router-view />
   </el-config-provider>
 </template>
 
-<style scoped>
-.app-shell {
-  min-height: 100vh;
-}
-.app-header {
-  display: flex;
-  align-items: center;
-  border-bottom: 1px solid var(--el-border-color);
-  background: var(--el-bg-color);
-}
-.app-title {
-  font-weight: 600;
-  font-size: 16px;
+<style>
+html,
+body,
+#app {
+  height: 100%;
+  margin: 0;
+  background: var(--el-bg-color-page);
 }
 </style>