yixiong/platform-prototype
17
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 应急就医多端原型优化与PRD文档更新

Browse Source 
- 通话记录新增未知员工补充信息弹窗交互
- 大病就医列表新增操作人员派单/取消操作
- 新增应急工单从通话记录进入时隐藏非必要字段
- 统一三端结束应急弹窗文案
- 排班日历增加排班日高亮样式与图例
- 驻场端大病就医新增已取消详情页与Tab重构
- 专业人员工作台首页视频卡片导航优化
- 更新各模块PRD文档与页面截图
- index导航页同步新增页面条目

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
liuyunqin
2026-05-08 17:51:21 +08:00
co-authored by Claude Opus 4.6
parent 42b48437d2
commit b0bed17cc7
35 changed files with 649 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emergency-app/onsite/doc/PRD.md
+40 -16
View File
@@ -14,7 +14,8 @@
│ │ └── 已完成 → 工单详情（已完成）
│ └── 大病就医 → 大病就医列表
│ ├── 待处理 → 大病就医详情（待处理）
│ └── 已完成 → 大病就医详情（已完成）
│ ├── 已完成 → 大病就医详情（已完成）
│ └── 已取消 → 大病就医详情（已取消）
├── 知识库（底部Tab）
│ ├── 知识文章（分类Tab）→ 知识详情
│ └── 规章制度（PDF列表）
@@ -42,6 +43,8 @@ stateDiagram-v2
[*] --> 待处理 : 操作人员确认预约并派单
待处理 --> 已完成 : 驻场人员提交挂号结果
待处理 --> 待处理 : 驻场人员转单给其他驻场人员
待处理 --> 已取消 : 操作人员取消预约
待处理 --> 已取消 : 员工本人取消预约
```
## 页面清单
@@ -54,13 +57,14 @@ stateDiagram-v2
| 4 | workbench/serious-illness-list.html | 大病就医列表 | 工作台·大病就医 |
| 5 | workbench/serious-illness-detail-pending.html | 大病就医详情（待处理） | 工作台·大病就医 |
| 6 | workbench/serious-illness-detail-done.html | 大病就医详情（已完成） | 工作台·大病就医 |
| 7 | knowledge/index.html | 知识库首页 | 知识库 |
| 8 | knowledge/article-detail.html | 知识详情 | 知识库 |
| 9 | ../ai-assistant/index.html | AI 助手 | AI 助手 |
| 10 | ../message/index.html | 消息列表 | 消息 |
| 11 | profile/index.html | 个人中心主页 | 我的 |
| 12 | profile/edit-profile.html | 修改个人信息 | 我的 |
| 13 | profile/change-pwd.html | 修改密码 | 我的 |
| 7 | workbench/serious-illness-detail-cancelled.html | 大病就医详情（已取消） | 工作台·大病就医 |
| 8 | knowledge/index.html | 知识库首页 | 知识库 |
| 9 | knowledge/article-detail.html | 知识详情 | 知识库 |
| 10 | ../ai-assistant/index.html | AI 助手 | AI 助手 |
| 11 | ../message/index.html | 消息列表 | 消息 |
| 12 | profile/index.html | 个人中心主页 | 我的 |
| 13 | profile/edit-profile.html | 修改个人信息 | 我的 |
| 14 | profile/change-pwd.html | 修改密码 | 我的 |
## 逐页说明
@@ -153,16 +157,18 @@ stateDiagram-v2
![页面截图](screenshots/serious-illness-list.jpg)
**功能说明：** 大病就医任务列表，按待处理/已完成分类展示。
**功能说明：** 大病就医任务列表，按待处理/已结束分类展示。
**业务规则：**
- 二级 Tab 切换：待处理（含数量角标）/ 已完成
- 二级 Tab 切换：待处理（含数量角标）/ 已结束
- 卡片展示：预约医院、状态标签、申请员工、科室、挂号类别、预约时间
- 待处理标签为橙色，已完成标签为绿色
- 待处理标签为橙色，已完成标签为绿色，已取消标签为灰色
- 已结束面板同时包含"已完成"和"已取消"两种状态的卡片
**交互说明：**
- 点击待处理卡片：跳转到大病就医详情（待处理）页
- 点击已完成卡片：跳转到大病就医详情（已完成）页
- 点击已取消卡片：跳转到大病就医详情（已取消）页，通过 `?from=operator` 或 `?from=employee` 参数区分取消来源
- 点击返回：返回工作台首页
---
@@ -216,9 +222,27 @@ stateDiagram-v2
---
### 7. 大病就医详情（已取消）
![页面截图](screenshots/serious-illness-detail-cancelled.jpg)
**功能说明：** 展示已取消的大病就医预约详情，包含取消原因和取消人信息，纯只读页面。
**业务规则：**
- 三个可折叠卡片：取消信息、申请员工信息、预约信息
- 取消信息卡片展示：取消状态描述、取消人、取消时间、取消原因
- 通过 URL 参数 `from` 区分取消来源：`from=operator` 为操作人员取消，`from=employee` 为员工本人取消
- 不同取消来源展示不同的取消人和描述文案
**交互说明：**
- 点击卡片标题：折叠/展开卡片
- 点击返回：返回大病就医列表
---
## 四、知识库模块
### 7. 知识库首页
### 8. 知识库首页
**功能说明：** 等待后续规划，提示“功能开发中，敬请期待~”
@@ -226,7 +250,7 @@ stateDiagram-v2
---
### 8. 知识详情
### 9. 知识详情
@@ -237,7 +261,7 @@ stateDiagram-v2
## 五、个人中心模块
### 9. 个人中心主页
### 10. 个人中心主页
![页面截图](screenshots/profile-index.jpg)
@@ -255,7 +279,7 @@ stateDiagram-v2
---
### 10. 修改个人信息
### 11. 修改个人信息
![页面截图](screenshots/edit-profile.jpg)
@@ -274,7 +298,7 @@ stateDiagram-v2
---
### 11. 修改密码
### 12. 修改密码
![页面截图](screenshots/change-pwd.jpg)
emergency-app/onsite/doc/screenshots/serious-illness-detail-cancelled.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

emergency-app/onsite/doc/screenshots/serious-illness-list.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 50 KiB

emergency-app/onsite/workbench/serious-illness-detail-cancelled.html
+117
View File
@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>驻场人员 - 大病就医详情(已取消) | 健康长庆原型</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f0f2f5; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; }
.phone-shell { width: 390px; height: 844px; background: #fff; border-radius: 44px; box-shadow: 0 20px 60px rgba(0,0,0,0.25), inset 0 0 0 2px #e0e0e0; overflow: hidden; position: relative; display: flex; flex-direction: column; flex-shrink: 0; }
.status-bar { height: 44px; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; flex-shrink: 0; }
.status-bar .time { font-size: 15px; font-weight: 700; color: #1a1a1a; }
.status-bar .icons { display: flex; gap: 6px; align-items: center; font-size: 12px; color: #1a1a1a; }
.nav-bar { height: 44px; display: flex; align-items: center; padding: 0 16px; background: #fff; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; position: relative; }
.back-btn { display: flex; align-items: center; gap: 4px; color: #1677ff; font-size: 15px; cursor: pointer; background: none; border: none; padding: 4px 0; }
.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: #f5f5f5; }
.scroll-content::-webkit-scrollbar { display: none; }
.status-area { padding: 32px 16px 24px; text-align: center; background: #fff; }
.status-area__title { font-size: 22px; font-weight: 700; color: #999; margin-bottom: 8px; }
.status-area__desc { font-size: 14px; color: #999; }
.info-card { background: #fff; margin: 12px 16px; border-radius: 12px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); overflow: hidden; }
.info-card__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; cursor: pointer; }
.info-card__title { font-size: 15px; font-weight: 600; color: #1a1a1a; }
.info-card__toggle { display: inline-flex; align-items: center; gap: 4px; color: #1677ff; font-size: 12px; font-weight: 600; }
.info-card__arrow { width: 14px; height: 14px; transition: transform .2s ease; }
.info-card__body { padding: 0 16px 16px; }
.info-card--collapsed .info-card__body { display: none; }
.info-card--collapsed .info-card__arrow { transform: rotate(-90deg); }
.info-card__row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px; }
.info-card__row:last-child { border-bottom: none; }
.info-card__label { color: #999; }
.info-card__value { color: #333; font-weight: 500; }
</style>
</head>
<body>
<div class="phone-shell">
<div class="status-bar"><span class="time">9:41</span><div class="icons"><span>●●●</span><span>WiFi</span><span>🔋</span></div></div>
<div class="nav-bar">
<button class="back-btn" onclick="history.back()"><svg width="10" height="16" viewBox="0 0 10 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 1L2 8l6 7"/></svg>返回</button>
<span class="nav-title">就医详情</span>
</div>
<div class="scroll-content">
<div class="status-area">
<div class="status-area__title">已取消</div>
<div class="status-area__desc" id="status-desc">该预约已被取消</div>
</div>
<div class="info-card" id="cancel-card">
<div class="info-card__header" onclick="toggleCard('cancel-card', this)">
<div class="info-card__title">取消信息</div>
<div class="info-card__toggle"><span>收起</span><svg class="info-card__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6l5 5 5-5"/></svg></div>
</div>
<div class="info-card__body">
<div class="info-card__row"><span class="info-card__label">取消人</span><span class="info-card__value" id="cancel-person">操作人员（刘旭）</span></div>
<div class="info-card__row"><span class="info-card__label">取消时间</span><span class="info-card__value" id="cancel-time">2026-04-25 11:20</span></div>
<div class="info-card__row"><span class="info-card__label">取消原因</span><span class="info-card__value" id="cancel-reason">患者病情好转，暂不需要就医</span></div>
</div>
</div>
<div class="info-card" id="employee-card">
<div class="info-card__header" onclick="toggleCard('employee-card', this)">
<div class="info-card__title">申请员工信息</div>
<div class="info-card__toggle"><span>收起</span><svg class="info-card__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6l5 5 5-5"/></svg></div>
</div>
<div class="info-card__body">
<div class="info-card__row"><span class="info-card__label">姓名</span><span class="info-card__value">王磊</span></div>
<div class="info-card__row"><span class="info-card__label">性别</span><span class="info-card__value">男</span></div>
<div class="info-card__row"><span class="info-card__label">年龄</span><span class="info-card__value">42岁</span></div>
<div class="info-card__row"><span class="info-card__label">员工编号</span><span class="info-card__value">CY3-20180156</span></div>
<div class="info-card__row"><span class="info-card__label">所属单位</span><span class="info-card__value">采油三厂</span></div>
<div class="info-card__row"><span class="info-card__label">联系电话</span><span class="info-card__value">139-0088-7712</span></div>
</div>
</div>
<div class="info-card" id="booking-card">
<div class="info-card__header" onclick="toggleCard('booking-card', this)">
<div class="info-card__title">预约信息</div>
<div class="info-card__toggle"><span>收起</span><svg class="info-card__arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6l5 5 5-5"/></svg></div>
</div>
<div class="info-card__body">
<div class="info-card__row"><span class="info-card__label">预约医院</span><span class="info-card__value">西安交大一附院</span></div>
<div class="info-card__row"><span class="info-card__label">科室</span><span class="info-card__value">消化内科</span></div>
<div class="info-card__row"><span class="info-card__label">医生</span><span class="info-card__value">孙建华</span></div>
<div class="info-card__row"><span class="info-card__label">挂号类别</span><span class="info-card__value">专家号</span></div>
<div class="info-card__row"><span class="info-card__label">预约时间</span><span class="info-card__value">2026-04-25 10:30</span></div>
<div class="info-card__row"><span class="info-card__label">病情描述</span><span class="info-card__value">反复胃痛两周，需做胃镜检查</span></div>
</div>
</div>
<div style="height:16px;"></div>
</div>
</div>
<script>
function toggleCard(cardId, headerEl) {
var card = document.getElementById(cardId);
if (!card) return;
card.classList.toggle('info-card--collapsed');
var isCollapsed = card.classList.contains('info-card--collapsed');
var toggle = headerEl ? headerEl.querySelector('.info-card__toggle span') : null;
if (toggle) toggle.textContent = isCollapsed ? '展开' : '收起';
}
(function(){
var params = new URLSearchParams(window.location.search);
var from = params.get('from');
if (from === 'employee') {
document.getElementById('status-desc').textContent = '员工本人取消了该预约';
document.getElementById('cancel-person').textContent = '员工本人（赵刚）';
document.getElementById('cancel-time').textContent = '2026-04-23 09:45';
document.getElementById('cancel-reason').textContent = '症状已缓解，暂不需要就医';
}
})();
</script>
</body>
</html>
emergency-app/onsite/workbench/serious-illness-list.html
+31 -2
View File
@@ -35,6 +35,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
.card__status { font-size: 12px; padding: 2px 10px; border-radius: 10px; font-weight: 500; }
.card__status--pending { background: #fff7e6; color: #fa8c16; }
.card__status--done { background: #f6ffed; color: #52c41a; }
.card__status--cancelled { background: #f5f5f5; color: #999; }
.card__info { font-size: 13px; color: #666; line-height: 1.8; }
.card__info .card__employee { color: #1a1a1a; font-weight: 500; }
.card__tip { font-size: 12px; color: #999; margin-top: 6px; }
@@ -72,7 +73,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<!-- 二级Tab：待处理 / 已完成 -->
<div class="seg-tabs">
<div class="seg-tab active" onclick="switchTab(this,'panel-pending')">待处理<span class="badge">3</span></div>
<div class="seg-tab" onclick="switchTab(this,'panel-done')">已完成</div>
<div class="seg-tab" onclick="switchTab(this,'panel-done')">已结束</div>
</div>
<div class="scroll-content">
@@ -124,7 +125,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div style="height:16px;"></div>
</div>
<!-- 已完成 -->
<!-- 已结束 -->
<div id="panel-done" class="content-panel">
<div style="height:10px;"></div>
@@ -155,6 +156,34 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
</div>
<div class="card__tip">已完成挂号，排队序号：12</div>
</div>
<div class="card" onclick="location.href='./serious-illness-detail-cancelled.html?from=operator'">
<div class="card__header">
<span class="card__hospital">西安交大一附院</span>
<span class="card__status card__status--cancelled">已取消</span>
</div>
<div class="card__info">
<div>申请员工：<span class="card__employee">王磊 · 采油三厂</span></div>
<div>科室：消化内科 · 孙建华</div>
<div>挂号类别：专家号</div>
<div>预约时间：2026-04-25 10:30</div>
</div>
<div class="card__tip">操作人员已取消该预约</div>
</div>
<div class="card" onclick="location.href='./serious-illness-detail-cancelled.html?from=employee'">
<div class="card__header">
<span class="card__hospital">庆阳市人民医院</span>
<span class="card__status card__status--cancelled">已取消</span>
</div>
<div class="card__info">
<div>申请员工：<span class="card__employee">赵刚 · 采气一厂</span></div>
<div>科室：泌尿外科 · 李国强</div>
<div>挂号类别：普通号</div>
<div>预约时间：2026-04-23 15:00</div>
</div>
<div class="card__tip">员工本人取消预约</div>
</div>
<div style="height:16px;"></div>
</div>
</div>