From 1f0d63992aeb567b5f0a91bd73093a8475609afb Mon Sep 17 00:00:00 2001
From: xuans <likb_blue@163.com>
Date: Sat, 17 Oct 2026 20:41:18 +0800
Subject: [PATCH] =?UTF-8?q?style(navigation):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=BD=93=E5=89=8D=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=B8=BA=E4=B8=A4=E8=A1=8C=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=EF=BC=88=E7=AC=AC=E4=B8=80=E8=A1=8C=E4=B8=A4=E5=88=97=E3=80=81?=
 =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E8=A1=8C=E4=B8=89=E5=88=97=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/Scert整改任务执行清单.md           | 10 +++++-----
 frontend/src/views/Dashboard/Dashboard.vue     |  1 +
 .../views/Dashboard/DashboardNavigation.css    |  9 ++++++++-
 .../views/Dashboard/DashboardNavigation.vue    | 18 ++++++++++--------
 .../views/UserManagement/UserWorkspace.test.js |  1 +
 5 files changed, 25 insertions(+), 14 deletions(-)

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"]);
     <div class="navigation-session">
       <div v-if="currentUser" class="navigation-account-card" aria-label="当前登录账号">
         <div class="navigation-account-header">
-          <div class="navigation-account-label">当前账号</div>
+          <span class="navigation-account-label">当前账号</span>
+          <span class="navigation-version-label">版本 {{ version || "0.1.0" }}</span>
+        </div>
+        <div class="navigation-account-row">
+          <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
+          <span
+            class="navigation-role-badge"
+            :class="`role-${currentUser.role}`"
+          >{{ roleLabels[currentUser.role] || "未知权限" }}</span>
           <button
             class="navigation-logout-btn navigation-logout"
             type="button"
@@ -100,13 +109,6 @@ defineEmits(["select", "settings"]);
             <span class="navigation-logout-sr">{{ loggingOut ? "退出中…" : "退出登录" }}</span>
           </button>
         </div>
-        <div class="navigation-account-row">
-          <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
-          <span
-            class="navigation-role-badge"
-            :class="`role-${currentUser.role}`"
-          >{{ roleLabels[currentUser.role] || "未知权限" }}</span>
-        </div>
       </div>
       <div v-else class="navigation-session-anon">
         <button
diff --git a/frontend/src/views/UserManagement/UserWorkspace.test.js b/frontend/src/views/UserManagement/UserWorkspace.test.js
index 0d8c02e..086a14a 100644
--- a/frontend/src/views/UserManagement/UserWorkspace.test.js
+++ b/frontend/src/views/UserManagement/UserWorkspace.test.js
@@ -60,6 +60,7 @@ test("系统设置导航仅对当前已确认的超级管理员显示", async ()
     const html = await renderComponent("../Dashboard/DashboardNavigation.vue", {
       activeSection: "overview", sections: [],
       currentUser: role ? { account: "测试", role } : null,
+      version: "0.1.0",
       roleLabels: workspaceRoleLabels,
       loggingOut: false, error: "", logout() {},
     });