2.1 KiB
2.1 KiB
账号授权连续性验收
结果
账号管理已补齐大规模权限配置中的三个关键保护:草稿差异持续可见、权限收回保存前展示精确影响、切换客户或离开页面前阻止未保存内容丢失。详情内新增“切换客户”入口,桌面和移动端都无需先退出配置工作区。
验收证据
- 桌面权限差异预览:1440 × 900,菜单与车辆收回同时显示,保存操作固定在底部。
- 桌面草稿切换确认:1440 × 900,显示当前草稿、目标客户与服务器影响。
- 移动端权限收回确认:390 × 844,确认框在首屏内完整呈现“收回 1 个菜单、移除 1 辆车”。
设计对照
采用已实现稿作为接受基线:
../ui-ux-20260720/desktop-users-implemented.png../ui-ux-20260720/mobile-users-implemented.png
通过真实浏览器截图与原图检查完成五点对照:
- 信息架构:保留“目录 → 详情 → 登录身份/菜单/车辆”的既有层级,只在详情顶部增加可达的客户切换入口。
- 视觉密度:差异条和切换条各占一行,未引入新的卡片嵌套;主要操作仍固定在底部。
- 任务连续性:草稿、切换、关闭和权限收回均明确说明影响,保存后详情继续保持打开。
- 状态语义:新增使用蓝/绿/橙/红表达新增、调整、收回与停用,危险动作仍使用独立确认层。
- 响应式与可访问性:1440 × 900 和 390 × 844 均无横向溢出;切换器、差异区、确认框均有可识别名称和键盘语义。
首屏固定文案与接受基线一致;新增文案仅在账号详情和动态草稿状态中出现,没有改变页面入口含义。检查未发现需要继续修正的实质性偏差。
验证
UsersPage.test.tsx:14 / 14 通过。- Web 全量测试:75 个文件、445 / 445 通过。
- 生产构建:通过,
web_build_gate=ok,78 个发布资源。 - 已知输出仅为 React Router 未来版本提示、Semi UI
findDOMNode提示和 Sass@import弃用提示,不影响本轮功能。