From 3e7cd268fab60f33a9baf3533eceb3c9b4d132cd Mon Sep 17 00:00:00 2001 From: liuyunqin Date: Tue, 15 Sep 2026 17:59:47 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=81=A5=E5=BA=B7=E4=BD=93=E6=A3=80?= =?UTF-8?q?=E5=91=98=E5=B7=A5=E7=AB=AF=E6=96=B0=E5=A2=9E=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E6=80=BB=E8=A7=88=E5=B9=B6=E7=BA=B3=E5=85=A5=E7=AB=99=E7=82=B9?= =?UTF-8?q?=E5=9C=B0=E5=9B=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../health-checkup/doc/design-overview.html | 461 ++++++++++++++++++ index.html | 1 + 2 files changed, 462 insertions(+) create mode 100644 employee-app/health-checkup/doc/design-overview.html diff --git a/employee-app/health-checkup/doc/design-overview.html b/employee-app/health-checkup/doc/design-overview.html new file mode 100644 index 0000000..a0bc00c --- /dev/null +++ b/employee-app/health-checkup/doc/design-overview.html @@ -0,0 +1,461 @@ + + + + + +健康体检员工端 · 页面设计总览 + + + + + + + +
+
+

一、模块主页

+ 1 屏 +
+ +
健康体检主页（index.html）· 计划 Banner 轮播 + 服务入口
+
+
+
+
健康体检主页
+
默认
+
+
+
+ +
+ + +
+
+

二、常规体检预约流程

+ 15 屏 +
+ +
选择体检类型 + 选择医院（booking-type.html / booking-hospital.html）· 个人信息确认弹窗
+
+
+
+
选择体检类型
+
入口
+
+
+
+
选择医院
+
第1步
+
+
+
+
确认个人信息
+
弹窗
+
+
+ +
选择项目（booking-project.html）· 必检/选检Tab + 提交/推荐弹窗 + 项目详情 + 已选项目确认
+
+
+
+
选择项目 · 选检
+
默认Tab
+
+
+
+
选择项目 · 必检
+
必检Tab
+
+
+
+
确认提交弹窗
+
弹窗
+
+
+
+
智能推荐弹窗
+
弹窗
+
+
+
+
项目详情
+
+
+
+
已选项目确认
+
第2步完成
+
+
+ +
预约日期 + 预约结果（booking-date.html / booking-date-selected.html）· 成功/失败两态
+
+
+
+
预约日期
+
第3步
+
+
+
+
确认预约信息
+
弹窗
+
+
+
+
预约成功
+
成功态
+
+
+
+
失败原因详情
+
弹窗
+
+
+
+
确认取消预约
+
弹窗
+
+
+
+
预约失败
+
失败态
+
+
+
+ +
+ + +
+
+

三、胃肠镜体检预约流程

+ 7 屏 +
+ +
选择医院 + 病史问卷（gastro-hospital.html / gastro-questionnaire.html）· 就诊卡条件题
+
+
+
+
选择医院
+
第1步
+
+
+
+
病史问卷
+
第2步
+
+
+
+
问卷 · 唐都医院
+
就诊卡
+
+
+
+
就诊卡办理流程
+
弹窗
+
+
+ +
预约日期 + 预约结果（gastro-date.html / gastro-date-selected.html）
+
+
+
+
预约日期
+
第3步
+
+
+
+
预约成功
+
成功态
+
+
+
+
预约失败
+
失败态
+
+
+
+ +
+ + +
+
+

四、胃肠镜医院预选（意向征集）

+ 3 屏 +
+ +
医院预选（gastro-preselect.html）· 多选 + 提交确认 + 完成回显
+
+
+
+
医院预选填写
+
多选
+
+
+
+
确认提交预选
+
弹窗
+
+
+
+
预选提交完成
+
完成态
+
+
+
+ +
+ + +
+
+

五、冠脉CTA体检预约流程

+ 4 屏 +
+ +
选择医院 → 预约日期 → 预约结果（cta-hospital.html / cta-date.html / cta-date-selected.html）
+
+
+
+
选择医院
+
第1步
+
+
+
+
预约日期
+
第2步
+
+
+
+
预约成功
+
成功态
+
+
+
+
预约失败
+
失败态
+
+
+
+ +
+ + +
+
+

六、现场体检

+ 3 屏 +
+ +
现场体检（my-appointments-all.html）· 三类体检 Tab
+
+
+
+
常规体检 · 待体检
+
签到码
+
+
+
+
胃肠镜体检
+
Tab切换
+
+
+
+
冠脉CTA体检
+
Tab切换
+
+
+
+ +
+ + +
+
+

七、体检报告与指标对比

+ 6 屏 +
+ +
报告列表 + 三类专项报告（reports.html / report-query.html / report-cta.html / report-gastro.html）
+
+
+
+
体检报告列表
+
入口
+
+
+
+
常规体检报告
+
+
+
+
冠脉CTA报告
+
+
+
+
胃肠镜报告
+
+
+ +
指标纵向对比 + 指标分析详情（indicator-compare.html / indicator-compare-detail.html）
+
+
+
+
指标纵向对比
+
AI总结
+
+
+
+
指标分析详情
+
趋势图
+
+
+
+ +
+ + +
+
+

八、消息与咨询

+ 4 屏 +
+ +
消息列表 / 详情（暂缓 · 后续统一站内消息）+ 一键咨询（consult.html）
+
+
+
+
消息列表
+
暂缓
+
+
+
+
消息详情 · 报告
+
暂缓
+
+
+
+
消息详情 · AI预警
+
暂缓
+
+
+
+
一键咨询
+
异常指标
+
+
+
+ +
+ + +
+
+

九、操作说明

+ 3 屏 +
+ +
操作说明 + 讲解详情（process-guide.html / process-guide-detail.html）· 图文/视频两态
+
+
+
+
操作说明
+
搜索过滤
+
+
+
+
讲解详情 · 图文
+
图文
+
+
+
+
讲解详情 · 视频
+
视频
+
+
+
+ +
+ + + + + + diff --git a/index.html b/index.html index 1d8d2df..1552381 100644 --- a/index.html +++ b/index.html @@ -660,6 +660,7 @@ const SITE_MAP = [ {n:'应用主页（收起态）',f:'index.html'}, ] }, { name:'健康体检', dir:'employee-app/health-checkup', entry:'index.html', prd:'employee-app/health-checkup/doc/PRD.md', pages:[ + { file:'doc/design-overview.html', label:'页面总览' }, { file:'index.html', label:'健康体检主页' }, { file:'booking-type.html', label:'选择体检类型' }, { file:'booking-hospital.html', label:'预约-选择医院' },