5.5 KiB
Admin 首页与系统管理样式核对记录
范围为导航首页 1 个菜单及系统管理 3 个菜单,沿正式路由进入四个页面。依据当前确认的高密度样板,保留权限、状态、请求和真实字段。四页代码样式及直接交互检查已完成;全部页面待人工在 1920×1080、100% 缩放下提供修改后截图。
原型目录:docs/悦/货代SAAS平台后台/prototype-src/。页面入口相对 apps/admin-web/src/modules/。
| 页面 | 操作 | 原型证据 | 当前实现与结论 |
|---|---|---|---|
dashboard/pages/DashboardView.vue |
指标、刷新、全屏 | modules/00-dashboard.html:2,全屏按钮 7 行、指标 10 行起 |
保留当前四项真实指标、统计口径、部分失败和更新时间;合并为连续信息区,保留原生全屏。无新增、编辑、详情、删除入口,不恢复静态图表、营收和待办演示。 |
iam/pages/InternalUsersView.vue |
新增、编辑、密码重置 | modules/11-system-messages.html:2;overlays.html:545 新增 650px,682 行编辑 650px |
保留 650px 居中框及两列表单;密码重置仍在编辑框内,保留独立权限、校验、受保护账号和海外 PDA 仓库绑定。 |
| 用户管理 | 启停 | 当前列表 toggleStatus |
两项以内全部直显;保留独立确认框、当前登录用户及系统管理员禁用限制。无独立详情或文件入口。 |
iam/pages/RolesView.vue |
新增、配置角色及权限 | modules/11-system-messages.html:7;app.js:5035 的 showRoleEdit 打开模态框 |
保留当前 860px 居中框及左右基础信息/权限树;半选、恢复已选、菜单分组和授予权限独立控制。原型旧数据范围和字段授权不恢复。 |
| 角色权限 | 启停、删除 | 当前 toggleStatus、removeRole |
三项以内全部直显;启停和删除分别保留确认,内置角色、已关联用户及加载门禁不变。无独立详情、文件入口。 |
iam/pages/PermissionsView.vue |
新增、添加下级、编辑 | modules/11-system-messages.html:62 的 modal-sys-menu-permission,720px 居中框;app.js:5235 |
已由 600px 非模态抽屉修正为 720px 居中框,保留当前资源字段与可编辑性、上级候选、保存和未保存登记。 |
| 菜单权限 | 启停、删除、展开/收起 | 原型同文件 54 行树操作;当前 permissionActionCount / showDeleteMore |
保留树展开/收起与层级;按实际权限超过三项才折叠,省略号图标独显、下拉项纯文字;受保护资源不可修改,删除资格和确认保留。无独立详情或文件入口。 |
公共密度样式通过四页显式导入,所有模态框及消息确认框在自身浮层根接入;不向未声明页面扩散。此处矩阵记录实现范围,不代表视觉验收通过。
代码检查结果
2026-09-14:四个页面及 IAM 局部布局样式完成接入,列表按钮沿用公共纯文字描边与语义色;菜单权限最多三项直显、第四项进纯省略号菜单,保留原权限及内置资源门禁。角色权限树保持半选与已保存授权恢复,长名称及权限编码可换行,无授权配置权限时基础表单使用完整宽度。首页四项指标使用连续键值信息区,刷新及全屏使用普通工具栏按钮;不增加未接通的演示数据。
- 93 项定向检查通过,覆盖用户/PDA 仓库绑定、角色权限树、菜单权限数量及保护、居中框真实挂载、新增/编辑保存失败保留表单、首页部分失败刷新和进出全屏。菜单权限弹框测试明确模拟表单校验成功/失败结果,避免 Vitest 外部加载 Element Plus 时的 CJS 校验库互操作差异;不声称该测试替代真实浏览器校验。
- 四页脚本语法树及表单绑定与修改前一致(排除样式/组件导入、确认框外观参数及已移除的首页装饰色字段),权限、保存、校验规则和统计口径未变。
- 全量测试 252 个文件、1961 项通过;类型检查、构建与差异空白检查通过。
- 本地 5173 的四页源码编译请求均为 200,并返回密度样式入口;该证据只证明开发服务提供了当前代码。
此批无剩余代码检查失败;修改后视觉仍待人工截图。全模块沿组件引用继续复核,不能由四页通过推断其他共享子弹框全部通过。
2026-10-20 平台用户与权限蓝白接入
本组只覆盖 IAM 三个正式页面:平台用户、角色权限、菜单权限及原有 650px/860px/720px 居中编辑框、启停/删除确认。页面和浮层显式接入蓝白主题,DataTable 采用外层 workbench-table;保留权限树、半选、受保护账号/资源、海外 PDA 仓库绑定和未保存逻辑。活动客户远程选择器 useActiveCustomerOptions、公开导出及其既有在途修改均未接管。首页由本批总控负责,本节不推断首页完成状态。
IAM 相关定向回归通过;全量门禁由总控统一完成,三页及其操作待人工在 1920×1080、100% 缩放下截图确认。未部署。
2026-10-20 用户追加修正:整页主列表与详情外壳使用 is-page-surface 取消外围整圈边框、圆角与阴影,页面保持连续白底;本组共 22 处主列表和 6 处详情容器,内部子表、指标/图表卡片、独立并列面板及弹框保持原边界。布局、内边距和脚本不因本修正改变;公共规则与全量门禁由总控统一收口。财务相关三文件 41 项定向复验通过,视觉仍待人工截图确认。