6.3 KiB
6.3 KiB
M09 VIP 与订单:设计核验
对比对象
- Source visual truth:
C:\Users\Administrator\.codex\generated_images\019fa647-03b4-7901-9b6a-175d07d56512\exec-f3e0331f-59c3-4f01-a48f-d069bdab2d58.png - 同状态真机截图:
tmp/vip-redesign-audit/20-uniform-footer-cards.png - 下单面板真机截图:
tmp/vip-redesign-audit/21-uniform-footer-sheet.png - 并排对比:
tmp/vip-redesign-audit/22-uniform-main-reference-and-implementation.png - 设备:MuMu Android 基座,720 × 1280(360 × 640 CSS px,device scale factor 2)。参考图裁去底部已露出的面板后,按同一高度归一化进行并排检查。
视觉验收
- 顶部:水墨山景、竹影、留白与居中的标题层级已落地;新增背景资产为
static/assets/modules/profile/opaque/m09-vip-hero-landscape.png。 - 套餐:基础版、宗族版、永久纪念版使用同一主推卡片规格,均有同样的朱砂描边、庭院水墨资产、底部价格/期限栏与圆角“立即开通”按钮。
- 卡片资产:使用
static/assets/modules/profile/opaque/m09-featured-courtyard.png,在三张卡上保持统一的透明度和裁切方式,文字与按钮在真实窄屏上保持可读。 - 下单:原居中装饰弹窗替换为底部确认单;套餐、有效期、应付金额、微信支付方式和取消入口均清晰可见。
交互验收
- MuMu 真机已点击“立即开通”,成功打开“确认下单”底部面板。
- 已点击“暂不购买”安全关闭面板;关闭后确认页面仍保留 3 个“立即开通”入口,未由这次视觉验收新增订单。
- 套餐和订单数据仍由现有接口读取;本次只改页面结构、样式与图片资产,不改接口字段或订单创建逻辑。
已知合同边界
- 当前 OpenAPI 未提供第三方支付调起参数或支付结果回调,因此主操作保持“创建订单”,不虚假宣称已完成微信支付。
结果
final result: passed
T01 世系谱:设计核验
对比对象
- Source visual truth:用户在本次会话提供的
Jiapu-App世系谱截图(408 × 936 px),并已核对参考源码C:\Users\Administrator\Desktop\job\Jiapu-App\pages\index\tree\index.vue。 - Implementation screenshot:
tmp/t01-pedigree-paged-order-final2.png(720 × 1280 px,MuMu Android;360 × 640 CSS px,density 2)。 - 当前真实数据状态:已授权的“真机联调10159371”仅有 1 位成员;页面已显示一列始祖资料与右侧世代切换,不能据此核验多人横向滚动。
Findings
- [P1] 当前授权家谱只有一位成员,无法以真实数据复核参考图的“多位同世成员横向展开”状态。
- 影响:实际单列、世代切换和纵向文字已验证,但多人列宽、横向滚动和同代排序仍缺少真机证据。
- 修复:使用至少 5 位同世成员的测试家谱再次打开 T01;不应以本地伪造数据替代真实家谱数据。
已完成的源码核验
- T01 使用现有
appApi.getTree单一数据 owner,按generation分组后每 5 人补齐空列并使用swiper横向分页;不引入参考项目的旧getGenealogyUserByParentsId接口。 - 列结构为关系、姓名、资料三段纵向阅读;同世人员位于横向滚动容器,右侧切换上一世/下一世。
- 静态合同、关系布局合同、人物操作合同和树接口运行时 smoke 均已通过。
final result: blocked
T01 树状图与 T02 世系谱:真机回归
对比对象
- Source visual truth:本次会话中用户提供的参考项目“世系谱”截图(408 × 936 px)及
C:\Users\Administrator\Desktop\job\Jiapu-App\pages\index\tree\index.vue的交互实现。 - Implementation captures:
C:\Users\Administrator\AppData\Local\Temp\t01-entry-verify.png、C:\Users\Administrator\AppData\Local\Temp\t02-entry-verify.png、C:\Users\Administrator\AppData\Local\Temp\t02-swipe-verify.png、C:\Users\Administrator\AppData\Local\Temp\t02-return-after-fix.png。 - Device/state:Android 模拟器 720 × 1280 px;真实家谱“界面大数据回归谱0726”;T01 树状图、T02 第 1/2 世。
真机交互验收
- T01 右上角“世系谱”可进入独立 T02 表格页;T02 右上角“树状图”可返回 T01 图谱页。
- T02 从第 1 世直接左滑可切换到第 2 世,未使用点击箭头替代横向手势。
- 点击姓名打开“成员档案”;点击下方生平文字读取人物详情并打开“人物生平”弹窗,两个命中区域和结果不同。
- 返回失败的路由根因已修复:可选
selectedId为空时不再传入undefined,以符合导航参数必须为非空字符串的校验。
视觉核验状态
- 字体与排版、列格、纵向文字、朱红页头、右侧世代标识和背景纹理已在真机截图中检查。
- 当前会话里的参考截图没有可供本地重新打开的原始文件路径,因此无法按同一画布把参考图与实现图合成后做逐像素并排对比;不对像素级一致性作虚假通过结论。
Implementation Checklist
- 树状图与世系谱拆分为两个路由。
- 双向页头跳转与原生横向滑动。
- 姓名资料页与生平弹窗的分离点击行为。
- HBuilderX 页面诊断、静态路由合约和 Android 真机回归。
final result: blocked
T01 树状图与 T02 世系谱:设计核验
对比对象
- Source visual truth:用户本次会话提供的参考项目“世系谱”截图,以及
C:\Users\Administrator\Desktop\job\Jiapu-App\pages\index\tree\index.vue的swiper实现。 - Implementation capture:未生成。当前 HBuilderX CLI 未识别已连接模拟器作为可部署设备,无法取得包含新 T01/T02 路由的截图。
- 目标状态:从“世系图”进入 T01 树状图;T01 顶部进入 T02 世系谱;T02 顶部返回 T01。
阻塞项
- [P0] 无法取得新版本的真机或浏览器实现截图,因此不能与参考截图进行同视口视觉比较,也不能把直接左右滑动标为已验收。
- 已完成代码核验:T01 恢复横向树状图;T02 使用原生
swiper和页内纵向scroll-view,每页五位成员。 - 需要:让 HBuilderX 识别任一已连接模拟器,或提供可运行的 H5 预览,以捕获两页入口和横滑状态。
- 已完成代码核验:T01 恢复横向树状图;T02 使用原生
final result: blocked