mrc-mobile-apply-entry.md 9.8 KB
病案复印小程序申请入口：视觉与交互基线
基线与适用范围
- 唯一视觉基线：
03-项目输入_project-inputs/02-新版设计_design/移动端原型/01-申请入口页.html。 - 目标页面：
04-新项目源码_source/项目源码/pri-smart-hospital-miniprogram/packageMRC/pages/apply-entry/index.wxml，及同目录 JS/WXSS/JSON。 - 无就诊人本地 Mock 添加流程的唯一视觉/交互基线：
03-项目输入_project-inputs/02-新版设计_design/移动端原型/09-添加就诊人页.html；目标路由为/packageMRC/pages/patient-create/index，必须注册在packageMRC分包。 - 适用模块：
MRC-MP-APPLY-001；首页入口仅负责进入该页，不在本契约中重做首页。 - 交付原则：Demo 仅替换数据源为本地脱敏 Mock；页面结构、视觉层级、可操作交互和路由体验按原型实现。不得以“Demo”删除用户可见页面节点或把研发控制台作为患者首屏。
原型节点到实现的强制映射
| 原型节点 | 目标 WXML 组件/语义 | 脱敏 Mock | 用户交互与目标 | 受限能力 | 375×812 截图检查点 |
|---|---|---|---|---|---|
| 顶部渐变院区栏（院区名称、服务胶囊） | .hospital-header、.hospital-location、.service-cap |
演示医院、病案复印 |
点击院区仅给出“本地演示不支持切换”提示；服务胶囊不可触发真实服务 | 无真实医院切换、定位或登录 | 首屏顶部为蓝绿渐变、白字院区与右侧胶囊，不得回退为普通白色标题栏 |
| 轻量 Demo 标识/模式入口 | .demo-mode-entry 只能作为触发器，.demo-mode-panel 为独立面板；两者均不得属于患者首屏内容区域或 Hero |
Demo 数据 |
点击触发器打开/关闭面板；五个 V1 场景芯片和重置动作只能在 .demo-mode-panel 内操作，选择后刷新本页状态 |
不写本地持久化、不联网、不跨端同步 | 标识位于顶部辅助区域或悬浮轻入口；默认首屏不得出现场景芯片、revision 或重置动作 |
| 病历复印服务 Hero | .service-card、图标、标题、说明、.service-btn |
服务说明为静态脱敏文案 | 点击“我要申请复印”校验本地演示就诊人后进入 /packageMRC/pages/identity/index；无就诊人时进入本地引导弹层 |
无真实身份、材料、上传或接口 | 22px 圆角蓝绿渐变卡；白色图标、标题、说明和白色圆角 CTA 均在首屏 |
| 我的申请摘要 | .my-application-card、数量徽标、待办标签、箭头 |
MRC-DEMO-*、匿名状态计数 |
点击进入 /packageMRC/pages/my-applications/index；列表、数量、待办随本端场景/申请变化 |
无真实订单、支付、物流、取消或网络 | Hero 下方白卡，图标、标题、徽标/待办、说明与右箭头层级完整；空态保留卡片与引导语 |
| 就诊人区块标题 | .section-title |
就诊人 |
仅为信息层级，不单独触发动作 | 无 | 左侧青绿色短条与“就诊人”必须位于选择卡前 |
| 当前就诊人选择卡 | .patient-selector、姓名/标签、下箭头 |
演示就诊人 A、默认；不得使用真实姓名、证件、手机号 |
点击打开 .patient-sheet；选择一名脱敏演示就诊人后更新当前卡并关闭面板 |
无真实就诊人、实名认证或资料编辑 | 白色圆角卡，含“当前就诊人”、姓名/默认标签、下箭头；位置在申请摘要之后 |
| 无就诊人引导与添加流程 | .patient-add-card、bindtap="openPatientCreate" |
无患者场景 | 点击“添加就诊人”导航至 /packageMRC/pages/patient-create/index；该页本地完成模拟填写/校验后创建 演示就诊人 N，返回入口并回填为当前就诊人 |
无真实实名认证、账号、OCR、资料写入或网络 | 空态以虚线卡替代选择器；CTA 必须可点击并实际离开入口页，不得停留在“不可用”弹层 |
| 就诊人底部选择面板 | .patient-sheet、.sheet-item、选中态、取消 |
两个匿名演示就诊人，性别年龄仅可为演示占位 | 点击遮罩/取消关闭；点击列表项选中并回填主卡 | 无编辑、删除、真实人员查询 | 底部圆角抽屉、标题“选择就诊人”、单选标记与安全区完整；不以页面跳转替代抽屉 |
| 温馨提示卡 | .notice-card、提示列表 |
静态合规提示；不得含真实收费/个人信息 | 无主操作；长文可随页面滚动 | 不承诺真实时效、支付、快递或院内数据 | 暖色浅底、橙色描边/图标、标题及三条提示可读，位于就诊人区块之后 |
| 原型底部导航语义 | .bottom-nav、首页/账单/消息/我的 |
本地静态宿主导航状态 | “首页”仅以 wx.switchTab 返回既有宿主首页；其余项使用既有宿主可达路由，缺失时提示不可用且不伪造跳转 |
不新增宿主业务页、不改已有 TabBar 配置、不调用网络或其他宿主业务能力 | 固定底部白色导航、四项图标/文案、首页高亮，内容不被安全区遮挡 |
本地 Mock 添加就诊人页契约
/packageMRC/pages/patient-create/index 必须以 09-添加就诊人页.html 的微信导航栏、表单分组、下一步主按钮、返回与首页语义为视觉和交互基线。该页面属于完整本地 Demo 流程，不是“暂不支持”提示页。
| 原型节点 | 目标语义 | 本地 Mock 交互 | 数据与限制 | 截图检查点 |
|---|---|---|---|---|
| 微信导航栏与返回/首页 | 页面标题“添加就诊人”、返回、首页 | 返回不创建数据；首页回宿主首页 | 不改变宿主导航配置 | 顶部层级、标题居中、返回/首页触控区域对齐 09-添加就诊人页.html |
| 姓名、证件类型、证件号、手机号、验证码表单 | 与原型一致的表单行、选择器、验证码/下一步按钮 | 输入、选择、行内校验、焦点/禁用/错误态均真实可操作；“获取验证码”只反馈本地演示验证码状态 | 不调用短信、实名认证、OCR 或服务端校验；提交值不展示或持久化为 PII | |
| 本地 Mock 完成与回填 | 提交成功提示、返回申请入口 | 通过本地 Adapter 生成 演示就诊人 N 和非敏感演示标识；navigateBack 后入口 onShow 读取 Adapter 并显示为当前就诊人 |
仅内存状态；不写 Storage、文件或网络；不得保留用户输入的姓名/证件/手机号 | 成功提示后返回入口；当前就诊人卡出现匿名名称和默认/已选标签 |
本页可保留原型字段和校验反馈以验证未来上线时的操作体验，但 Demo 提交只能调用无参数的 Adapter 匿名创建动作，不能把任一表单 payload 传入 Adapter。任何手输个人信息均不得回显、写入日志、Storage 或 Mock 固定数据。
交互与路由验收规则
- 首屏的唯一主 CTA 是“我要申请复印”，患者首屏内容区域、Hero、我的申请、就诊人和提示卡中不得出现
SCN-*场景芯片、revision、重置动作或研发术语。 - 场景切换是验收辅助能力，必须由
.demo-mode-entry打开.demo-mode-panel；每一个.chip-row场景芯片组都必须在 WXML 的.demo-mode-panel祖先节点内。.demo-mode-entry仅负责触发，不能作为芯片组的祖先放宽条件，芯片组也不得存在于患者首屏内容区域。场景切换、重置和错误提示只作用于小程序本地内存mrc-demo-state/v1Adapter。 - 申请、我的申请、就诊人抽屉、无就诊人引导和底部导航均须有真实可点击反馈与确定的关闭/返回路径；无就诊人 CTA 与确认必须进入本地 Mock 添加就诊人页并回填匿名患者，不能停留或显示为不可用。仅真实外部能力可保留原型布局并给出明确本地 Demo 不可用说明。
- 所有展示值使用脱敏 Mock；不得展示真实姓名、手机号、证件、病案号、地址、支付凭据、物流单号，且不得发起 HTTP 请求。
patient-create的原始姓名、证件号、手机号等输入仅可用于本页行内校验，提交后不得进入 Adapter 快照、日志、Storage、固定 Mock 数据或任何回显；Adapter 只能生成匿名演示就诊人。patient-create页面与 MRC Demo Adapter 均不得调用wx.request、任何上传/选文件能力、任何 Storage API，或引用既有就诊人服务（patientMaintenance、patientSelector、homePatient）和pages/mine/patientEdit页面。 - 本契约的静态最低门槛由
tests/mrc-apply-entry-visual-contract.test.js守护；该测试通过不等同于视觉验收通过。
375×812 视觉走查证据
每次页面整改至少留存以下截图，设备为微信开发者工具 375×812，100% 缩放，无浏览器外壳：
| 编号 | 场景 | 必须核对 |
|---|---|---|
| VC-APPLY-01 | 默认有就诊人首屏 | 顶部渐变、Hero、CTA、我的申请、就诊人卡、提示卡、底部导航的顺序、留白、圆角、阴影与色阶对齐原型 |
| VC-APPLY-02 | 打开演示模式 | 演示模式是辅助面板；关闭后首屏恢复为患者视图，场景芯片不留在主卡 |
| VC-APPLY-03 | 打开并选择就诊人 | 抽屉动画/遮罩、选中态、取消、回填均可用且主页面不闪烁 |
| VC-APPLY-04 | 无就诊人状态 | 虚线引导卡 CTA 进入本地 Mock 添加就诊人页；返回后回填匿名患者，不跳转到真实认证 |
| VC-APPLY-05 | 点击申请与我的申请 | 申请进入身份页；我的申请进入列表；返回可回到入口且保留本端演示状态 |
| VC-APPLY-06 | 添加就诊人页与回填 | 按 09-添加就诊人页.html 走完表单、错误态和本地 Mock 成功路径；返回入口后患者卡已更新 |
未提供上述页面截图、操作录屏或等价的开发者工具证据前，模块维持“开发中（Demo）”，不得转为视觉验收通过。