PR_Min_APP_BA/docs/visual-baselines/mrc-mobile-subpages.md

MRC 小程序申请链子页面视觉基线

目的与边界

本文件将 packageMRC 患者申请链子页面与已评审的移动端 HTML 原型逐页对应。Demo 只允许以本地匿名内存数据替代数据源；页面布局、页面级选择/校验反馈、返回与前进跳转必须保留真实用户可使用的体验。上传、真实患者、地址、物流与支付等未授权能力必须以可见的“演示不可用/匿名材料已准备”状态表示，不能删减原型结构或伪造成功结果。

截图验收统一在 375×812、同一 Demo 状态下完成。本文和自动化契约是开发门禁，不替代最终宿主截图走查。

共享页面骨架

以下页面均需包含自定义返回导航、可滚动主体区和固定底部主操作；申请步骤页还必须以四节点步骤卡表示当前阶段。列表页的固定操作可为“我要申请”，空态仍保留其原型“去申请”引导。不得继续复用 entry 的紧凑 Hero/文本步骤骨架代替页面主体。

必须元素	约束
自定义导航	左侧返回、居中页标题；以 navigationStyle: custom 避免宿主原生导航与原型叠加
滚动主体	独立 scroll-view / .scroll-content，为固定底栏预留底部空间
固定主操作	固定在安全区上方，文案和目标路由对应当前原型步骤
Demo 边界	仍显示 Demo 标识；不使用网络、Storage、上传、真实患者/地址/物流/支付能力

页面映射与验收节点

小程序页 / 路由	唯一原型	必须还原的页面节点	本地 Demo 交互与受限能力
my-applications /packageMRC/pages/my-applications/index	01-1-我的申请页.html	我的申请导航、状态筛选、申请卡、待处理提醒、空态和去申请	筛选仅本端订单；申请卡进入详情；无订单显示空态；不查询真实订单/物流
identity /packageMRC/pages/identity/index	02-身份验证页.html	四节点步骤卡、申请身份三选卡、所需材料信息卡、身份证照片双卡、手持证件双卡、代理/继承人长条材料卡、固定“下一步：选择复印内容”	切换本人/代理人/继承人必须联动材料清单与材料区；材料卡可点击反馈“匿名演示材料已准备/本 Demo 不支持上传”，不得调用上传或保留原始材料
record-config /packageMRC/pages/record-config/index	03-病案选择页.html	第二步四节点步骤卡、已选就诊记录、套餐/自定义内容、选择记录入口、老旧病案入口、已选数量与固定下一步	切换内容模式、进入记录选择或手录并回填本地草稿；不查询真实病案
record-select /packageMRC/pages/record-select/index	03-1-就诊记录选择页.html	返回导航、日期/条件筛选、记录统计、记录选择卡、无结果与手录入口、固定确认选择	本地匿名记录可筛选、勾选、全选、确认返回；不能请求 HIS 记录
manual-record /packageMRC/pages/manual-record/index	03-2-老旧病案录入页.html	返回导航、说明信息卡、年份/月/科室/住院号/病情简述表单、辅助凭证双卡、温馨提示、固定确认添加	本地字段校验、添加/编辑本地草稿并返回；凭证显示不可上传，表单不得进入真实接口或 Storage
application-form /packageMRC/pages/application-form/index	04-申请表单页.html	第三步四节点步骤卡、复印内容摘要、用途和份数、领取方式卡、收货地址入口/匿名回填、费用说明、固定确认申请信息	本地选择领取方式、份数与用途校验；可跳转本地匿名地址页，不能唤起地址服务
address-create /packageMRC/pages/address-create/index	04-2-新增地址页.html	自定义返回导航、收货信息表单（姓名、手机号码、所在地区、详细地址）、地区选择抽屉、行内校验和固定“新增并使用”	输入值只可停留在当前 Page data；提交仅生成匿名地址标签、返回申请表单回填；不得调用地址服务、Storage 或向 Adapter 写入原始地址
confirm-submit /packageMRC/pages/confirm-submit/index	05-确认提交页.html	第四步四节点步骤卡、申请/就诊人摘要、内容/交付/费用确认分组、协议确认、提交提示和固定提交	在本地草稿完整时创建匿名 Demo 订单；协议未确认必须拦截；不得产生支付或真实提交
order-detail /packageMRC/pages/order-detail/index	06-申请详情页.html	返回导航、状态头卡、申请信息、复印内容、费用、交付信息、温馨提示和固定操作	仅显示 MRC-DEMO-*；查看进度或结算说明可跳转；取消/物流等未授权动作必须受控提示
order-progress /packageMRC/pages/order-progress/index	07-申请进度页.html	返回导航、申请单号/状态摘要、时间轴、温馨提示和固定返回详情操作	只渲染本地时间轴；不查询真实物流或跨端状态
settlement /packageMRC/pages/settlement/index	08-确认支付页.html	返回导航、金额强调卡、费用明细、申请信息、不可支付提示、温馨提示和固定返回详情操作	只展示模拟结算；“确认支付/补缴”不得出现为可成功完成的能力，也不得改变订单状态

身份验证细化基线

默认截图状态为“患者本人”：第 1 节点高亮、三个身份选项完整可见、所需材料蓝色信息卡可见、身份证照片和手持身份证照片各有双卡占位、底部固定 CTA 可见。代理人状态必须显示代理人资料及患者材料、授权委托书、关系证明等长条材料卡；继承人状态必须显示死亡证明和继承关系证明等长条材料卡。所有材料占位必须明确说明为匿名 Demo 资料或不可上传，不得以删除材料区替代受限能力。

当前 Wave 证据

2026-09-16：Wave 1 已执行并 GREEN：MRC_SUBPAGE_WAVE=1 node tests/mrc-subpage-visual-contract.test.js、MRC_SUBPAGE_WAVE=1 node tests/mrc-subpage-interaction-contract.test.js 均通过；默认 npm test 通过 32 项，仅执行 Wave 1 子页契约。身份关系 fixture 依据 WXML 的 data-key 与 data-relation 构造，已消除代理/继承人下一步的假阴性。

Wave 2 与 Wave 3 保持可执行的 RED 契约，且不参与 Wave 1 默认门禁：MRC_SUBPAGE_WAVE=2 首先指出 application-form 尚未使用 custom 导航；MRC_SUBPAGE_WAVE=3 首先指出 my-applications 尚未使用 custom 导航。两波需求未删除，必须在对应页面实施后转为 GREEN。测试从 WXML 控件的 class 与 bindtap/bindinput 动态提取处理函数，再以 Page/wx mock 调用，避免以硬编码方法名或任意底栏代替真实交互。地址保存对 createAnonymousAddress 设置 spy，强制四个原始地址字段既不进入 Adapter 参数、返回值或快照，也不触发外部能力。