tasks.md 5.7 KB
Tasks: 首页新版 UI 试验与正式采用
1. 前置与边界
- 1.1 以最新
develop@87198b1创建feature/PRI-MP-HOME-001-home-ui-style-experiment，不修改或切换develop。 - 1.2 复核项目管理入口、HOME 现行规格、UI 标准、临时设计稿和当前首页实现。
- 1.3 建立本试验 OpenSpec change，明确临时稿不自动升级为 UI 标准。
- 1.4 编码前通过 OpenSpec strict 校验。
2. 首页试验
- 2.1 在首页引入珍珠白底、医疗蓝/青/暖橙点缀与紧凑顶部视觉语言。
- 2.2 将既有服务入口调整为非对称快捷服务和开放式常用服务表现，同时完整呈现动态入口。
- 2.3 将医院、就诊人/待办、AI 导诊、推荐医生和科普模块调整为一致的信息层级。
- 2.4 保留加载、空、错误、禁用、未登录、未选择医院及患者切换状态。
- 2.5 确认没有新增 mock、硬编码业务数据、真实写接口或越权路由。
3. 验证与后续
- 3.1 运行 OpenSpec strict、WXML/WXSS/JS/JSON 静态检查、HOME 离线测试和 diff 检查。
- 3.2 对照临时稿执行视觉 QA，完成 392px 同尺寸及 320px/长文本/8 入口几何检查；微信原生终检作为已记录阻断项待人工完成。
- 3.3 输出试验结果、已知差异、真机待验项和回退方式；试验阶段不合并或推送
develop。
4. 第二轮高还原试验
- 4.1 将现有试验扩展为临时首页原型高还原，补齐自定义顶部与就诊/活动 Banner 轮播。
- 4.2 复用临时稿已提交图片和同源开源图标库，替换首屏文字图标与占位视觉。
- 4.3 将动态服务、AI 导诊、常用服务、推荐医生映射到原型的非对称紧凑布局。
- 4.4 对齐定制 TabBar 的原型外观，并保持原有页面路由、动态显隐和角标逻辑。
- 4.5 保留真实医院、患者、待办、菜单、医生、科普和局部异常状态；不硬编码临床数据。
- 4.6 完成源码、离线测试、OpenSpec strict、包体素材和同尺寸视觉 QA；微信开发者工具/真机终检仍为已记录阻断项。
5. 第三轮跨一级页面导航一致性
- 5.1 五个一级 Tab 页面始终使用同一套原型图标、字号、颜色与安全区高度。
- 5.2 缴费入口在所有一级页面保持中央蓝色强调按钮，当前页面仅高亮对应导航项。
- 5.3 保留就诊指引动态显隐、消息角标、页面切换和防重复点击逻辑。
- 5.4 增加跨页面导航一致性离线门禁，并完成源码、OpenSpec 与差异检查。
- 5.5 使用项目负责人提供的实机截图记录整改依据；微信开发者工具/真机复拍作为最终视觉终检项。
6. 第四轮常用服务栅格居中整改
- 6.1 根据项目负责人实机截图定位常用服务整体左偏原因。
- 6.2 覆盖旧版 flex 遗留宽度，使四个单元分别占满等宽 grid 轨道并居中。
- 6.3 增加常用服务栅格布局离线门禁，完成源码、OpenSpec 与差异检查。
- 6.4 更新视觉 QA 证据；微信开发者工具/真机复拍作为最终视觉终检项。
7. 首页与子模块衔接整改
- 7.1 复核首页固定入口、动态菜单、待办、公告、就诊码、推荐医生、科普、Banner 专区和医院简介的下游路由及参数契约。
- 7.2 将待办摘要改为非零数据展示，并按待就诊、待支付、报告查询分流；同步真实消息未读红点。
- 7.3 接通首页就诊码、公告正文、AI 信息填写页、医院选择和在线咨询类型选择页。
- 7.4 修复服务菜单失败态不可见、推荐医生参数不完整和检查预约 H5 缺少医院/就诊人/登录上下文的问题。
- 7.5 移除医院简介无目标的“更多”假动作，校正搜索和未接入能力文案。
- 7.6 增加首页衔接离线门禁，并完成源码、离线测试、文档链接、OpenSpec strict 与差异检查。
8. 合并轮播前两页缺失整改
- 8.1 对照临时原型源码与 Design QA，确认目标顺序为当前就诊、复诊提醒、三张活动图共五类轮播页。
- 8.2 恢复“当前就诊/去报到”轮播页，使用
17050049真实就诊指引记录；无明细但存在待就诊数量时使用真实摘要安全降级。 - 8.3 恢复“复诊提醒/立即预约”轮播页，使用
03050165真实治疗/护理/复查记录，并进入现有预约详情链路。 - 8.4 移除轮播外重复的当前就诊细条，统一五类轮播高度、圆角、状态和点击区域。
- 8.5 扩展首页衔接离线门禁并完成源码、OpenSpec strict 与差异检查；微信开发者工具/真机轮播截图仍作为人工视觉终检项。
- 8.6 区分治疗查询的确认空结果与请求失败，避免失败时误报“暂无待预约项目”；校准当前就诊空态按钮与挂号去向。
9. 正式采用与集成准备
- 9.1 项目负责人确认当前首页成为首页专项正式基线；其他页面继续执行现行项目级 UI 标准。
- 9.2 项目负责人确认五个一级页面原生视觉、TabBar 一致性和首页科普真实链路验证通过。
- 9.3 在不改变已验收视觉尺寸的前提下，将顶部可点击控件透明热区扩展到不小于
88rpx并补充可访问标签。 - 9.4 复核素材来源和包体增量：首页专项素材约 205KB；保留原始来源及 Phosphor MIT 许可，实际上传包体继续纳入发布工具检查。
- 9.5 完成开发者自检验收材料、全量固定检查和最新
develop同步。 - 9.6 由主 Agent 串行合并并推送
develop，合并后执行项目管理复核；OpenSpec archive 仍按项目流程另行执行。