From 4f6ccda6e3c6df77eb1066f32aebac6e7b992254 Mon Sep 17 00:00:00 2001 From: Stev_Wang <304865932@qq.com> Date: Tue, 3 Nov 2026 15:55:06 +0800 Subject: [PATCH] =?UTF-8?q?fix(web):=20=E7=BB=9F=E4=B8=80=E7=94=A8?= =?UTF-8?q?=E6=88=B7/=E8=A7=92=E8=89=B2/=E9=83=A8=E9=97=A8=E5=88=97?= =?UTF-8?q?=E8=A1=A8=E8=A1=8C=E6=A0=B7=E5=BC=8F=E4=B8=8E=E9=80=89=E4=B8=AD?= =?UTF-8?q?=E6=80=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 背景： - 用户、角色列表行为全宽 + 1px 分隔线，选中行与相邻悬停行的高亮背景会盖住分隔线， 两块色块粘连，看起来间距被挤在一起； - 部门树为列表内留白 + 圆角行，其左侧 2px 竖条贴行左缘，而用户 / 角色的竖条贴卡片边缘， 三页选中指示器不一致；部门子级缩进后竖条位置还会随层级漂移； - 行宽收紧后角色副信息（编码 · 数据范围）会被硬裁掉半个字。 改动： - 三页列表统一行几何：列表内留白 6px、行间 2px、行圆角 6px，去掉贯穿分隔线； - 统一取消左侧 2px 竖条，选中态改为品牌浅底 + 品牌色 / 600 字重标题，与侧栏导航一致； - 行高 64→60，保持 9 条一屏；部门树根级 / 子级行距同步； - 新建角色页的角色模板列表套用同一套行样式； - 角色副信息改为块级 text-overflow: ellipsis，右侧统计列 132→112px 归还宽度， 1440 下角色编码与数据范围不再截断。 影响面： - 仅管理中心用户 / 角色 / 部门三页与新建角色页的列表视觉； - 结构与交互不变，接口、权限、路由、数据均不变；≤1280/1080 沿用原响应式收缩规则。 回滚方式： - 回滚本提交即恢复全宽行 + 1px 分隔线 + 左侧竖条与原行宽。 验证证据： - pnpm format:check / lint / typecheck 通过；pnpm test：web 120/120 通过； - Chrome 1440×900 实机截图：选中 + 悬停相邻行留白清晰，三页选中态一致； - 角色列表副信息溢出检测：overflow: []（无截断）。 --- .../src/pages/system/roles/RoleNewPage.tsx | 2 +- apps/web/src/styles/departments.css | 11 +++++- apps/web/src/styles/roles.css | 39 +++++++++++-------- apps/web/src/styles/users.css | 17 ++++---- 4 files changed, 41 insertions(+), 28 deletions(-) diff --git a/apps/web/src/pages/system/roles/RoleNewPage.tsx b/apps/web/src/pages/system/roles/RoleNewPage.tsx index d09a6f6..3e66a87 100644 --- a/apps/web/src/pages/system/roles/RoleNewPage.tsx +++ b/apps/web/src/pages/system/roles/RoleNewPage.tsx @@ -83,7 +83,7 @@ function TemplateList({ onRetry={onRetry} /> ) : ( -
+