diff --git a/doc/Scert整改任务执行清单.md b/doc/Scert整改任务执行清单.md index 3cfbf61..b1bc800 100644 --- a/doc/Scert整改任务执行清单.md +++ b/doc/Scert整改任务执行清单.md @@ -3591,10 +3591,10 @@ P0-05 从 `[!]` 调整为 `[~]`,并未标记完成;P0-04 剩余门禁和全 ## 2026年10月17日 侧边栏账号卡片两行布局改造(第一行两列:账号与版本号;第二行三列:角色与注销) -- [ ] 增加侧边栏当前账号卡片两行布局需求清单 -- [ ] 修改 Dashboard.vue 与 DashboardNavigation.vue 传递 status/版本号信息 -- [ ] 改造 DashboardNavigation.vue 布局结构:第一行两列展示当前账号、版本号;第二行三列展示账号名称、角色权限徽标、注销按钮 -- [ ] 调整 DashboardNavigation.css 样式实现网格与对齐 -- [ ] 运行前端自动化单元测试验证 +- [x] 增加侧边栏当前账号卡片两行布局需求清单 +- [x] 修改 Dashboard.vue 与 DashboardNavigation.vue 传递 status/版本号信息 +- [x] 改造 DashboardNavigation.vue 布局结构:第一行两列展示当前账号、版本号;第二行三列展示账号名称、角色权限徽标、注销按钮 +- [x] 调整 DashboardNavigation.css 样式实现网格与对齐 +- [x] 运行前端自动化单元测试验证 - [ ] 编译并部署至第一台 Linux 服务器 - [ ] 通过浏览器 MCP 验证页面渲染效果 diff --git a/frontend/src/views/Dashboard/Dashboard.vue b/frontend/src/views/Dashboard/Dashboard.vue index b489df2..12bc143 100644 --- a/frontend/src/views/Dashboard/Dashboard.vue +++ b/frontend/src/views/Dashboard/Dashboard.vue @@ -462,6 +462,7 @@ const { activeSection, activeLabel, sections, selectSection } = useDashboardNavi :active-section="activeSection" :sections="sections" :current-user="currentUser" + :version="status?.version" @select="selectSection" @settings="openSettings" /> diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css index f99a435..a71e15c 100644 --- a/frontend/src/views/Dashboard/DashboardNavigation.css +++ b/frontend/src/views/Dashboard/DashboardNavigation.css @@ -146,10 +146,17 @@ line-height: 1.4; } +.navigation-version-label { + color: #94a3b8; + font-size: 11px; + font-weight: 500; + line-height: 1.4; + white-space: nowrap; +} + .navigation-account-row { display: flex; align-items: center; - justify-content: space-between; gap: 8px; width: 100%; min-width: 0; diff --git a/frontend/src/views/Dashboard/DashboardNavigation.vue b/frontend/src/views/Dashboard/DashboardNavigation.vue index be6e5ee..d81aac7 100644 --- a/frontend/src/views/Dashboard/DashboardNavigation.vue +++ b/frontend/src/views/Dashboard/DashboardNavigation.vue @@ -13,6 +13,7 @@ defineProps({ activeSection: { type: String, required: true }, sections: { type: Array, required: true }, currentUser: { type: Object, default: null }, + version: { type: String, default: "" }, }); defineEmits(["select", "settings"]); @@ -83,7 +84,15 @@ defineEmits(["select", "settings"]);