24 lines
2.5 KiB
Markdown
24 lines
2.5 KiB
Markdown
# 报修页面视觉对齐
|
||
|
||
操作时间：2026-09-08。操作类型：修改及扩展。影响模块：图05一键报修。
|
||
|
||
操作前：步骤为普通文字，故障类型和描述各自分散，照片只有一个添加按钮，第一步没有联系人预览。操作后：编号圆形步骤、统一白色故障分区、外置必填标签、三格照片区域；第一步可以打开本人地址选择，显示选中联系人和真实地址。没有虚构示例手机号、定位成功或故障照片。
|
||
|
||
## 文件与职责
|
||
|
||
- `apps/user_app/lib/ui/features/tickets/repair_layout.dart`：新增 `RepairStepHeader`、`RepairSection`、`RequiredRepairLabel`、`RepairContactPreview`。展示层无网络、上传或提交状态。
|
||
- `repair_page.dart`：引用上述组件，故障下拉、描述、照片置于同一分区；第一步地址入口复用 `_chooseAddress`。减少顶部与计数器占位，保持2000字限制。
|
||
- `repair_photos.dart`：每张实际照片占一格，其余格均可选图，总数仍限制3张。保留删除、预览、重复照片判断和选图忙碌保护。
|
||
- `test/ui/repair_page_test.dart`：选择入口改按可读标签定位，并验证初始三格；提交按钮按按钮类型定位，避免与步骤标题混淆。
|
||
- `docs/视觉验收/A1/05_*.png`：更新8组实际截图及设计并排图。
|
||
|
||
## 验证与限制
|
||
|
||
用户端64项全量测试通过，报修及草稿6项定向回归通过，analyze无问题。320/360/390/430像素宽、文字1.0/1.3共8组截图和溢出检查通过。已实际查看390普通文字及320放大文字截图，390视图中可见暂存按钮。窄屏放大文字时允许自然换行和滚动，不缩小用户文字偏好。
|
||
|
||
中途发现白色容器遮挡ListTile点击反馈，已为分区内部添加透明Material并复测。Web Release使用本机API地址构建；后端、远程数据库、缓存、公共接口均未修改，无迁移。
|
||
|
||
浏览器在390×844实际打开最终构建，三格照片和底部两个按钮均可见。点击第一步报修地址进入本人地址列表，看到现有真实地址及“待补充联系人”，随后返回报修页。本次没有修改地址、提交工单或写入数据库；完整地址选择后的提交由原报修组件回归测试覆盖。
|
||
|
||
语音、真实拍摄定位/时间、紧急电话入口、照片虚线和其他精细间距仍未完成。设计图中的故障实拍属于用户内容，不能作为生产默认照片。严格1:1状态继续为未通过；整体10张部分实现、48张无完整对应页的口径不变。
|