sishitongtang-crm/design-qa.md

地图选址弹窗 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

• 按参考图替换共用布局
• 实测搜索、直接选点、回填和窄屏显示
• 异步交互测试通过
• 正式及测试打包完成