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

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

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
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
+2 -1
View File
@@ -98,7 +98,7 @@ stateDiagram-v2
- 点击"查看工单":跳转到工单详情(进行中)页
- 点击"救助意见":跳转到救助意见表单页,确认完后在聊天页发送一条自定义救助意见卡片消息
- 点击"患者定位":跳转到患者定位地图页
- 点击"结束应急":弹出二次确认弹窗,确认后发送一条结束应急的卡片消息,并跳转回工作台首页(已结束 Tab),
- 点击"结束应急":弹出二次确认弹窗(标题"是否结束应急",内容"请确保人员已妥善救助,现场风险及隐患已全部排查解除。"),确认后发送一条结束应急的卡片消息,并跳转回工作台首页(已结束 Tab),
- 点击"🎤"图标:切换语音/文字输入模式
- 点击"+"图标:展开/收起媒体选择面板
- 点击"➤"发送按钮:将输入框内容发送为专业人员消息气泡
@@ -180,6 +180,7 @@ stateDiagram-v2
**交互说明:**
- 点击卡片标题:折叠/展开卡片
- 点击返回:返回应急聊天页
- 非视频求助方式下显示"结束应急"按钮和救助意见"编辑"按钮;点击"结束应急"弹出确认弹窗(标题"是否结束应急",内容"请确保人员已妥善救助,现场风险及隐患已全部排查解除。"),确认后跳转回工作台
---
Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 48 KiB

@@ -70,7 +70,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<span style="font-size:11px;color:#666;">求助时间:2026-04-24 09:15</span>
</div>
<!-- [交互] 点击跳转至: ./work-order-detail.html -->
<button onclick="location.href='./work-order-detail.html'" style="font-size:12px;color:#fa8c16;background:none;border:1px solid #fa8c16;border-radius:6px;padding:4px 10px;cursor:pointer;">查看工单</button>
<button onclick="sessionStorage.setItem('professionalWorkOrderDetailSource','./emergency-chat-done.html');location.href='./work-order-detail.html'" style="font-size:12px;color:#fa8c16;background:none;border:1px solid #fa8c16;border-radius:6px;padding:4px 10px;cursor:pointer;">查看工单</button>
</div>
<div id="emergency-info-detail" class="info-detail">
<div class="info-avatar">👩</div>
@@ -200,8 +200,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div id="confirm-mask" class="confirm-mask" onclick="closeEndConfirm(event)">
<div class="confirm-dialog">
<div class="confirm-dialog__head">是否确认结束应急</div>
<div class="confirm-dialog__body">结束后本次应急会话将进入“已结束”列表,仅支持查看记录,不可继续发送消息</div>
<div class="confirm-dialog__head">是否结束应急</div>
<div class="confirm-dialog__body">请确保人员已妥善救助,现场风险及隐患已全部排查解除</div>
<div class="confirm-dialog__actions">
<button class="confirm-dialog__btn confirm-dialog__btn--cancel" onclick="closeEndConfirm(event)">取消</button>
<button class="confirm-dialog__btn confirm-dialog__btn--confirm" onclick="confirmEndEmergency(event)">确认结束</button>
@@ -122,8 +122,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<!-- 已结束列表 -->
<div id="panel-done" style="display:none;">
<!-- [交互] 点击跳转至: ./work-order-detail.html -->
<div class="emergency-card" onclick="sessionStorage.setItem('professionalWorkOrderDetailSource','./index.html');sessionStorage.setItem('professionalWorkOrderMethod','应急视频');location.href='./work-order-detail.html'">
<!-- [交互] 点击跳转至: ./emergency-chat-done.html(应急视频) -->
<div class="emergency-card" onclick="location.href='./emergency-chat-done.html'">
<div class="ec-top">
<div class="ec-avatar">🚑</div>
<div class="ec-info">
@@ -120,6 +120,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<div class="desc-block">
<div style="display: flex; align-items: center; justify-content: space-between;">
<div class="desc-block__label">救助意见:</div>
<button class="edit-btn" id="edit-advice-btn" style="display:none;" onclick="openEditAdvice()">编辑</button>
</div>
<div class="desc-block__text" id="advice-text">-</div>
</div>
@@ -197,8 +198,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
<!-- 结束应急确认弹窗 -->
<div id="confirm-mask" class="confirm-mask" onclick="closeEndConfirm(event)">
<div class="confirm-dialog">
<div class="confirm-dialog__head">是否确认结束应急</div>
<div class="confirm-dialog__body">结束后本次应急工单将更改为"已完成"状态</div>
<div class="confirm-dialog__head">是否结束应急</div>
<div class="confirm-dialog__body">请确保人员已妥善救助,现场风险及隐患已全部排查解除</div>
<div class="confirm-dialog__actions">
<button class="confirm-dialog__btn confirm-dialog__btn--cancel" onclick="closeEndConfirm(event)">取消</button>
<button class="confirm-dialog__btn confirm-dialog__btn--confirm" onclick="confirmEndEmergency(event)">确认结束</button>
@@ -223,9 +224,10 @@ function goBackToSource() {
var method = sessionStorage.getItem('professionalWorkOrderMethod');
if (method) {
document.getElementById('help-method').textContent = method;
// 如果求助方式是"应急电话"或"拨打120",显示结束应急按钮
// 如果求助方式是"应急电话"或"拨打120",显示结束应急按钮和救助意见编辑按钮
if (method === '应急电话' || method === '拨打120') {
document.getElementById('end-bar').style.display = 'block';
document.getElementById('edit-advice-btn').style.display = '';
}
}