diff --git a/emergency-app/onsite/doc/PRD.md b/emergency-app/onsite/doc/PRD.md index 4185456..a8f5545 100644 --- a/emergency-app/onsite/doc/PRD.md +++ b/emergency-app/onsite/doc/PRD.md @@ -41,6 +41,7 @@ stateDiagram-v2 stateDiagram-v2 [*] --> 待处理 : 操作人员确认预约并派单 待处理 --> 已完成 : 驻场人员提交挂号结果 + 待处理 --> 待处理 : 驻场人员转单给其他驻场人员 ``` ## 页面清单 @@ -219,36 +220,18 @@ stateDiagram-v2 ### 7. 知识库首页 -![页面截图](screenshots/knowledge-index.jpg) -**功能说明：** 分类展示知识文章和规章制度。 +**功能说明：** 等待后续规划，提示“功能开发中，敬请期待~” -**业务规则：** -- 一级 Tab：知识文章（默认）/ 规章制度 -- 知识文章面板：二级 Tab 分类（调度流程、急救知识、沟通技巧），每个分类下展示知识卡片 -- 规章制度面板：展示 PDF 文件列表 -- 知识卡片展示：图标、标题、简要描述 - -**交互说明：** -- 点击一级 Tab：切换知识文章/规章制度面板 -- 点击二级 Tab：切换知识分类 -- 点击知识卡片：跳转到知识详情页 --- ### 8. 知识详情 -![页面截图](screenshots/knowledge-article-detail.jpg) -**功能说明：** 展示单篇知识文章的完整内容，根据 URL 参数动态渲染。 -**业务规则：** -- 通过 URL 参数 `?key=xxx` 获取知识条目标识 -- 页面动态渲染：标题、分类标签、更新日期、概述、主要内容列表 -- 内置 10 个知识条目数据 +**功能说明：** 等待后续规划，提示“功能开发中，敬请期待~” -**交互说明：** -- 点击返回：返回知识库首页 --- diff --git a/emergency-app/onsite/workbench/serious-illness-detail-pending.html b/emergency-app/onsite/workbench/serious-illness-detail-pending.html index b58a11b..f2c4739 100644 --- a/emergency-app/onsite/workbench/serious-illness-detail-pending.html +++ b/emergency-app/onsite/workbench/serious-illness-detail-pending.html @@ -46,7 +46,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .modal-center.active { display: flex; } .modal-center.modal-bottom { align-items: flex-end; } .modal-box { width: 280px; background: #fff; border-radius: 16px; overflow: hidden; } -.transfer-modal { width: calc(100% - 24px); max-width: 366px; height: 88vh; max-height: 88vh; border-radius: 20px 20px 0 0; overflow: visible; padding-bottom: 6px; display: flex; flex-direction: column; } +.transfer-modal { width: calc(100% - 24px); max-width: 366px; height: 50vh; max-height: 50vh; border-radius: 20px 20px 0 0; overflow: visible; padding-bottom: 6px; display: flex; flex-direction: column; } .person-select { position: relative; padding: 0 16px; } .person-select__input-wrap { position: relative; } .person-select__input { width: 100%; height: 40px; border: 1px solid #e8e8e8; border-radius: 8px; padding: 0 38px 0 12px; font-size: 14px; outline: none; color: #1a1a1a; background: #fff; } @@ -258,10 +258,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
联系方式-
当前状态-
-
-
*转单说明
- -
diff --git a/emergency-app/onsite/workbench/work-order-detail-ongoing.html b/emergency-app/onsite/workbench/work-order-detail-ongoing.html index 88ab91f..6dc4feb 100644 --- a/emergency-app/onsite/workbench/work-order-detail-ongoing.html +++ b/emergency-app/onsite/workbench/work-order-detail-ongoing.html @@ -48,7 +48,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .modal-center.active { display: flex; } .modal-center.modal-bottom { align-items: flex-end; } .modal-box { width: 280px; background: #fff; border-radius: 16px; overflow: hidden; } -.transfer-modal { width: calc(100% - 24px); max-width: 366px; height: 88vh; max-height: 88vh; border-radius: 20px 20px 0 0; overflow: visible; padding-bottom: 6px; display: flex; flex-direction: column; } +.transfer-modal { width: calc(100% - 24px); max-width: 366px; height: 50vh; max-height: 50vh; border-radius: 20px 20px 0 0; overflow: visible; padding-bottom: 6px; display: flex; flex-direction: column; } .person-select { position: relative; padding: 0 16px; } .person-select__input-wrap { position: relative; } .person-select__input { width: 100%; height: 40px; border: 1px solid #e8e8e8; border-radius: 8px; padding: 0 38px 0 12px; font-size: 14px; outline: none; color: #1a1a1a; background: #fff; } @@ -141,6 +141,14 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
救助结果：
暂未填写
+
+
相关照片：
+
暂未上传
+
+
+
补充小结：
+
暂未填写
+
@@ -252,10 +260,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
联系方式-
当前状态-
-
-
*转单说明
- -
diff --git a/emergency-app/onsite/workbench/work-order-detail.html b/emergency-app/onsite/workbench/work-order-detail.html index 923e3a4..d97b31b 100644 --- a/emergency-app/onsite/workbench/work-order-detail.html +++ b/emergency-app/onsite/workbench/work-order-detail.html @@ -36,6 +36,9 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .desc-block__text { font-size: 13px; color: #333; line-height: 1.8; } .photo-list { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 2px; } .photo-item { width: 90px; height: 68px; border-radius: 8px; background: linear-gradient(135deg, #e6f7ff, #bae7ff); border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1677ff; } +.summary-list { display: flex; flex-direction: column; gap: 8px; } +.summary-item { font-size: 13px; color: #333; line-height: 1.8; padding: 8px 12px; background: #f7f8fa; border-radius: 8px; position: relative; padding-left: 22px; } +.summary-item::before { content: ''; position: absolute; left: 10px; top: 14px; width: 5px; height: 5px; border-radius: 50%; background: #1677ff; } @@ -87,6 +90,21 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
救助结果：
员工已送达长庆油田职工医院急诊科，完成头颅CT检查，排除脑出血，诊断为高血压引起的眩晕，已开具降压药物并留观。
+
+
相关照片：
+
+
照片 1
+
照片 2
+
+
+
+
补充小结：
+
+
患者血压已从180/110mmHg降至145/90mmHg，头晕症状明显缓解，意识清醒。
+
已与家属沟通病情，建议留院观察24小时，家属表示同意。
+
后续需定期监测血压，按时服用降压药物，一周后门诊复查。
+
+
diff --git a/emergency-app/operator/doc/PRD.md b/emergency-app/operator/doc/PRD.md new file mode 100644 index 0000000..5e6719a --- /dev/null +++ b/emergency-app/operator/doc/PRD.md @@ -0,0 +1,527 @@ +# 操作人员端（健康应急APP）产品需求文档 + +## 模块概述 + +操作人员端为应急调度中心的操作人员提供移动端工作平台，负责接收员工应急求助（视频/电话/120），在线实时沟通调度，协调专业人员、驻场人员、救护车等资源完成应急救助闭环。同时承担大病就医预约的确认、派单和取消管理。操作人员是整个应急流程的核心调度枢纽。 + +### 页面导航结构 + +``` +操作人员端 +├── 工作台（底部Tab） +│ ├── 应急求助 +│ │ ├── 进行中 → 应急聊天（进行中） +│ │ │ ├── 驻场派单 +│ │ │ ├── 救护车支援 +│ │ │ ├── 救助信息汇总 +│ │ │ ├── 患者定位地图 +│ │ │ └── 工单详情（进行中） +│ │ └── 已完成 → 应急聊天（已结束） +│ │ └── 工单详情（已完成） +│ └── 大病就医 +│ ├── 待确认 → 大病就医详情（待确认） +│ ├── 已确认 → 大病就医详情（已确认） +│ ├── 已完成 → 大病就医详情（已完成） +│ └── 已取消 → 大病就医详情（已取消） +├── 知识库（底部Tab） +│ ├── 知识文章（分类Tab）→ 知识详情 +│ └── 规章制度（PDF列表） +├── AI助手（底部Tab） +├── 消息（底部Tab） +└── 我的（底部Tab） + ├── 值班信息 → 排班配置 + ├── 修改个人信息 + ├── 修改密码 + └── 退出登录（确认弹窗） +``` + +### 应急工单状态流转图 + +```mermaid +stateDiagram-v2 + [*] --> 进行中 : 未结束的应急工单 + 进行中 --> 已结束 : 员工/操作人员/专业人员任意一方结束应急 +``` + +### 大病就医状态流转图 + +```mermaid +stateDiagram-v2 + [*] --> 待确认 : 员工发起大病就医预约 + 待确认 --> 已确认 : 操作人员确认预约并派单 + 待确认 --> 已取消 : 操作人员/员工取消预约 + 已确认 --> 已完成 : 驻场人员提交挂号结果 + 已确认 --> 已取消 : 操作人员/员工取消预约 +``` + +## 页面清单 + +| 序号 | 文件名 | 页面名称 | 所属模块 | +|------|--------|----------|----------| +| 1 | workbench/index.html | 工作台首页 | 工作台 | +| 2 | workbench/emergency-chat.html | 应急聊天（进行中） | 工作台·应急求助 | +| 3 | workbench/emergency-chat-done.html | 应急聊天（已结束） | 工作台·应急求助 | +| 4 | workbench/dispatch-onsite.html | 驻场派单 | 工作台·应急求助 | +| 5 | workbench/dispatch-ambulance.html | 救护车支援 | 工作台·应急求助 | +| 6 | workbench/rescue-summary.html | 救助信息汇总 | 工作台·应急求助 | +| 7 | workbench/patient-location.html | 患者定位地图 | 工作台·应急求助 | +| 8 | workbench/work-order-detail-ongoing.html | 工单详情（进行中） | 工作台·应急求助 | +| 9 | workbench/work-order-detail.html | 工单详情（已完成） | 工作台·应急求助 | +| 10 | workbench/serious-illness-list.html | 大病就医列表 | 工作台·大病就医 | +| 11 | workbench/serious-illness-detail-pending.html | 大病就医详情（待确认） | 工作台·大病就医 | +| 12 | workbench/serious-illness-detail-confirmed.html | 大病就医详情（已确认） | 工作台·大病就医 | +| 13 | workbench/serious-illness-detail-done.html | 大病就医详情（已完成） | 工作台·大病就医 | +| 14 | workbench/serious-illness-detail-cancelled.html | 大病就医详情（已取消） | 工作台·大病就医 | +| 15 | knowledge/index.html | 知识库首页 | 知识库 | +| 16 | knowledge/article-detail.html | 知识详情 | 知识库 | +| 17 | ../ai-assistant/index.html | AI 助手 | AI 助手 | +| 18 | ../message/index.html | 消息列表 | 消息 | +| 19 | profile/index.html | 个人中心主页 | 我的 | +| 20 | profile/edit-profile.html | 修改个人信息 | 我的 | +| 21 | profile/change-pwd.html | 修改密码 | 我的 | +| 22 | profile/duty-schedule.html | 值班信息 | 我的 | +| 23 | profile/duty-config.html | 排班配置 | 我的 | + +## 逐页说明 + +--- + +## 一、工作台模块 + +### 1. 工作台首页 + +![页面截图](screenshots/index.jpg) + +**功能说明：** 操作人员工作台入口，展示应急求助和大病就医两大业务的任务队列，按状态分类管理。 + +**业务规则：** +- 顶部统计卡片展示：应急进行中数量、大病待确认数量 +- 一级 Tab 切换：应急求助（默认）/ 大病就医 +- 应急求助面板：二级 Tab 切换进行中 / 已完成 +- 大病就医面板：跳转至大病就医列表页 +- 应急卡片展示：患者姓名、年龄、求助方式标签、求助时间 +- 应急求助方式分为“拨打120”、“应急视频”、“应急电话”、“线下应急”四种，“线下应急”为操作人员手动录入工单方式。 +- 已完成卡片额外展示完成时间 + +**交互说明：** +- 点击进行中卡片：求助方式如果是“应急视频”则跳转到应急聊天（进行中）页，其余跳转到工单详情(进行中)页 +- 点击已结束卡片：求助方式如果是“应急视频”则跳转到应急聊天（已结束）页， 其余跳转到工单详情(已完成)页 +- 点击大病就医 Tab：跳转到大病就医列表页 +- 底部导航栏 5 个 Tab：工作台、知识库、AI 助手、消息、我的 + +--- + +## 二、应急求助业务线 + +### 2. 应急聊天（进行中） + +![页面截图](screenshots/emergency-chat.jpg) + +**功能说明：** 操作人员与患者、专业人员的实时三方聊天界面，同时提供调度操作入口（驻场派单、救护车支援、救助信息、患者定位）。 + +**业务规则：** +- 患者信息条（可折叠）展示：求助时间、患者姓名、年龄、所属单位、联系电话、求助方式、查看工单入口 +- 聊天区域展示三方消息：患者（左侧气泡）、操作人员（右侧气泡）、专业人员（左侧色气泡） +- 救助意见以绿色卡片形式展示在聊天区 +- 操作按钮栏固定在输入区上方，提供 4 个调度快捷入口 +- 输入区支持语音/文字模式切换和媒体选择面板 + +**交互说明：** +- 点击"查看工单"：跳转到工单详情（进行中）页， +- 点击"驻场派单"：跳转到驻场派单页 +- 点击"救护车支援"：跳转到救护车支援页 +- 点击"救助信息"：跳转到救助信息汇总页 +- 点击"员工位置"：跳转到患者定位地图页 +- 点击"结束应急"：弹出二次确认弹窗，确认后跳转回工作台首页（已完成 Tab） +- 点击"🎤"图标：切换语音/文字输入模式 +- 点击"+"图标：展开/收起媒体选择面板 +- 点击"➤"发送按钮：将输入框内容发送为操作人员消息气泡 + +--- + +### 3. 应急聊天（已结束） + +![页面截图](screenshots/emergency-chat-done.jpg) + +**功能说明：** 查看已结束应急的完整聊天记录，只读模式，不可发送消息。 + +**业务规则：** +- 患者信息条（可折叠）展示患者基本信息 +- 聊天区域展示完整历史消息 +- 应急结束卡片以灰色样式展示结束时间 +- 底部固定提示条："本次应急已结束" + +**交互说明：** +- 点击"查看工单"：跳转到工单详情（已完成）页 +- 点击返回：跳转回工作台首页（已完成 Tab） + +--- + +### 4. 驻场派单 + +![页面截图](screenshots/dispatch-onsite.jpg) + +**功能说明：** 操作人员选择驻场人员并下发派单指令，派单成功后展示派单结果。 + +**业务规则：** +- 患者信息摘要条展示患者姓名、年龄、求助方式 +- 驻场人员列表支持按姓名或所在医院搜索过滤 +- 每个驻场人员展示：姓名、所在医院、联系方式、当前状态（空闲/有派单） +- 选中人员后自动展示详细信息卡片 +- 确认派单后表单区域隐藏，显示派单结果卡片（含派单时间、人员、状态、说明） + +**交互说明：** +- 点击搜索框：展开驻场人员下拉列表 +- 输入关键词：实时过滤匹配的人员 +- 选择人员：自动填充信息卡片，启用确认按钮 +- 点击"确认派单"：隐藏选择表单，显示派单结果 +- 点击返回：返回应急聊天页 + +**表单字段表：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 驻场人员 | 搜索下拉选择 | 是 | 必须选择一名人员 | +| 派单说明 | 多行文本 | 否 | 无 | + +--- + +### 5. 救护车支援 + +![页面截图](screenshots/dispatch-ambulance.jpg) + +**功能说明：** 操作人员选择救护车并填写行程信息，完成救护车调度。 + +**业务规则：** +- 患者信息摘要条展示患者基本信息 +- 救护车列表支持按医疗点或医院名称搜索过滤 +- 每辆救护车展示：车牌号、所属医疗点、所属医院、驾驶员、联系电话 +- 选中救护车后自动展示详细信息卡片 +- 目的地为必填项，其余行程信息选填 + +**交互说明：** +- 点击搜索框：展开救护车下拉列表 +- 输入关键词：实时过滤匹配的救护车 +- 选择救护车：自动填充信息卡片 +- 点击"确认填写"：验证目的地必填，提示成功后返回上一页 + +**表单字段表：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 救护车 | 搜索下拉选择 | 是 | 必须选择一辆救护车 | +| 随行人 | 单行文本 | 否 | 无 | +| 随行人电话 | 电话输入 | 否 | 无 | +| 目的地 | 单行文本 | 是 | 不能为空 | +| 备注信息 | 多行文本 | 否 | 无 | + +--- + +### 6. 救助信息汇总 + +![页面截图](screenshots/rescue-summary.jpg) + +**功能说明：** 集中管理救助过程中的补充小结、救助结果和相关照片，支持新增、编辑、删除操作。 + +**业务规则：** +- 患者信息摘要条展示患者基本信息 +- 三个可折叠区块：补充小结、救助结果、相关照片 +- 补充小结支持多条记录，每条展示时间、内容、作者，支持编辑和删除 +- 新增小结输入区展示字数统计（上限 200 字） +- 救助结果为单条文本，支持切换编辑模式 +- 相关照片展示已上传照片列表，支持上传和删除 + +**交互说明：** +- 点击区块标题：折叠/展开对应区块 +- 点击"添加"（小结）：展开输入区，填写后插入列表 +- 点击"编辑"（小结）：进入编辑模式 +- 点击"删除"（小结）：确认后删除，更新计数 +- 点击"编辑"（救助结果）：切换为编辑模式 +- 点击"保存"（救助结果）：保存并切换回展示模式 +- 点击"上传照片"：添加照片 +- 点击"删除"（照片）：确认后删除，更新计数 + +--- + +### 7. 患者定位地图 + +![页面截图](screenshots/patient-location.jpg) + +**功能说明：** 地图展示患者实时位置和周边医疗资源分布，支持按资源类型筛选查看。 + +**业务规则：** +- 地图中心展示患者位置标记（红色脉冲动画） +- 资源类型 Tab 栏：油田医院、合作医院、医疗点、救护车、AED、急救包 +- 不同类型资源使用不同颜色标记 +- 资源卡片展示：名称、所属机构、距离患者距离、电话、地址 +- 卡片提供"联系"和"导航"两个操作按钮 + +**交互说明：** +- 点击资源类型 Tab：切换显示对应类型的资源标记 +- 点击资源标记：底部弹出资源详情卡片 +- 点击"联系"：拨打资源联系电话 +- 点击"导航"：打开导航应用 +- 点击地图空白处：关闭资源卡片 + +--- + +### 8. 工单详情（进行中） + +![页面截图](screenshots/work-order-detail-ongoing.jpg) + +**功能说明：** 展示进行中工单的完整信息，支持编辑救助信息和救护车信息。包含基本信息、救助信息、派单信息、救护车支援四个可折叠卡片。 + +**业务规则：** +- 基本信息卡片：工单编号、应急中心、求助员工、部门、求助方式、时间、位置、操作人员、专业人员、状态 +- 救助信息卡片：救助意见（只读）、救助结果（可编辑）、相关照片（可上传/删除）、补充小结（可新增/编辑/删除）、保存按钮 +- 派单信息卡片：展示已派单记录或空状态提示 +- 救护车支援卡片：展示救护车详情，支持编辑 +- 根据 URL 参数 method 动态设置求助方式和返回目标：应急视频返回聊天页，应急电话/拨打120 显示结束应急按钮 + +**交互说明：** +- 点击卡片标题：折叠/展开卡片 +- 点击"新增/编辑"（救助结果）：打开编辑弹窗 +- 点击"新增/编辑"（补充小结）：打开小结编辑弹窗 +- 点击"编辑"（救护车）：打开救护车编辑弹窗（含搜索选择和行程信息） +- 点击"结束应急"（仅非视频求助）：弹出确认弹窗，确认后跳转回工作台 + +--- + +### 9. 工单详情（已完成） + +![页面截图](screenshots/work-order-detail.jpg) + +**功能说明：** 展示已完成工单的完整信息，结构与进行中版本一致，救助信息、派单信息、救护车信息均已填充完整数据。 + +**业务规则：** +- 四个可折叠卡片结构同进行中版本 +- 救助结果、补充小结、相关照片均展示已填写内容 +- 派单信息展示完整派单历史（派单时间、驻场人员、状态、说明） +- 救护车支援展示完整调度记录 + +**交互说明：** +- 点击卡片标题：折叠/展开卡片 +- 点击返回：跳转到应急聊天（已结束）页 + +--- + +## 三、大病就医业务线 + +### 10. 大病就医列表 + +![页面截图](screenshots/serious-illness-list.jpg) + +**功能说明：** 大病就医预约任务列表，按状态分类展示，支持 Tab 切换。 + +**业务规则：** +- 二级 Tab 切换：待确认（含数量角标）、已确认、已完成、已取消 +- 卡片展示：预约医院、状态标签、申请员工、科室、医生、挂号类别、预约时间 +- 不同状态使用不同颜色标签：待确认（橙色）、已确认（蓝色）、已完成（绿色）、已取消（灰色） + +**交互说明：** +- 点击待确认卡片：跳转到大病就医详情（待确认）页 +- 点击已确认卡片：跳转到大病就医详情（已确认）页 +- 点击已完成卡片：跳转到大病就医详情（已完成）页 +- 点击已取消卡片：跳转到大病就医详情（已取消）页 + +--- + +### 11. 大病就医详情（待确认） + +![页面截图](screenshots/serious-illness-detail-pending.jpg) + +**功能说明：** 展示员工大病就医预约详情，操作人员可确认预约并派单，或取消预约。 + +**业务规则：** +- 申请员工信息卡片（可折叠）：姓名、性别、年龄、员工编号、所属单位、所属部门、联系电话、身份证 +- 预约信息卡片（可折叠）：发起预约时间、预约医院、科室、医生、挂号类别、期望预约时间、病情描述 +- 底部双按钮：取消预约、确认预约 + +**交互说明：** +- 点击"确认预约"：弹出确认派单弹窗，需选择驻场人员后方可确认，确认后跳转回大病就医列表 +- 点击"取消预约"：弹出取消确认弹窗，需填写取消原因后方可确认，确认后跳转回大病就医列表 + +**确认派单弹窗表单：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 驻场人员 | 搜索下拉选择 | 是 | 必须选择一名人员，选中后启用确认按钮 | + +**取消预约弹窗表单：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 取消原因 | 多行文本 | 是 | 不能为空，输入后启用确认按钮 | + +--- + +### 12. 大病就医详情（已确认） + +![页面截图](screenshots/serious-illness-detail-confirmed.jpg) + +**功能说明：** 展示已确认的大病就医预约详情，操作人员可联系驻场人员或取消预约。 + +**业务规则：** +- 申请员工信息卡片和预约信息卡片内容同待确认页 +- 底部双按钮：取消预约、联系驻场人员 + +**交互说明：** +- 点击"取消预约"：弹出取消确认弹窗，需填写取消原因，确认后跳转回大病就医列表 +- 点击"联系驻场人员"：触发联系操作 + +--- + +### 13. 大病就医详情（已完成） + +![页面截图](screenshots/serious-illness-detail-done.jpg) + +**功能说明：** 展示已完成的大病就医预约详情，包含驻场人员提交的挂号结果。 + +**业务规则：** +- 申请员工信息卡片和预约信息卡片内容同上 +- 新增挂号结果卡片（可折叠）：就诊科室、就诊医生、就诊时段、排队序号、就诊医院、挂号类别、备注 +- 底部单按钮：联系驻场人员 + +**交互说明：** +- 点击卡片标题：折叠/展开卡片 +- 点击"联系驻场人员"：触发联系操作 + +--- + +### 14. 大病就医详情（已取消） + +![页面截图](screenshots/serious-illness-detail-cancelled.jpg) + +**功能说明：** 展示已取消的大病就医预约详情，包含取消原因。 + +**业务规则：** +- 申请员工信息卡片和预约信息卡片内容同上 +- 取消信息展示：取消时间、取消原因 +- 无操作按钮，纯只读页面 + +**交互说明：** +- 点击卡片标题：折叠/展开卡片 +- 点击返回：返回大病就医列表 + +--- + +## 四、知识库模块 + +### 15. 知识库首页 + + + +**功能说明：** 等待后续规划，提示“功能开发中，敬请期待~” + + + +--- + +### 16. 知识详情 + + + +**功能说明：** 等待后续规划，提示“功能开发中，敬请期待~” + + +--- + +## 五、个人中心模块 + +### 17. 个人中心主页 + +![页面截图](screenshots/profile-index.jpg) + +**功能说明：** 用户信息展示和功能菜单导航，展示头像、姓名、角色和所属应急中心。 + +**业务规则：** +- 用户信息区：头像、姓名（王昊）、角色（操作人员）、所属应急中心 +- 菜单项：值班信息、修改个人信息、修改密码、关于我们 +- 退出登录按钮 + +**交互说明：** +- 点击"值班信息"：跳转到值班信息页 +- 点击"修改个人信息"：跳转到修改个人信息页 +- 点击"修改密码"：跳转到修改密码页 +- 点击"退出登录"：弹出二次确认弹窗 + +--- + +### 18. 修改个人信息 + +![页面截图](screenshots/edit-profile.jpg) + +**功能说明：** 编辑用户头像和姓名。 + +**交互说明：** +- 点击头像：弹出底部操作菜单（拍照/从相册选择） +- 点击"保存"：验证姓名非空，显示保存成功提示 + +**表单字段表：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 头像 | 图片选择 | 否 | 支持拍照或从相册选择 | +| 姓名 | 单行文本 | 是 | 不能为空 | + +--- + +### 19. 修改密码 + +![页面截图](screenshots/change-pwd.jpg) + +**功能说明：** 修改用户登录密码。 + +**交互说明：** +- 点击"保存修改"：弹出修改成功确认弹窗，确认后跳转回个人中心 + +**表单字段表：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 当前密码 | 密码输入 | 是 | 不能为空 | +| 新密码 | 密码输入 | 是 | 不能为空 | +| 确认新密码 | 密码输入 | 是 | 必须与新密码一致 | + +--- + +### 20. 值班信息 + +![页面截图](screenshots/duty-schedule.jpg) + +**功能说明：** 查看值班日历和当日值班人员安排。 + +**业务规则：** +- 日历网格展示当前月份，标记今天（蓝色背景）和排班日（浅蓝色背景+蓝色圆点） +- 下方展示当日值班人员列表 +- 支持月份前后切换 + +**交互说明：** +- 点击月份导航箭头：切换上/下月 +- 点击"修改"：跳转到排班配置页 + +--- + +### 21. 排班配置 + +![页面截图](screenshots/duty-config.jpg) + +**功能说明：** 配置周排班，为每天选择专业人员和操作人员。 + +**业务规则：** +- 按周展示排班表，每天可配置专业人员和操作人员 +- 人员选择为多选下拉，支持搜索 +- 支持"复制上周排班"快捷操作 + +**交互说明：** +- 点击周导航箭头：切换上/下周 +- 点击"复制上周排班"：复制上周配置，无数据时提示 +- 点击人员下拉：展开多选列表 +- 点击"保存"：保存成功后跳转回值班信息页 + +**表单字段表：** + +| 字段名 | 类型 | 必填 | 校验规则 | +|--------|------|------|----------| +| 专业人员 | 多选下拉 | 否 | 可选多人 | +| 操作人员 | 多选下拉 | 否 | 可选多人 | diff --git a/emergency-app/operator/doc/screenshots/emergency-chat-done.jpg b/emergency-app/operator/doc/screenshots/emergency-chat-done.jpg index cd18984..d44b191 100644 Binary files a/emergency-app/operator/doc/screenshots/emergency-chat-done.jpg and b/emergency-app/operator/doc/screenshots/emergency-chat-done.jpg differ diff --git a/emergency-app/operator/doc/screenshots/patient-location.jpg b/emergency-app/operator/doc/screenshots/patient-location.jpg index 33c4228..82cdea7 100644 Binary files a/emergency-app/operator/doc/screenshots/patient-location.jpg and b/emergency-app/operator/doc/screenshots/patient-location.jpg differ diff --git a/emergency-app/operator/workbench/emergency-chat-done.html b/emergency-app/operator/workbench/emergency-chat-done.html index a6b4dde..706992e 100644 --- a/emergency-app/operator/workbench/emergency-chat-done.html +++ b/emergency-app/operator/workbench/emergency-chat-done.html @@ -63,7 +63,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: 求助时间：2026-04-24 14:30 - +
👨
@@ -77,13 +77,13 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
14:30
-
新应急事件 · 陈伟发起求助
+
👨
陈伟（患者）
-
我胸口很闷，呼吸困难，已经持续20分钟了。
+
📹 通话时长 12:01
@@ -95,7 +95,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
已派专业人员：张旭 | 已派救护车
+
14:38
diff --git a/emergency-app/operator/workbench/end-emergency.html b/emergency-app/operator/workbench/end-emergency.html deleted file mode 100644 index e37d575..0000000 --- a/emergency-app/operator/workbench/end-emergency.html +++ /dev/null @@ -1,147 +0,0 @@ - - - - - -操作人员 - 结束应急 | 健康长庆原型 - - - -
- -
- 9:41 -
●●●WiFi🔋
-
- -
- - - 结束应急 -
- -
- - -
-
-
👨
-
-
陈伟 · 男 · 47岁
-
采油三厂 · 第二作业区 | 求助时间：14:30
-
-
-
- - -
-
结束信息
-
-
*结束原因
- -
-
-
*处理结果
- -
-
-
送达医院
- -
-
- - -
-
现场照片
-
-
-
🏥
-
📋
-
+添加
-
-
已上传 2/9 张
-
-
- - -
-
补充说明
-
- -
-
- -
-
- - -
- - -
- -
- - - - \ No newline at end of file diff --git a/emergency-app/operator/workbench/index.html b/emergency-app/operator/workbench/index.html index 1a2c884..c0282f1 100644 --- a/emergency-app/operator/workbench/index.html +++ b/emergency-app/operator/workbench/index.html @@ -134,7 +134,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
+
✅
@@ -149,7 +149,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
+
📄
diff --git a/emergency-app/operator/workbench/serious-illness-detail-pending.html b/emergency-app/operator/workbench/serious-illness-detail-pending.html index a03e8dc..716a7c5 100644 --- a/emergency-app/operator/workbench/serious-illness-detail-pending.html +++ b/emergency-app/operator/workbench/serious-illness-detail-pending.html @@ -137,7 +137,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- +
+
+
派单说明
+ +
@@ -204,6 +208,12 @@ function toggleInfoCard(cardId, trigger) { var selectedPerson = null; +function updateConfirmBookBtn() { + var btn = document.getElementById('confirmBookBtn'); + if (!btn) return; + btn.classList.toggle('disabled', !selectedPerson); +} + function openPersonDrop() { document.getElementById('personSelect').classList.add('open'); } @@ -217,7 +227,7 @@ function selectPerson(el) { selectedPerson = el.getAttribute('data-name'); document.getElementById('personSearch').value = selectedPerson; closePersonDrop(); - document.getElementById('confirmBookBtn').classList.remove('disabled'); + updateConfirmBookBtn(); } function filterPersons() { @@ -233,7 +243,10 @@ function filterPersons() { }); document.getElementById('personEmpty').classList.toggle('show', visible === 0); openPersonDrop(); - if (!keyword) { selectedPerson = null; document.getElementById('confirmBookBtn').classList.add('disabled'); } + if (!keyword) { + selectedPerson = null; + updateConfirmBookBtn(); + } } function closeConfirmModal() { @@ -241,10 +254,18 @@ function closeConfirmModal() { } function doConfirmBooking() { - if (!selectedPerson) return; + if (!selectedPerson) { + alert('请选择驻场人员'); + return; + } location.href = './serious-illness-list.html'; } +var dispatchRemarkEl = document.getElementById('dispatchRemark'); +if (dispatchRemarkEl) { + dispatchRemarkEl.addEventListener('input', updateConfirmBookBtn); +} + document.addEventListener('click', function(e) { var sel = document.getElementById('personSelect'); if (sel && !sel.contains(e.target)) { diff --git a/emergency-app/operator/workbench/work-order-detail.html b/emergency-app/operator/workbench/work-order-detail.html index 8834a41..452107e 100644 --- a/emergency-app/operator/workbench/work-order-detail.html +++ b/emergency-app/operator/workbench/work-order-detail.html @@ -110,8 +110,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- - 工单详情 @@ -309,6 +309,15 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: diff --git a/emergency-app/professional/workbench/work-order-detail.html b/emergency-app/professional/workbench/work-order-detail.html index a8054e6..8bd2287 100644 --- a/emergency-app/professional/workbench/work-order-detail.html +++ b/emergency-app/professional/workbench/work-order-detail.html @@ -16,8 +16,15 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .nav-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 17px; font-weight: 600; color: #1a1a1a; white-space: nowrap; } .scroll-content { flex: 1; overflow-y: auto; background: #f7f8fa; } .scroll-content::-webkit-scrollbar { display: none; } -.card { background: #fff; border-radius: 12px; margin: 12px 16px 0; padding: 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } -.card__title { font-size: 15px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; } +.card { background: #fff; border-radius: 12px; margin: 12px 16px 0; box-shadow: 0 1px 4px rgba(0,0,0,0.06); overflow: hidden; } +.card__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid #f0f0f0; cursor: pointer; } +.card__title { font-size: 15px; font-weight: 700; color: #1a1a1a; } +.card__toggle { display: inline-flex; align-items: center; gap: 4px; color: #1677ff; font-size: 12px; font-weight: 600; } +.card__arrow { width: 14px; height: 14px; transition: transform .2s ease; } +.card__body { padding: 0 16px 16px; } +.card--collapsed .card__body { display: none; } +.card--collapsed .card__arrow { transform: rotate(-90deg); } +.card--collapsed .card__header { border-bottom: none; } .info-item { display: flex; font-size: 13px; line-height: 1.6; padding: 5px 0; } .info-item__label { color: #999; min-width: 72px; flex-shrink: 0; } .info-item__value { color: #333; flex: 1; word-break: break-all; } @@ -68,8 +75,12 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
-
基本信息
+
+
+
基本信息
+
收起
+
+
工单编号YJ5633256
工单类型正常派单
应急中心西安应急中心
@@ -83,11 +94,16 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
专业人员刘旭
工单状态已完成
完成时间2026-03-21 16:45:00
+
-
-
救助信息
+
+
+
救助信息
+
收起
+
+
救助意见：
@@ -115,11 +131,16 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
  • 3.已完成头颅CT检测，员工由同事留守陪护，已告知家属及部门负责人
    • +
    -
    -
    派单信息
    +
    +
    +
    派单信息
    +
    收起
    +
    +
    派单时间2026-03-21 15:18:00
    驻场人员王希（138-9201-3001）
    派单状态已完成
    @@ -132,11 +153,16 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
    驻场说明：
    已经挂号并且开了头颅CT检查单，已陪同就诊完毕，员工状态稳定
    +
    -
    -
    救护车支援
    +
    +
    +
    救护车支援
    +
    收起
    +
    +
    车牌号陕A·120-01
    所属医疗点长庆油田职工医疗点
    所属机构长庆油田职工医院
    @@ -144,6 +170,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
    驾驶人电话138-9101-2001
    随行人张伟
    随行人电话138-9201-5001
    +
    @@ -202,6 +229,16 @@ function closeEditAdvice(event) { document.getElementById('edit-mask').classList.remove('show'); } +function toggleCard(cardId, headerEl) { + var card = document.getElementById(cardId); + if (!card) return; + card.classList.toggle('card--collapsed'); + + var isCollapsed = card.classList.contains('card--collapsed'); + var toggle = headerEl ? headerEl.querySelector('.card__toggle span') : null; + if (toggle) toggle.textContent = isCollapsed ? '展开' : '收起'; +} + function saveEditAdvice(event) { event.stopPropagation(); var text = document.getElementById('edit-textarea').value.trim(); diff --git a/employee-app/health-consult/index.html b/employee-app/health-consult/index.html index 332ac41..d8e387e 100644 --- a/employee-app/health-consult/index.html +++ b/employee-app/health-consult/index.html @@ -154,7 +154,7 @@
    - ← 返回 + ← 返回 健康咨询
    @@ -261,6 +261,20 @@
    - + diff --git a/employee-app/home/index.html b/employee-app/home/index.html new file mode 100644 index 0000000..fe235d2 --- /dev/null +++ b/employee-app/home/index.html @@ -0,0 +1,419 @@ + + + + + +应用主页 - 应用 | 健康长庆原型 + + + +
    +
    + 9:41 +
    + + +
    +
    +
    + +
    + +
    + 展开 + +
    +
    + +
    +
    体重管理查看详情 ›
    +
    +
    28活动天数
    +
    156排名
    +
    +
    +
    +
    初始体重
    +
    75.0
    +
    BMI:30
    +
    +
    +
    +
    + 70.5 + 当前体重(kg) + BMI:28 + 体脂率:26 +
    +
    +
    +
    目标体重
    +
    65.0
    +
    BMI:25
    +
    +
    + +
    +
    BMI = 体重(kg) ÷ 身高(m)² = 70.5 ÷ 1.75²
    +
    BMI<18.5消瘦 BMI<24正常 BMI<28超重 BMI>32肥胖
    + 中心型肥胖：男性腰围≥90cm 女性腰围≥85cm +
    +
    📅 2026年4月29日 星期三
    +
    +
    🍽️
    吃
    1680 kcal
    推荐 1900 kcal
    累计行动 52 天
    +
    🏃
    动
    320 kcal
    推荐 300 kcal
    累计行动 36 天
    +
    ⚖️
    体重
    70.5 kg
    推荐 68.0 kg
    累计行动 28 天
    +
    +
    + +
    +
    健康数据全部 ›
    +
    +
    血压
    120/80 mmHg
    正常
    +
    体重
    70.5 kg
    正常
    +
    血脂
    4.8 mmol/L
    正常
    +
    血糖
    5.6 mmol/L
    偏高
    +
    尿酸
    380 μmol/L
    正常
    +
    +
    + +
    +
    智能监测查看设备 ›
    +
    +
    心率
    +
    血氧
    +
    压力
    +
    体温
    +
    睡眠
    +
    +
    +
    + 最近24小时心率波动 + 2026-03-24 13:02 +
    + +
    00:0006:0012:0018:0024:00
    +
    +
    +
    126次/分最高14:20
    +
    68次/分最低03:40
    +
    82次/分平均24h均值
    +
    +
    + +
    +
    膳食摄入更多 ›
    +
    +
    +
    ‹
    +
    2026年03月
    +
    ›
    +
    +
    +
    一
    10
    +
    二
    11
    +
    三
    12
    +
    四
    13
    +
    五
    今
    +
    六
    15
    +
    日
    16
    +
    +
    +
    +
    +
    早餐可摄入
    580千卡
    +
    586千卡
    +
    早餐已摄入
    +
    +
    +
    +
    +
    全天可摄入
    2536千卡
    +
    586千卡
    +
    全天已摄入
    +
    +
    +
    +
    +
    +
    586
    +
    70%(适量)
    +
    早餐(kcal)
    +
    +
    +
    --
    +
    --
    +
    午餐(kcal)
    +
    +
    +
    --
    +
    --
    +
    晚餐(kcal)
    +
    +
    +
    +
    +
    + +
    +
    🏠应用
    +
    📁档案
    +
    🤖AI助手
    +
    📚知识
    +
    👤我的
    +
    +
    + + + diff --git a/employee-app/profile/avatar-edit.html b/employee-app/profile/avatar-edit.html new file mode 100644 index 0000000..9b43d17 --- /dev/null +++ b/employee-app/profile/avatar-edit.html @@ -0,0 +1,50 @@ + + + + + +个人中心 - 修改头像 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 头像 +
    +
    +
    👤
    +
    + +
    +
    从手机相册选择
    +
    拍照
    +
    取消
    +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/avatar-view.html b/employee-app/profile/avatar-view.html new file mode 100644 index 0000000..a8ea461 --- /dev/null +++ b/employee-app/profile/avatar-view.html @@ -0,0 +1,42 @@ + + + + + +个人中心 - 查看头像 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 头像 +
    + +
    +
    👤
    +
    +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/change-password.html b/employee-app/profile/change-password.html new file mode 100644 index 0000000..82890b4 --- /dev/null +++ b/employee-app/profile/change-password.html @@ -0,0 +1,75 @@ + + + + + +个人中心 - 修改密码 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    修改密码
    +
    +
    原密码：
    +
    + + 👁 +
    +
    +
    +
    新密码：
    +
    + + 👁 +
    +
    +
    +
    确认密码：
    +
    + + 👁 +
    +
    +
    密码不能少于12位，必须包含大小写字母、数字、特殊符号。
    + + +
    忘记密码？
    +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/change-phone-unavailable.html b/employee-app/profile/change-phone-unavailable.html new file mode 100644 index 0000000..9063b93 --- /dev/null +++ b/employee-app/profile/change-phone-unavailable.html @@ -0,0 +1,51 @@ + + + + + +个人中心 - 身份证验证 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    身份证验证
    +
    请输入该账号身份证号完成验证
    +
    + +
    + + +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/change-phone-verify-new.html b/employee-app/profile/change-phone-verify-new.html new file mode 100644 index 0000000..82ca96f --- /dev/null +++ b/employee-app/profile/change-phone-verify-new.html @@ -0,0 +1,59 @@ + + + + + +个人中心 - 新手机号验证 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    新手机号验证
    +
    + +
    +
    + + 获取验证码 +
    +
    + 设为默认 +
    + + +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/change-phone-verify-old.html b/employee-app/profile/change-phone-verify-old.html new file mode 100644 index 0000000..d65f000 --- /dev/null +++ b/employee-app/profile/change-phone-verify-old.html @@ -0,0 +1,58 @@ + + + + + +个人中心 - 原手机号验证 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    原手机号验证
    +
    请输入手机号18545643256验证码，完成手机验证
    +
    + + + 获取验证码 +
    + + + +
    手机号无法接收验证码？
    +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/emergency-contacts.html b/employee-app/profile/emergency-contacts.html new file mode 100644 index 0000000..9d1a95f --- /dev/null +++ b/employee-app/profile/emergency-contacts.html @@ -0,0 +1,339 @@ + + + + + +个人中心 - 紧急联系人 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 紧急联系人 +
    +
    + +
    + + + + + + + + + +
    + + + + \ No newline at end of file diff --git a/employee-app/profile/forgot-password-reset.html b/employee-app/profile/forgot-password-reset.html new file mode 100644 index 0000000..ad8bb03 --- /dev/null +++ b/employee-app/profile/forgot-password-reset.html @@ -0,0 +1,66 @@ + + + + + +个人中心 - 重置密码 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    重置密码
    +
    +
    新密码：
    +
    + + 👁 +
    +
    +
    +
    确认密码：
    +
    + + 👁 +
    +
    +
    密码不能少于12位，必须包含大小写字母、数字、特殊符号。
    + + +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/forgot-password-verify.html b/employee-app/profile/forgot-password-verify.html new file mode 100644 index 0000000..3e59fb0 --- /dev/null +++ b/employee-app/profile/forgot-password-verify.html @@ -0,0 +1,60 @@ + + + + + +个人中心 - 身份验证 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    +
    身份验证
    +
    +
    姓名：
    +
    +
    +
    +
    手机号：
    +
    +
    +
    +
    身份证号：
    +
    +
    + + +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/index.html b/employee-app/profile/index.html new file mode 100644 index 0000000..26d7203 --- /dev/null +++ b/employee-app/profile/index.html @@ -0,0 +1,136 @@ + + + + + +个人中心 - 我的 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    + + +
    +
    + +
    👤
    +
    +
    张旭晨
    +
    公司机关-财务部
    +
    员工编号：87566650
    +
    +
    + +
    + + 编辑 +
    +
    + +
    + +
    + 🆘 紧急联系人 + +
    + + +
    + +
    + 📋 + 应用记录 + +
    + +
    + 👍 + 我的点赞 + +
    + +
    + ⭐ + 我的收藏 + +
    + +
    + ⚙️ + 设置 + +
    +
    + + +
    + +
    +
    +
    + + + + + +
    + +
    🏠应用
    +
    📁档案
    +
    🤖AI助手
    +
    📚知识
    +
    👤我的
    +
    +
    + + + \ No newline at end of file diff --git a/employee-app/profile/personal-info.html b/employee-app/profile/personal-info.html new file mode 100644 index 0000000..628ce50 --- /dev/null +++ b/employee-app/profile/personal-info.html @@ -0,0 +1,78 @@ + + + + + +个人中心 - 个人资料 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    + +
    + ‹ + 个人资料 +
    +
    +
    + +
    + 头像 +
    +
    👤
    +
    + +
    +
    + 姓名 + 张旭 +
    +
    + 员工编号 + 56999852 +
    +
    + 单位 + 公司机关 +
    +
    + 部门 + 健康科 +
    + +
    + 手机号 + 18544555589 + +
    +
    +
    +
    + + \ No newline at end of file diff --git a/employee-app/profile/phone-list.html b/employee-app/profile/phone-list.html new file mode 100644 index 0000000..4d424a8 --- /dev/null +++ b/employee-app/profile/phone-list.html @@ -0,0 +1,78 @@ + + + + + +个人中心 - 手机号 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 手机号 +
    +
    + +
    + 15899655523 + 默认 + + 编辑 +
    + +
    + + 新增手机号 +
    +
    + + +
    +
    +
    15899655523
    + +
    修改
    +
    删除
    +
    设为默认
    +
    取消
    +
    +
    +
    + + + \ No newline at end of file diff --git a/employee-app/profile/settings.html b/employee-app/profile/settings.html new file mode 100644 index 0000000..8f676d4 --- /dev/null +++ b/employee-app/profile/settings.html @@ -0,0 +1,113 @@ + + + + + +个人中心 - 设置 | 健康长庆原型 + + + +
    +
    + 12:00 +
    + + +
    +
    +
    + ‹ + 设置 +
    +
    + +
    账号
    +
    + +
    + 个人资料 + +
    + +
    + 修改密码 + +
    +
    + +
    通用
    +
    +
    + 主题色 + +
    +
    + 健康精灵配置 + +
    + +
    + +
    短信提醒
    +
    +
    + 体重管理报名 +
    +
    +
    + 体检预约 +
    +
    +
    + +
    关于
    +
    +
    + 版本号 + 3.1.03 +
    +
    + 检查更新 + 已是最新版本 +
    +
    + 备案号 + 陕ICP备1558852号-4A +
    +
    + 用户协议 + +
    +
    + 隐私政策 + +
    +
    +
    +
    +
    + + \ No newline at end of file diff --git a/gen_detail.py b/gen_detail.py new file mode 100644 index 0000000..078ab25 --- /dev/null +++ b/gen_detail.py @@ -0,0 +1,12 @@ + +path = "D:/AI/work/platform-prototype/web-admin/health-consult/archive-personal-detail.html" +html = [] +html.append(""" + + + + +专家咨询 - 员工咨询明细 | 健康长庆原型""") +with open(path, "w", encoding="utf-8") as f: + f.write("\n".join(html)) +print("ok") diff --git a/gen_screenshots.py b/gen_screenshots.py new file mode 100644 index 0000000..cc6a283 --- /dev/null +++ b/gen_screenshots.py @@ -0,0 +1,101 @@ +#!/usr/bin/env python3 +""" +自动截图脚本 - 为三个端的所有页面生成截图 +""" +import subprocess +import time +import os +from pathlib import Path + +# 页面配置 +PAGES = { + 'onsite': { + 'base_url': 'http://localhost:8000/emergency-app/onsite', + 'pages': [ + ('workbench/index.html', 'screenshots/index.jpg'), + ('workbench/work-order-detail-ongoing.html', 'screenshots/work-order-detail-ongoing.jpg'), + ('workbench/work-order-detail.html', 'screenshots/work-order-detail.jpg'), + ('workbench/serious-illness-list.html', 'screenshots/serious-illness-list.jpg'), + ('workbench/serious-illness-detail-pending.html', 'screenshots/serious-illness-detail-pending.jpg'), + ('workbench/serious-illness-detail-done.html', 'screenshots/serious-illness-detail-done.jpg'), + ('knowledge/index.html', 'screenshots/knowledge-index.jpg'), + ('knowledge/article-detail.html', 'screenshots/knowledge-article-detail.jpg'), + ('profile/index.html', 'screenshots/profile-index.jpg'), + ('profile/edit-profile.html', 'screenshots/edit-profile.jpg'), + ('profile/change-pwd.html', 'screenshots/change-pwd.jpg'), + ] + }, + 'operator': { + 'base_url': 'http://localhost:8000/emergency-app/operator', + 'pages': [ + ('workbench/index.html', 'screenshots/index.jpg'), + ('workbench/emergency-chat-ongoing.html', 'screenshots/emergency-chat-ongoing.jpg'), + ('workbench/emergency-chat-done.html', 'screenshots/emergency-chat-done.jpg'), + ('workbench/work-order-detail.html', 'screenshots/work-order-detail.jpg'), + ('workbench/serious-illness-detail-pending.html', 'screenshots/serious-illness-detail-pending.jpg'), + ('knowledge/index.html', 'screenshots/knowledge-index.jpg'), + ('knowledge/article-detail.html', 'screenshots/knowledge-article-detail.jpg'), + ('profile/index.html', 'screenshots/profile-index.jpg'), + ('profile/edit-profile.html', 'screenshots/edit-profile.jpg'), + ('profile/change-pwd.html', 'screenshots/change-pwd.jpg'), + ] + }, + 'professional': { + 'base_url': 'http://localhost:8000/emergency-app/professional', + 'pages': [ + ('workbench/index.html', 'screenshots/index.jpg'), + ('workbench/emergency-chat-ongoing.html', 'screenshots/emergency-chat-ongoing.jpg'), + ('workbench/emergency-chat-done.html', 'screenshots/emergency-chat-done.jpg'), + ('workbench/work-order-detail-ongoing.html', 'screenshots/work-order-detail-ongoing.jpg'), + ('workbench/work-order-detail.html', 'screenshots/work-order-detail.jpg'), + ('knowledge/index.html', 'screenshots/knowledge-index.jpg'), + ('knowledge/article-detail.html', 'screenshots/knowledge-article-detail.jpg'), + ('profile/index.html', 'screenshots/profile-index.jpg'), + ('profile/edit-profile.html', 'screenshots/edit-profile.jpg'), + ('profile/change-pwd.html', 'screenshots/change-pwd.jpg'), + ] + } +} + +def take_screenshot(url, output_path): + """使用Puppeteer截图""" + try: + # 使用npx puppeteer-cli截图 + cmd = [ + 'npx', 'puppeteer', 'screenshot', + '--url', url, + '--path', output_path, + '--width', '375', + '--height', '812', + '--device-scale-factor', '2' + ] + result = subprocess.run(cmd, capture_output=True, timeout=30) + if result.returncode == 0: + print(f"✓ {output_path}") + return True + else: + print(f"✗ {output_path}: {result.stderr.decode()}") + return False + except Exception as e: + print(f"✗ {output_path}: {e}") + return False + +def main(): + base_dir = Path('D:/AI/work/platform-prototype/emergency-app') + + for role, config in PAGES.items(): + print(f"\n[{role}] Starting screenshots...") + role_dir = base_dir / role / 'doc' + + for page_path, screenshot_rel in config['pages']: + url = f"{config['base_url']}/{page_path}" + output_path = str(role_dir / screenshot_rel) + + # 确保目录存在 + Path(output_path).parent.mkdir(parents=True, exist_ok=True) + + take_screenshot(url, output_path) + time.sleep(1) # 避免请求过快 + +if __name__ == '__main__': + main() diff --git a/index.html b/index.html index 81706bd..8c3f5e2 100644 --- a/index.html +++ b/index.html @@ -297,7 +297,9 @@ const SITE_MAP = [ ]}, { id:'employee-app', label:'员工端 APP', icon:'app', color:'#95de64', modules:[ { name:'AI', dir:'employee-app/ai', pages:[] }, - { name:'应用主页', dir:'employee-app/home', pages:[] }, + { name:'应用主页', dir:'employee-app/home', entry:'index.html', pages:[ + {n:'应用主页（收起态）',f:'index.html'}, + ] }, { name:'健康体检', dir:'employee-app/health-checkup', pages:[] }, { name:'体重管理', dir:'employee-app/weight-management', pages:[] }, { name:'营养管理', dir:'employee-app/nutrition', pages:[] }, @@ -357,7 +359,21 @@ const SITE_MAP = [ { name:'一线医疗', dir:'employee-app/frontline-medical', pages:[] }, { name:'健康档案', dir:'employee-app/health-record', pages:[] }, { name:'知识普及', dir:'employee-app/knowledge', pages:[] }, - { name:'个人中心', dir:'employee-app/profile', pages:[] } + { name:'个人中心', dir:'employee-app/profile', entry:'index.html', pages:[ + { file:'index.html', label:'我的主页' }, + { file:'emergency-contacts.html', label:'紧急联系人' }, + { file:'personal-info.html', label:'个人资料' }, + { file:'settings.html', label:'设置' }, + { file:'avatar-view.html', label:'查看头像' }, + { file:'avatar-edit.html', label:'查看头像-修改' }, + { file:'change-phone-verify-old.html', label:'修改手机号-原手机号验证' }, + { file:'change-phone-unavailable.html', label:'修改手机号-手机不可用' }, + { file:'change-phone-verify-new.html', label:'修改手机号-新手机号验证' }, + { file:'change-password.html', label:'修改密码' }, + { file:'forgot-password-verify.html', label:'忘记密码-身份验证' }, + { file:'forgot-password-reset.html', label:'忘记密码-重置密码' }, + { file:'phone-list.html', label:'手机号' } + ]} ]}, { id:'emergency-app', label:'健康应急 APP', icon:'emergency', color:'#ffc069', roles:[ @@ -400,7 +416,7 @@ const SITE_MAP = [ ] } ]}, { role:'应急操作人员', id:'operator', modules:[ - {name:'工作台',dir:'emergency-app/operator/workbench',pages:[ + {name:'工作台',dir:'emergency-app/operator/workbench',prd:'emergency-app/operator/doc/PRD.md',pages:[ {file:'index.html',label:'工作台首页(应急求助)'}, {file:'serious-illness-list.html',label:'大病就医首页'}, {file:'emergency-chat.html',label:'应急聊天'}, @@ -411,7 +427,6 @@ const SITE_MAP = [ {file:'work-order-detail.html',label:'工单详情(已完成)'}, {file:'work-order-detail-ongoing.html',label:'工单详情(进行中)'}, {file:'rescue-summary.html',label:'救助信息'}, - {file:'end-emergency.html',label:'结束应急'}, {file:'serious-illness-detail-pending.html',label:'大病就医详情(待确认)'}, {file:'serious-illness-detail-confirmed.html',label:'大病就医详情(已确认)'}, {file:'serious-illness-detail-done.html',label:'大病就医详情(已完成)'}, @@ -429,7 +444,7 @@ const SITE_MAP = [ ]} ]}, { role:'应急专业人员', id:'professional', modules:[ - { name:'工作台', dir:'emergency-app/professional/workbench', pages:[ + { name:'工作台', dir:'emergency-app/professional/workbench', prd:'emergency-app/professional/doc/PRD.md', pages:[ {file:'index.html',label:'工作台首页'}, {file:'emergency-chat-ongoing.html',label:'应急聊天(进行中)'}, {file:'emergency-chat-done.html',label:'应急聊天(已结束)'}, @@ -448,7 +463,7 @@ const SITE_MAP = [ ]} ]}, { role:'应急驻场人员', id:'onsite', modules:[ - {name:'工作台',dir:'emergency-app/onsite/workbench',pages:[ + {name:'工作台',dir:'emergency-app/onsite/workbench',prd:'emergency-app/onsite/doc/PRD.md',pages:[ {file:'index.html',label:'工作台首页(应急求助)'}, {file:'serious-illness-list.html',label:'大病就医首页'}, {file:'work-order-detail-ongoing.html',label:'工单详情(待处理)'}, diff --git a/package-lock.json b/package-lock.json index 16cad3a..fb78152 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,9 @@ "packages": { "": { "dependencies": { - "chrome-devtools-mcp": "^0.21.0", + "chrome-devtools-mcp": "^0.21.0" + }, + "devDependencies": { "playwright": "^1.59.1" } }, @@ -26,6 +28,7 @@ "version": "2.3.2", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, "hasInstallScript": true, "license": "MIT", "optional": true, @@ -40,6 +43,7 @@ "version": "1.59.1", "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz", "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==", + "dev": true, "license": "Apache-2.0", "dependencies": { "playwright-core": "1.59.1" @@ -58,6 +62,7 @@ "version": "1.59.1", "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz", "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==", + "dev": true, "license": "Apache-2.0", "bin": { "playwright-core": "cli.js" diff --git a/package.json b/package.json index 11226ee..c321fc3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,8 @@ { "dependencies": { - "chrome-devtools-mcp": "^0.21.0", + "chrome-devtools-mcp": "^0.21.0" + }, + "devDependencies": { "playwright": "^1.59.1" } } diff --git a/screenshot.js b/screenshot.js new file mode 100644 index 0000000..35dae65 --- /dev/null +++ b/screenshot.js @@ -0,0 +1,107 @@ +const fs = require('fs'); +const path = require('path'); + +// 页面配置 +const PAGES = { + onsite: { + baseUrl: 'http://localhost:8000/emergency-app/onsite', + pages: [ + { page: 'workbench/index.html', screenshot: 'screenshots/index.jpg' }, + { page: 'workbench/work-order-detail-ongoing.html', screenshot: 'screenshots/work-order-detail-ongoing.jpg' }, + { page: 'workbench/work-order-detail.html', screenshot: 'screenshots/work-order-detail.jpg' }, + { page: 'workbench/serious-illness-list.html', screenshot: 'screenshots/serious-illness-list.jpg' }, + { page: 'workbench/serious-illness-detail-pending.html', screenshot: 'screenshots/serious-illness-detail-pending.jpg' }, + { page: 'workbench/serious-illness-detail-done.html', screenshot: 'screenshots/serious-illness-detail-done.jpg' }, + { page: 'knowledge/index.html', screenshot: 'screenshots/knowledge-index.jpg' }, + { page: 'knowledge/article-detail.html', screenshot: 'screenshots/knowledge-article-detail.jpg' }, + { page: 'profile/index.html', screenshot: 'screenshots/profile-index.jpg' }, + { page: 'profile/edit-profile.html', screenshot: 'screenshots/edit-profile.jpg' }, + { page: 'profile/change-pwd.html', screenshot: 'screenshots/change-pwd.jpg' }, + ] + }, + operator: { + baseUrl: 'http://localhost:8000/emergency-app/operator', + pages: [ + { page: 'workbench/index.html', screenshot: 'screenshots/index.jpg' }, + { page: 'workbench/emergency-chat-ongoing.html', screenshot: 'screenshots/emergency-chat-ongoing.jpg' }, + { page: 'workbench/emergency-chat-done.html', screenshot: 'screenshots/emergency-chat-done.jpg' }, + { page: 'workbench/work-order-detail.html', screenshot: 'screenshots/work-order-detail.jpg' }, + { page: 'workbench/serious-illness-detail-pending.html', screenshot: 'screenshots/serious-illness-detail-pending.jpg' }, + { page: 'knowledge/index.html', screenshot: 'screenshots/knowledge-index.jpg' }, + { page: 'knowledge/article-detail.html', screenshot: 'screenshots/knowledge-article-detail.jpg' }, + { page: 'profile/index.html', screenshot: 'screenshots/profile-index.jpg' }, + { page: 'profile/edit-profile.html', screenshot: 'screenshots/edit-profile.jpg' }, + { page: 'profile/change-pwd.html', screenshot: 'screenshots/change-pwd.jpg' }, + ] + }, + professional: { + baseUrl: 'http://localhost:8000/emergency-app/professional', + pages: [ + { page: 'workbench/index.html', screenshot: 'screenshots/index.jpg' }, + { page: 'workbench/emergency-chat-ongoing.html', screenshot: 'screenshots/emergency-chat-ongoing.jpg' }, + { page: 'workbench/emergency-chat-done.html', screenshot: 'screenshots/emergency-chat-done.jpg' }, + { page: 'workbench/work-order-detail-ongoing.html', screenshot: 'screenshots/work-order-detail-ongoing.jpg' }, + { page: 'workbench/work-order-detail.html', screenshot: 'screenshots/work-order-detail.jpg' }, + { page: 'knowledge/index.html', screenshot: 'screenshots/knowledge-index.jpg' }, + { page: 'knowledge/article-detail.html', screenshot: 'screenshots/knowledge-article-detail.jpg' }, + { page: 'profile/index.html', screenshot: 'screenshots/profile-index.jpg' }, + { page: 'profile/edit-profile.html', screenshot: 'screenshots/edit-profile.jpg' }, + { page: 'profile/change-pwd.html', screenshot: 'screenshots/change-pwd.jpg' }, + ] + } +}; + +async function takeScreenshots() { + const playwright = require('playwright'); + const browser = await playwright.chromium.launch(); + + // 仅跑指定页面：ONLY_PAGES="professional:workbench/patient-location.html,professional:workbench/rescue-opinion.html" + const onlyPages = (process.env.ONLY_PAGES || '').split(',').map(s => s.trim()).filter(Boolean); + if (onlyPages.length > 0) console.log(`[Filter] Only run: ${onlyPages.join(', ')}`); + + for (const [role, config] of Object.entries(PAGES)) { + console.log(`\nScreenshotting ${role}...`); + + for (const item of config.pages) { + if (onlyPages.length > 0) { + const key = `${role}:${item.page}`; + if (!onlyPages.includes(key)) continue; + } + + const url = `${config.baseUrl}/${item.page}`; + const outputPath = path.join(__dirname, 'emergency-app', role, 'doc', item.screenshot); + + // Create directory if not exists + const dir = path.dirname(outputPath); + if (!fs.existsSync(dir)) { + fs.mkdirSync(dir, { recursive: true }); + } + + try { + const page = await browser.newPage(); + await page.setViewportSize({ width: 375, height: 812 }); + console.log(` Loading: ${url}`); + await page.goto(url, { waitUntil: 'networkidle' }); + + // 修复：部分页面 fullPage 计算高度异常，改为截取手机壳容器 + if (role === 'professional' && (item.page === 'workbench/patient-location.html' || item.page === 'workbench/rescue-opinion.html')) { + console.log(` [FIX] Using .phone-shell selector for ${item.page}`); + const shell = await page.$('.phone-shell'); + if (!shell) throw new Error('Cannot find .phone-shell'); + await shell.screenshot({ path: outputPath }); + } else { + await page.screenshot({ path: outputPath, fullPage: true }); + } + + await page.close(); + console.log(` OK: ${item.screenshot}`); + } catch (e) { + console.log(` FAIL: ${item.screenshot} - ${e.message}`); + } + } + } + + await browser.close(); +} + +takeScreenshots().catch(console.error);