diff --git a/.claude/memory/MEMORY.md b/.claude/memory/MEMORY.md index b0152a1..3f3cecc 100644 --- a/.claude/memory/MEMORY.md +++ b/.claude/memory/MEMORY.md @@ -1,11 +1,11 @@ -_Last synced: 2026-04-23 | Base commit: `41c200e`_ +_Last synced: 2026-04-27 | Base commit: `dca337f`_ # 记忆索引 | 文件 | 描述 | 类型 | 最后更新 | |------|------|------|----------| -| project_overview.md | 项目技术栈、架构与模块结构 | project | 2026-04-21 | -| project_progress.md | 各模块原型开发进度 | project | 2026-04-21 | +| project_overview.md | 项目技术栈、架构与模块结构 | project | 2026-04-27 | +| project_progress.md | 各模块原型开发进度 | project | 2026-04-27 | | decisions.md | 关键设计决策与架构约定 | project | 2026-04-21 | | feedback.md | 协作规范与用户纠正记录 | feedback | 2026-04-21 | | user_profile.md | 用户角色与偏好 | user | 2026-04-21 | diff --git a/.claude/memory/project_overview.md b/.claude/memory/project_overview.md index 27a4b5a..849f49b 100644 --- a/.claude/memory/project_overview.md +++ b/.claude/memory/project_overview.md @@ -18,7 +18,7 @@ |----|------|------| | Web 管理端 | `web-admin/` | 平台管理员使用，16 个模块 | | 员工端 APP | `employee-app/` | 油田员工使用，17 个模块 | -| 健康应急 APP | `emergency-app/` | 专家/应急人员使用，6 个角色 + 共享模块 | +| 健康应急 APP | `emergency-app/` | 专家/应急人员使用，6 个角色（expert/assistant/operator/professional/onsite + 共享模块 ai-assistant/message） | ## 关键文件 - `index.html` — 全局导航页（SITE_MAP 数据驱动） diff --git a/.claude/memory/project_progress.md b/.claude/memory/project_progress.md index edf7791..36a2768 100644 --- a/.claude/memory/project_progress.md +++ b/.claude/memory/project_progress.md @@ -5,20 +5,27 @@ ### 健康应急 APP（emergency-app） - `assistant/` — 咨询小助手端（12 页）✅ - `expert/` — 咨询专家端（16 页）✅ -- `message/` — 消息/即时通讯（3 页）✅ -- `ai-assistant/` — AI 助手（1 页）✅ +- `operator/` — 操作人员端（22 页：工作台15 + 知识库2 + 个人中心5）✅ +- `professional/` — 专业人员端（13 页：工作台7 + 知识库2 + 个人中心4）✅ +- `onsite/` — 驻场人员端（12 页：工作台6 + 知识库2 + 个人中心4）✅ +- `message/` — 消息/即时通讯（3 页，共享模块）✅ +- `ai-assistant/` — AI 助手（1 页，共享模块）✅ ### 员工端 APP（employee-app） - `health-consult/` — 健康咨询（32 页）✅ -- `emergency-medical/` — 应急就医（24 页）✅ +- `emergency-medical/` — 应急就医（25 页）✅ ### Web 管理端（web-admin） - `health-consult/` — 专家咨询管理（50+ 页）✅ -- `emergency-dispatch/` — 应急就医管理（50+ 页）✅ +- `emergency-dispatch/` — 应急就医管理（含 admin + operator 子模块，70+ 页）✅ ## 待开发模块 Web 管理端和员工端 APP 的其余模块（系统管理、健康体检、体重管理、营养管理、运动管理、健康监测、健康评估、知识普及、健康数据、健康档案、心脑血管/糖尿病/癌症预防等）均为待开发状态。 ## 总计 -- 已完成：200+ 个 HTML 原型页面 -- 覆盖模块：8 个（含三端） +- 已完成：243 个 HTML 原型页面（经 SITE_MAP 双向验证） +- 覆盖模块：11 个（含三端） + +## 近期里程碑 +- 2026-04-27：完成驻场人员端全部页面，共享页面（AI助手/消息）修复角色导航，SITE_MAP 全量校验通过（243页） +- 2026-04-23：完成操作人员端、专业人员端页面 diff --git a/CLAUDE.md b/CLAUDE.md index 772f7e9..5fe8635 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -1,4 +1,4 @@ - + # 项目约束 diff --git a/emergency-app/onsite/profile/duty-schedule.html b/emergency-app/onsite/profile/duty-schedule.html deleted file mode 100644 index afe9981..0000000 --- a/emergency-app/onsite/profile/duty-schedule.html +++ /dev/null @@ -1,168 +0,0 @@ - - - - - -驻场人员 - 值班信息 | 健康长庆原型 - - - -
-
- 9:41 -
●●●WiFi🔋
-
-
- - 值班信息 -
-
-
-
值班日历
-
-
-
长庆油田职工医院
-
- 今日当班 -
-
- -
- - -
-
-
日一二三四五六
-
-
-
今天
-
排班日
-
-
-
-
今日值班人员
-
-
-
赵
-
-
赵磊
-
-
驻场人员
-
-
-
李
-
-
李明
-
-
操作人员
-
-
-
-
-
-
- - - \ No newline at end of file diff --git a/emergency-app/onsite/profile/index.html b/emergency-app/onsite/profile/index.html index c9ed0f2..a79b76c 100644 --- a/emergency-app/onsite/profile/index.html +++ b/emergency-app/onsite/profile/index.html @@ -46,7 +46,6 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
📅值班信息
📝修改个人信息
🔒修改密码
diff --git a/emergency-app/onsite/workbench/index.html b/emergency-app/onsite/workbench/index.html index 75256d7..26e00a4 100644 --- a/emergency-app/onsite/workbench/index.html +++ b/emergency-app/onsite/workbench/index.html @@ -89,7 +89,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
陈伟47岁
待处理
-
求助时间：2026-04-27 14:30
+
派单时间：2026-04-27 14:30
@@ -102,7 +102,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
刘海波55岁
待处理 -
求助时间：2026-04-27 10:20
+
派单时间：2026-04-27 10:20
@@ -120,8 +120,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
赵志强61岁
已完成 -
求助时间：2026-04-25 08:15
-
结束时间：2026-04-25 18:20
+
派单时间：2026-04-25 08:15
+
完成时间：2026-04-25 18:20
@@ -134,8 +134,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
孙莉29岁
已完成 -
求助时间：2026-04-24 09:10
-
结束时间：2026-04-24 15:05
+
派单时间：2026-04-24 09:10
+
完成时间：2026-04-24 15:05
diff --git a/emergency-app/onsite/workbench/serious-illness-detail-done.html b/emergency-app/onsite/workbench/serious-illness-detail-done.html index 0863d14..c6b52e1 100644 --- a/emergency-app/onsite/workbench/serious-illness-detail-done.html +++ b/emergency-app/onsite/workbench/serious-illness-detail-done.html @@ -77,6 +77,18 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: +
+
+
派单信息
+
收起
+
+
+
操作人员李明
+
派单时间2026-04-24 14:30
+
派单说明请前往长庆油田职工医院骨科完成挂号
+
+
+
挂号结果
diff --git a/emergency-app/onsite/workbench/serious-illness-detail-pending.html b/emergency-app/onsite/workbench/serious-illness-detail-pending.html index 5792358..b58a11b 100644 --- a/emergency-app/onsite/workbench/serious-illness-detail-pending.html +++ b/emergency-app/onsite/workbench/serious-illness-detail-pending.html @@ -44,7 +44,50 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .bottom-btns__btn--primary { background: #1677ff; color: #fff; } .modal-center { display: none; position: absolute; inset: 0; background: rgba(0,0,0,0.5); z-index: 200; align-items: center; justify-content: center; } .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; } +.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; } +.person-select__input:focus { border-color: #1677ff; } +.person-select__input::placeholder { color: #999; } +.person-select__arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999; pointer-events: none; transition: transform .2s; } +.person-select.open .person-select__arrow { transform: translateY(-50%) rotate(180deg); } +.person-select__tip { margin-top: 6px; font-size: 12px; color: #999; line-height: 1.5; } +.person-select__dropdown { display: none; position: absolute; top: calc(100% + 6px); left: 16px; right: 16px; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,0.12); overflow: hidden; z-index: 20; } +.person-select.open .person-select__dropdown { display: block; } +.person-options { max-height: 420px; overflow-y: auto; } +.person-options::-webkit-scrollbar { width: 4px; } +.person-options::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.16); border-radius: 999px; } +.person-option { display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid #f5f5f5; cursor: pointer; transition: background .15s; } +.person-option:last-child { border-bottom: none; } +.person-option:hover { background: #f0f7ff; } +.person-option.selected { background: #e6f4ff; } +.person-option.is-hidden { display: none; } +.person-option__info { flex: 1; min-width: 0; } +.person-option__name { font-size: 14px; font-weight: 600; color: #1a1a1a; } +.person-option__meta { margin-top: 3px; font-size: 12px; color: #666; line-height: 1.6; } +.person-option__status { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 600; flex-shrink: 0; } +.person-option__status--free { background: #f6ffed; color: #52c41a; } +.person-option__status--busy { background: #fff7e6; color: #fa8c16; } +.person-empty { display: none; padding: 18px 12px; text-align: center; font-size: 13px; color: #999; background: #fafafa; } +.person-empty.show { display: block; } +.person-info { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 10px; padding: 12px 14px; margin: 12px 16px 0; } +.person-info__title { font-size: 12px; font-weight: 600; color: #333; margin-bottom: 8px; } +.person-info__row { display: flex; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 6px; } +.person-info__row:last-child { margin-bottom: 0; } +.person-info__label { color: #999; flex-shrink: 0; min-width: 56px; } +.person-info__value { color: #1a1a1a; font-weight: 500; } +.person-info__value a { color: #1677ff; text-decoration: none; } +.transfer-note { margin: 12px 16px 0; } +.transfer-note__label { font-size: 13px; color: #333; margin-bottom: 6px; display: flex; align-items: center; gap: 4px; } +.transfer-note__label .required { color: #ff4d4f; } +.transfer-note__textarea { width: 100%; min-height: 88px; border: 1px solid #e8e8e8; border-radius: 10px; padding: 10px 12px; font-size: 14px; outline: none; resize: none; font-family: inherit; line-height: 1.6; color: #1a1a1a; background: #fff; } +.transfer-note__textarea:focus { border-color: #1677ff; } +.status-tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; } +.status-tag--free { background: #f6ffed; color: #52c41a; } +.status-tag--busy { background: #fff7e6; color: #fa8c16; } @@ -92,12 +135,32 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
+
+
+
派单信息
+
收起
+
+
+
操作人员李明
+
派单时间2026-04-28 08:30
+
派单说明请尽快前往西京医院完成挂号，心血管内科专家号
+
+
+
填写挂号结果
收起
+
+
*就诊科室
+ +
+
+
*就诊医生
+ +
*就诊时段
@@ -106,6 +169,15 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
*排队序号
+
+
*挂号类别
+ +
备注
@@ -117,13 +189,14 @@ 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 4a3774c..88ab91f 100644 --- a/emergency-app/onsite/workbench/work-order-detail-ongoing.html +++ b/emergency-app/onsite/workbench/work-order-detail-ongoing.html @@ -46,7 +46,50 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .btn-secondary { flex: 1; height: 44px; border: 1px solid #d9d9d9; border-radius: 10px; background: #fff; color: #666; font-size: 15px; font-weight: 500; cursor: pointer; } .modal-center { display: none; position: absolute; inset: 0; background: rgba(0,0,0,0.5); z-index: 200; align-items: center; justify-content: center; } .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; } +.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; } +.person-select__input:focus { border-color: #1677ff; } +.person-select__input::placeholder { color: #999; } +.person-select__arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #999; pointer-events: none; transition: transform .2s; } +.person-select.open .person-select__arrow { transform: translateY(-50%) rotate(180deg); } +.person-select__tip { margin-top: 6px; font-size: 12px; color: #999; line-height: 1.5; } +.person-select__dropdown { display: none; position: absolute; top: calc(100% + 6px); left: 16px; right: 16px; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,0.12); overflow: hidden; z-index: 20; } +.person-select.open .person-select__dropdown { display: block; } +.person-options { max-height: 420px; overflow-y: auto; } +.person-options::-webkit-scrollbar { width: 4px; } +.person-options::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.16); border-radius: 999px; } +.person-option { display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid #f5f5f5; cursor: pointer; transition: background .15s; } +.person-option:last-child { border-bottom: none; } +.person-option:hover { background: #f0f7ff; } +.person-option.selected { background: #e6f4ff; } +.person-option.is-hidden { display: none; } +.person-option__info { flex: 1; min-width: 0; } +.person-option__name { font-size: 14px; font-weight: 600; color: #1a1a1a; } +.person-option__meta { margin-top: 3px; font-size: 12px; color: #666; line-height: 1.6; } +.person-option__status { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 600; flex-shrink: 0; } +.person-option__status--free { background: #f6ffed; color: #52c41a; } +.person-option__status--busy { background: #fff7e6; color: #fa8c16; } +.person-empty { display: none; padding: 18px 12px; text-align: center; font-size: 13px; color: #999; background: #fafafa; } +.person-empty.show { display: block; } +.person-info { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 10px; padding: 12px 14px; margin: 12px 16px 0; } +.person-info__title { font-size: 12px; font-weight: 600; color: #333; margin-bottom: 8px; } +.person-info__row { display: flex; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 6px; } +.person-info__row:last-child { margin-bottom: 0; } +.person-info__label { color: #999; flex-shrink: 0; min-width: 56px; } +.person-info__value { color: #1a1a1a; font-weight: 500; } +.person-info__value a { color: #1677ff; text-decoration: none; } +.transfer-note { margin: 12px 16px 0; } +.transfer-note__label { font-size: 13px; color: #333; margin-bottom: 6px; display: flex; align-items: center; gap: 4px; } +.transfer-note__label .required { color: #ff4d4f; } +.transfer-note__textarea { width: 100%; min-height: 88px; border: 1px solid #e8e8e8; border-radius: 10px; padding: 10px 12px; font-size: 14px; outline: none; resize: none; font-family: inherit; line-height: 1.6; color: #1a1a1a; background: #fff; } +.transfer-note__textarea:focus { border-color: #1677ff; } +.status-tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; } +.status-tag--free { background: #f6ffed; color: #52c41a; } +.status-tag--busy { background: #fff7e6; color: #fa8c16; } @@ -73,6 +116,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
工单编号YJ5633280
求助员工陈伟（47岁）
所属单位采油一厂 · 第一作业区
+
联系电话15899556658
+
求助方式应急视频
求助时间2026-04-27 14:30
位置信息陕西省庆阳市华池县采油一厂作业区
@@ -105,6 +150,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
收起
+
操作人员李明
派单时间2026-04-27 14:35
派单说明请尽快前往现场协助员工就医，需陪同前往华池县人民医院急诊科
@@ -134,6 +180,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
+
@@ -160,6 +207,62 @@ 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 8db03f6..923e3a4 100644 --- a/emergency-app/onsite/workbench/work-order-detail.html +++ b/emergency-app/onsite/workbench/work-order-detail.html @@ -62,6 +62,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
工单编号YJ5633256
求助员工赵志强（61岁）
所属单位公司机关 · 健康科
+
联系电话15899556658
求助方式应急视频
求助时间2026-04-25 08:15
位置信息陕西省西安市雁塔区电子一路56号
@@ -95,6 +96,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
收起
+
操作人员李明
派单时间2026-04-25 08:25
派单说明给这个员工紧急挂号就诊，需要拍头颅CT
diff --git a/emergency-app/operator/workbench/emergency-chat.html b/emergency-app/operator/workbench/emergency-chat.html index 3220997..e8b391a 100644 --- a/emergency-app/operator/workbench/emergency-chat.html +++ b/emergency-app/operator/workbench/emergency-chat.html @@ -91,8 +91,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: 求助时间：2026-04-24 14:30 - - + +
👨
diff --git a/emergency-app/operator/workbench/index.html b/emergency-app/operator/workbench/index.html index 8e0b448..1a2c884 100644 --- a/emergency-app/operator/workbench/index.html +++ b/emergency-app/operator/workbench/index.html @@ -45,6 +45,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .tag-blue { background: #e6f4ff; color: #1677ff; } .tag-green { background: #f6ffed; color: #52c41a; } .tag-purple { background: #f9f0ff; color: #722ed1; } +.tag-orange { background: #fff7e6; color: #fa8c16; } @@ -94,12 +95,13 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
陈伟47岁
进行中
+
求助方式：应急视频
求助时间：2026-04-24 14:30
-
+
🚑
@@ -107,12 +109,13 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
刘海波55岁
进行中
+
求助方式：应急电话
求助时间：2026-04-24 10:20
-
+
🚑
@@ -120,6 +123,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
王建国38岁
进行中
+
求助方式：拨打120
求助时间：2026-04-24 08:15
@@ -130,7 +134,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
-
+
✅
@@ -138,13 +142,14 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
赵志强61岁
已完成
+
求助方式：线下应急
求助时间：2026-04-24 08:15
结束时间：2026-04-23 18:20
-
+
📄
@@ -152,6 +157,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
孙莉29岁
已完成
+
求助方式：应急视频
求助时间：2026-04-24 08:15
结束时间：2026-04-22 11:05
diff --git a/emergency-app/operator/workbench/work-order-detail-ongoing.html b/emergency-app/operator/workbench/work-order-detail-ongoing.html index 5fa1cfb..cc29654 100644 --- a/emergency-app/operator/workbench/work-order-detail-ongoing.html +++ b/emergency-app/operator/workbench/work-order-detail-ongoing.html @@ -42,6 +42,7 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .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; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1677ff; } .photo-item__mask { position: absolute; inset: auto 0 0 0; background: rgba(0,0,0,0.42); color: #fff; font-size: 10px; text-align: center; padding: 3px 0; } +.photo-item__delete { position: absolute; top: -1px; right: -1px; width: 18px; height: 18px; border-radius: 50%; background: #ff4d4f; color: #fff; font-size: 12px; line-height: 18px; text-align: center; cursor: pointer; z-index: 2; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .photo-add { width: 90px; height: 68px; border-radius: 8px; border: 1px dashed #91caff; background: #f7fbff; color: #1677ff; font-size: 12px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; } .photo-add span:first-child { font-size: 18px; line-height: 1; } .result-toolbar, .summary-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } @@ -102,6 +103,20 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .dialog-field__input:focus { border-color: #1677ff; } .dialog-field__textarea { width: 100%; min-height: 60px; border: 1px solid #d9d9d9; border-radius: 8px; padding: 8px 12px; font-size: 13px; color: #333; outline: none; resize: none; font-family: inherit; line-height: 1.6; } .dialog-field__textarea:focus { border-color: #1677ff; } +/* 底部结束应急按钮 */ +.end-bar { padding: 12px 16px; background: #fff; border-top: 1px solid #f0f0f0; flex-shrink: 0; display: none; } +.end-btn { width: 100%; height: 44px; border: none; border-radius: 10px; background: #ff4d4f; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; } +/* 二次确认弹窗 */ +.confirm-mask { position: absolute; inset: 0; background: rgba(0,0,0,0.45); display: none; align-items: center; justify-content: center; z-index: 30; padding: 24px; } +.confirm-mask.show { display: flex; } +.confirm-dialog { width: 100%; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.2); } +.confirm-dialog__head { padding: 18px 20px 8px; font-size: 17px; font-weight: 700; color: #1a1a1a; text-align: center; } +.confirm-dialog__body { padding: 0 20px 20px; font-size: 14px; line-height: 1.7; color: #666; text-align: center; } +.confirm-dialog__actions { display: flex; border-top: 1px solid #f0f0f0; } +.confirm-dialog__btn { flex: 1; height: 48px; border: none; background: #fff; font-size: 15px; cursor: pointer; } +.confirm-dialog__btn + .confirm-dialog__btn { border-left: 1px solid #f0f0f0; } +.confirm-dialog__btn--cancel { color: #666; } +.confirm-dialog__btn--confirm { color: #ff4d4f; font-weight: 600; } @@ -112,8 +127,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
- - 工单详情 @@ -127,12 +142,11 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
工单编号YJ5633280
-
工单类型正常派单
应急中心西安应急中心
求助员工陈伟（EMP-71023）
所属单位采油一厂
所属部门第一作业区
-
求助方式应急视频
+
求助方式应急视频
求助时间2026-04-23 14:30:00
位置信息陕西省庆阳市华池县采油一厂作业区
操作人员刘旭
@@ -161,8 +175,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
相关照片：
-
现场照片 1
点击替换
-
现场照片 2
点击替换
+
现场照片 1
点击替换
×
+
现场照片 2
点击替换
×
@@ -297,11 +311,59 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items:
+ + +
+ +
+ + +
+
+
是否确认结束应急
+
结束后本次应急工单将更改为“已完成”状态。
+
+ + +
+
+