feat: 应急就医多端原型优化与PRD文档更新
- 通话记录新增未知员工补充信息弹窗交互 - 大病就医列表新增操作人员派单/取消操作 - 新增应急工单从通话记录进入时隐藏非必要字段 - 统一三端结束应急弹窗文案 - 排班日历增加排班日高亮样式与图例 - 驻场端大病就医新增已取消详情页与Tab重构 - 专业人员工作台首页视频卡片导航优化 - 更新各模块PRD文档与页面截图 - index导航页同步新增页面条目 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@@ -98,7 +98,7 @@ stateDiagram-v2
|
||||
- 点击"查看工单":跳转到工单详情(进行中)页
|
||||
- 点击"救助意见":跳转到救助意见表单页,确认完后在聊天页发送一条自定义救助意见卡片消息
|
||||
- 点击"患者定位":跳转到患者定位地图页
|
||||
- 点击"结束应急":弹出二次确认弹窗,确认后发送一条结束应急的卡片消息,并跳转回工作台首页(已结束 Tab),
|
||||
- 点击"结束应急":弹出二次确认弹窗(标题"是否结束应急",内容"请确保人员已妥善救助,现场风险及隐患已全部排查解除。"),确认后发送一条结束应急的卡片消息,并跳转回工作台首页(已结束 Tab),
|
||||
- 点击"🎤"图标:切换语音/文字输入模式
|
||||
- 点击"+"图标:展开/收起媒体选择面板
|
||||
- 点击"➤"发送按钮:将输入框内容发送为专业人员消息气泡
|
||||
@@ -180,6 +180,7 @@ stateDiagram-v2
|
||||
**交互说明:**
|
||||
- 点击卡片标题:折叠/展开卡片
|
||||
- 点击返回:返回应急聊天页
|
||||
- 非视频求助方式下显示"结束应急"按钮和救助意见"编辑"按钮;点击"结束应急"弹出确认弹窗(标题"是否结束应急",内容"请确保人员已妥善救助,现场风险及隐患已全部排查解除。"),确认后跳转回工作台
|
||||
|
||||
---
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 32 KiB |
|
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 = '';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||