2.5 KiB
2.5 KiB
报修页面视觉对齐
操作时间：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张无完整对应页的口径不变。