You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

35 lines
2.3 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

# 地图选址弹窗 QA
final result: passed
## 对照证据
- 目标:用户提供的地图选点截图,关键词“常州公安局”,左地图、右结果列表、底部坐标地址与操作栏。
- 实现:本地后台客户列表 → 新增客户 → 地图选址;桌面视口 1920 × 1280,关键词及首个结果与参考一致。
- 桌面截图:/tmp/sstt-picker-layout-qa/desktop.png
- 窄屏截图:/tmp/sstt-picker-layout-qa/narrow.png(674 × 954)
- 参考图与两张实现截图已在同一次视觉检查中共同打开对照;参考截图的捕获缩放与实现不同,按弹窗整体比例检查。
## Findings
未发现阻断使用的 P0/P1/P2 布局问题。
- 字体:沿用现有 Element UI 字体;标题 20px,结果名称 16px,地址 14px,层级清晰。
- 布局:宽弹窗、居中标题、顶部输入与独立搜索按钮;地图和结果区约 3:1;结果列表独立滚动,底部操作栏固定可见。
- 颜色:白色内容区、浅灰输入、蓝色主按钮、浅蓝已选信息;结果高亮为新增的交互反馈。
- 图像:使用真实天地图底图、标记与版权标识,无替代地图图片。地图细节与缩放沿用原有实时功能,不要求瓦片图案逐像素相同。
- 文案:保留“搜索结果”“已选坐标”“地址”“取消”“确定”,并补充加载、空结果及错误状态。
- 窄屏:地图与结果区上下排列,无横向溢出;滚动列表和确定/取消按钮可操作。
## 交互验证
- 实际搜索返回 20 条结果;选中项高亮、地图定位及地址解析正常。
- 直接点击地图可更新坐标和地址;确定后地址回填到客户表单,测试表单未提交。
- 3 项单元测试通过:异步响应乱序、解析失败/未完成禁止确认、两处父表单使用的回填数组结构。
- 正式及测试环境构建通过;本地后台打包文件同步更新。
## 测试范围
客户与服务记录选址入口均使用同一组件。财务服务明细本地无记录,未创建业务数据来打开“查看”流程;其组件接入及原有回填协议保持一致。生产线上部署不在本次范围。
## Implementation Checklist
- [x] 按参考图替换共用布局
- [x] 实测搜索、直接选点、回填和窄屏显示
- [x] 异步交互测试通过
- [x] 正式及测试打包完成