85 lines
5.4 KiB
Markdown
85 lines
5.4 KiB
Markdown
# 20260813 高保真修复设计 QA
|
||
|
||
## 登录后应用工作台
|
||
|
||
### 结论
|
||
|
||
基于用户选定并修订的第一套视觉方案，完成“风险防控处置系统”登录后应用工作台。页面已移除“全部应用”左侧分类导航，全部应用使用三列完整内容宽度；登录、应用搜索、未接入应用提示、进入 12398 工单系统及返回应用工作台均已验证。未发现 P0、P1 或 P2 问题。
|
||
|
||
### 比较基准
|
||
|
||
- 修订视觉稿：`design-qa/20260813-app-workbench/workbench-reference.png`
|
||
- 浏览器实现：`design-qa/20260813-app-workbench/workbench-1440x1024.png`
|
||
- 同屏对照：`design-qa/20260813-app-workbench/workbench-comparison.png`
|
||
- 对照视口：1440 × 1024，设备像素比 1。
|
||
|
||
### 设计与交互检查
|
||
|
||
- 系统名称统一为“风险防控处置系统”，顶部保留统一身份、角色、通知与设置入口。
|
||
- 门户层只承担应用选择：最近使用、应用搜索、全部应用和权限状态，不堆叠具体业务指标。
|
||
- 12398 工单系统为可用状态；风险事件管理、合规检查以“即将接入”呈现，点击提供明确反馈。
|
||
- 点击最近使用或全部应用中的 12398 工单系统可进入现有业务界面；点击业务系统左上角品牌可返回应用工作台。
|
||
- 视觉稿中的专用应用图标由项目现有 Ant Design Vue 图标替代，尺寸、层级与语义一致，属于可接受的 P3 差异。
|
||
|
||
### 工程验证
|
||
|
||
- `npm run build` 通过，Vite 转换 1616 个模块。
|
||
- `npm run test:sites` 通过，4 项测试全部成功。
|
||
|
||
## 结论
|
||
|
||
本轮以 `deprecated/build/20260812 prototype` 为最新视觉真值，针对主任务检查中确认的登录页、服务监督主管审核弹窗和客服部主管首联分派弹窗完成高保真修复。经同尺寸对照、浏览器交互检查、生产构建和现有流程测试复核，未发现遗留的 P0、P1 或 P2 问题。
|
||
|
||
## 比较基准
|
||
|
||
- 登录页：`../deprecated/build/20260812 prototype/preview/icons/页面-1-1-登录页2/登录页2@0.5x.png`
|
||
- 服务监督主管审核：`../deprecated/build/20260812 prototype/preview/icons/页面-1-4-服务监督主管-工单处理（审核弹窗）/服务监督主管-工单处理（审核弹窗）@0.5x.png`
|
||
- 客服部主管首联分派：`../deprecated/build/20260812 prototype/preview/icons/页面-1-32-客服部主管-待办工单-首联分派/客服部主管-待办工单-首联分派@0.5x.png`
|
||
- 浏览器终稿截图：`design-qa/20260813-fidelity-fix/10-login-fixed-final.png`、`design-qa/20260813-fidelity-fix/04-supervisor-review-fixed-final.png`、`design-qa/20260813-fidelity-fix/06-first-assignment-fixed-final.png`
|
||
- 同屏对照：`design-qa/20260813-fidelity-fix/login-comparison-final.png`、`design-qa/20260813-fidelity-fix/supervisor-review-comparison.png`、`design-qa/20260813-fidelity-fix/first-assignment-comparison.png`
|
||
|
||
## 尺寸与归一化
|
||
|
||
- 浏览器 CSS 视口：1920 × 1080。
|
||
- 原型基准图：960 × 540（`@0.5x`）。
|
||
- 对照时将实现截图缩放至 960 × 540；比较图左侧为原型基准，右侧为实现终稿。
|
||
- 服务监督主管审核弹窗终稿：1080 × 731，顶部约 145；内部面板 1000 × 504。
|
||
- 首联分派弹窗终稿：1080 × 492，顶部 194；内部面板 1000 × 265。
|
||
|
||
## 本轮修复
|
||
|
||
1. 登录页
|
||
- 标题颜色顺序恢复为深蓝主标题、青绿色强调语。
|
||
- 放大主副标题并禁止不符合设计的换行，恢复原型的横向构图。
|
||
- 登录表单默认保持空白，移除原型中不存在的输入框前置图标。
|
||
- 校准登录卡片宽度、内边距、字段高度、验证码和按钮样式。
|
||
2. 服务监督主管审核弹窗
|
||
- 校准弹窗宽度、垂直位置、内面板高度、字段高度、驳回理由区域和底部按钮尺寸。
|
||
- 保持审核结果、驳回理由及回访分派的既有交互和条件显示。
|
||
3. 客服部主管首联分派弹窗
|
||
- 将弹窗整体上移 100px，使外框、内面板和操作按钮与原型基准对齐。
|
||
- 移动端断点取消位移，避免窄屏内容越界。
|
||
|
||
## 五项保真检查
|
||
|
||
- 字体与排版：登录标题、弹窗标题、字段标签和按钮层级与原型一致，无异常换行或截断。
|
||
- 间距与布局：三处重点页面的容器尺寸、垂直位置、内边距和按钮组已按同尺寸对照校准。
|
||
- 色彩：保持原型的深蓝标题、青绿色强调色、浅青弹窗背景、白色内容面板和灰色遮罩。
|
||
- 图片与图标：继续复用原型登录背景和既有 Ant Design 图标；登录输入框未保留基准图中不存在的装饰图标。
|
||
- 文案与内容：重点页面标题、字段、占位提示和按钮文案与 20260812 原型一致。
|
||
|
||
## 交互与工程验证
|
||
|
||
- 浏览器交互：登录、角色切换、首联分派筛选、首联分派弹窗打开、服务监督主管审核弹窗打开和取消均正常。
|
||
- 生产构建：`npm run build` 通过，Vite 共转换 1616 个模块。
|
||
- 流程测试：`npm run test:sites` 通过，4 项测试全部成功。
|
||
|
||
## 已确认的有意差异
|
||
|
||
- 派工主体仍为服务监督主管。
|
||
- 主责事件必须等待首联及全部初查完成；协查事件从主管判定和派工进入 04 多部门并行事件初查。
|
||
- 业务部主任审核通过后，主责进入回访分支，协查直接进入 11 调查报告编写。
|
||
- 以上差异来自已确认业务规则，优先级高于静态画板，不计入视觉缺陷，也未在本轮改动中回退。
|
||
|
||
final result: passed
|