From 522e2bb8a1e7218f292e7a52967369a43585007f Mon Sep 17 00:00:00 2001 From: xuans Date: Sun, 18 Oct 2026 13:31:59 +0800 Subject: [PATCH] =?UTF-8?q?style(dashboard):=20=E4=B8=BA=E4=B8=BB=E5=B7=A5?= =?UTF-8?q?=E4=BD=9C=E5=8C=BA=E6=95=B4=E4=BD=93=E6=B7=BB=E5=8A=A0=E5=A4=A7?= =?UTF-8?q?=E5=AE=B9=E5=99=A8=E8=83=8C=E6=99=AF=E6=A1=86=E4=B8=8E=E8=BE=B9?= =?UTF-8?q?=E6=A1=86=E5=9C=86=E8=A7=92=E9=98=B4=E5=BD=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- doc/Scert整改任务执行清单.md | 12 ++++++------ frontend/src/views/Dashboard/DashboardLayout.css | 9 +++++++-- frontend/src/views/Dashboard/DashboardNavigation.css | 2 +- 3 files changed, 14 insertions(+), 9 deletions(-) diff --git a/doc/Scert整改任务执行清单.md b/doc/Scert整改任务执行清单.md index 16af998..ad4f196 100644 --- a/doc/Scert整改任务执行清单.md +++ b/doc/Scert整改任务执行清单.md @@ -3655,9 +3655,9 @@ P0-05 从 `[!]` 调整为 `[~]`，并未标记完成；P0-04 剩余门禁和全 ## 2026年10月18日 主工作区大容器背景框视觉优化 -- [~] 需求确认：为整个主工作区（.dashboard-workspace，包含左侧主内容区与右侧200px侧边栏）添加统一的大容器背景框（白底、圆角、边框与柔和外阴影），使整体页面层次分明、视觉规整。 -- [ ] 调整样式：在 frontend/src/views/Dashboard/DashboardLayout.css 中为 .dashboard-workspace 增加背景框样式，并协调 .dashboard-navigation 与 .dashboard-content 边距和圆角。 -- [ ] 执行前端单元测试（357 项），确保测试全绿通过。 -- [ ] 构建并部署至第一台 Linux 生产服务器（8.137.23.95）。 -- [ ] 刷新页面并验证视觉效果。 -- [ ] 规范双重推送 Git 远程仓库。 +- [x] 需求确认：为整个主工作区（.dashboard-workspace，包含左侧主内容区与右侧200px侧边栏）添加统一的大容器背景框（白底、圆角、边框与柔和外阴影），使整体页面层次分明、视觉规整。 +- [x] 调整样式：在 frontend/src/views/Dashboard/DashboardLayout.css 中为 .dashboard-workspace 增加背景框样式（gap: 0; border: 1px solid #e2e8f2; border-radius: 20px; background: #ffffff; box-shadow: 0 10px 30px rgba(31, 50, 87, 0.04); overflow: hidden;），并将右侧导航栏背景与左侧边框无缝融合。 +- [x] 执行前端单元测试（357 项全部通过，357 pass, 0 fail）。 +- [x] 构建最新 Vite 产物并成功部署至第一台 Linux 生产服务器（8.137.23.95:/scert/web/）。 +- [x] 刷新浏览器页面实机复核，主工作区整体大背景卡片呈现清晰规整效果。 +- [x] 规范双重推送 Git 远程仓库。 diff --git a/frontend/src/views/Dashboard/DashboardLayout.css b/frontend/src/views/Dashboard/DashboardLayout.css index 82c2f3d..bcba972 100644 --- a/frontend/src/views/Dashboard/DashboardLayout.css +++ b/frontend/src/views/Dashboard/DashboardLayout.css @@ -51,7 +51,12 @@ display: grid; grid-template-columns: minmax(0, 1fr) 200px; grid-template-areas: "main submenu"; - gap: 18px; + gap: 0; + border: 1px solid #e2e8f2; + border-radius: 20px; + background: #ffffff; + box-shadow: 0 10px 30px rgba(31, 50, 87, 0.04); + overflow: hidden; min-height: 0; } @@ -143,7 +148,7 @@ @media (max-width: 1100px) { .dashboard-workspace { grid-template-columns: minmax(0, 1fr) 200px; - gap: 14px; + gap: 0; } .operation-columns { diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css index 8555f15..166fb30 100644 --- a/frontend/src/views/Dashboard/DashboardNavigation.css +++ b/frontend/src/views/Dashboard/DashboardNavigation.css @@ -10,7 +10,7 @@ padding: 2px 5px; border-left: 1px solid #e2e8f2; box-sizing: border-box; - background: transparent; + background: #fbfcfe; } .navigation-heading {