From 948a548e35167575ecf8d9fab0f2578fd9f535dc Mon Sep 17 00:00:00 2001
From: xuans <likb_blue@163.com>
Date: Sun, 18 Oct 2026 02:14:26 +0800
Subject: [PATCH] =?UTF-8?q?style(navigation):=20=E5=8E=BB=E9=99=A4?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=BA=95=E9=83=A8SSL=E8=AF=81?=
 =?UTF-8?q?=E4=B9=A6=E7=AE=A1=E7=90=86=E5=AD=97=E6=A0=B7=E5=B9=B6=E6=8C=89?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=AE=BD=E5=BA=A6=E5=B7=A6=E5=8F=B35px?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=AD=89=E5=AE=BD?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/Scert整改任务执行清单.md          | 21 +++++++++----
 .../views/Dashboard/DashboardNavigation.css   | 30 +++++++++----------
 .../views/Dashboard/DashboardNavigation.vue   |  3 +-
 3 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/doc/Scert整改任务执行清单.md b/doc/Scert整改任务执行清单.md
index b657ed0..e998e6a 100644
--- a/doc/Scert整改任务执行清单.md
+++ b/doc/Scert整改任务执行清单.md
@@ -3602,9 +3602,18 @@ P0-05 从 `[!]` 调整为 `[~]`，并未标记完成；P0-04 剩余门禁和全
 
 ## 2026年10月17日 侧边栏账号防截断优化与依据Git历史规则确定系统版本号
 
-- [~] 任务启动：梳理 Git 提交历史计算版本号、调整账号卡片空间防截断
-- [ ] 调整 DashboardLayout.css 侧边栏宽度与 DashboardNavigation.css 账号卡片紧凑排版
-- [ ] 同步更新 buildinfo.Version 与前端默认版本号
-- [ ] 运行前端单元测试全量验证
-- [ ] 编译并部署至第一台 Linux 服务器实机复核
-- [ ] 双重推送远程仓库
+- [x] 任务启动：梳理 Git 提交历史计算版本号、调整账号卡片空间防截断
+- [x] 调整 DashboardLayout.css 侧边栏宽度与 DashboardNavigation.css 账号卡片紧凑排版
+- [x] 同步更新 buildinfo.Version 与前端默认版本号
+- [x] 运行前端单元测试全量验证
+- [x] 编译并部署至第一台 Linux 服务器实机复核
+- [x] 双重推送远程仓库
+
+## 2026年10月18日 侧边栏底部SSL证书管理字样清理与侧边栏左右5px自适应布局
+
+- [x] 清理 DashboardNavigation.vue 底部“SSL 证书管理”角标及冗余 CSS
+- [x] 优化侧边栏及账号卡片等宽自适应布局，侧边栏以卡片宽度左右各留 5px 内边距（padding: 2px 5px）
+- [x] 统一第一行版本号格式为 Vx.x.x（如 V1.52.1）
+- [x] 运行前端单元测试 356 项全量验证通过
+- [x] 编译并成功部署前端产物至第一台服务器（8.137.23.95）
+- [x] 双重推送远程仓库并持续汇报进度
diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css
index 7786782..8871acd 100644
--- a/frontend/src/views/Dashboard/DashboardNavigation.css
+++ b/frontend/src/views/Dashboard/DashboardNavigation.css
@@ -7,8 +7,9 @@
   gap: 2px;
   min-height: 0;
   overflow-y: auto;
-  padding: 2px 0 2px 12px;
+  padding: 2px 5px;
   border-left: 1px solid #e2e8f2;
+  box-sizing: border-box;
   background: transparent;
 }
 
@@ -30,8 +31,7 @@
 }
 
 .navigation-heading span,
-.navigation-group,
-.navigation-footer {
+.navigation-group {
   color: #7a879d;
   font-size: 11px;
 }
@@ -82,7 +82,7 @@
   position: absolute;
   top: 8px;
   bottom: 8px;
-  left: -13px;
+  left: -6px;
   width: 3px;
   border-radius: 3px;
   background: currentColor;
@@ -132,9 +132,9 @@
 }
 
 .navigation-account-header {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: center;
-  justify-content: space-between;
   gap: 8px;
   width: 100%;
 }
@@ -152,10 +152,12 @@
   font-weight: 500;
   line-height: 1.4;
   white-space: nowrap;
+  text-align: right;
 }
 
 .navigation-account-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   align-items: center;
   gap: 6px;
   width: 100%;
@@ -169,7 +171,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  flex: 1 1 auto;
   min-width: 0;
 }
 
@@ -177,7 +178,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 2px 6px;
+  padding: 2px 4px;
   border-radius: 6px;
   font-size: 11px;
   font-weight: 600;
@@ -186,6 +187,8 @@
   background: #fef2f2;
   color: #ef4444;
   border: 1px solid #fee2e2;
+  text-align: center;
+  min-width: 0;
 }
 
 .navigation-role-badge.role-admin {
@@ -205,7 +208,7 @@
   align-items: center;
   justify-content: center;
   gap: 4px;
-  margin-left: auto;
+  justify-content: flex-end;
   padding: 2px 4px;
   border: none;
   border-radius: 6px;
@@ -264,10 +267,6 @@
   overflow-wrap: anywhere;
 }
 
-.navigation-footer {
-  margin: 4px 12px 0;
-  padding: 0 4px;
-}
 
 @media (max-width: 760px) {
   .dashboard-navigation {
@@ -283,8 +282,7 @@
   }
 
   .navigation-heading,
-  .navigation-group,
-  .navigation-footer {
+  .navigation-group {
     display: none;
   }
 
diff --git a/frontend/src/views/Dashboard/DashboardNavigation.vue b/frontend/src/views/Dashboard/DashboardNavigation.vue
index 7d09806..c140f31 100644
--- a/frontend/src/views/Dashboard/DashboardNavigation.vue
+++ b/frontend/src/views/Dashboard/DashboardNavigation.vue
@@ -85,7 +85,7 @@ defineEmits(["select", "settings"]);
       <div v-if="currentUser" class="navigation-account-card" aria-label="当前登录账号">
         <div class="navigation-account-header">
           <span class="navigation-account-label">当前账号</span>
-          <span class="navigation-version-label">版本 {{ version || "1.52.1" }}</span>
+          <span class="navigation-version-label">版本 {{ version ? (version.startsWith("v") || version.startsWith("V") ? version : "V" + version) : "V1.52.1" }}</span>
         </div>
         <div class="navigation-account-row">
           <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
@@ -128,7 +128,6 @@ defineEmits(["select", "settings"]);
         </button>
       </div>
       <p v-if="error" class="navigation-error" role="alert">{{ error }}</p>
-      <p class="navigation-footer">SSL 证书管理</p>
     </div>
   </nav>
 </template>