diff --git a/index.html b/index.html index 6cae14b..96c8fdb 100644 --- a/index.html +++ b/index.html @@ -267,7 +267,6 @@ const SITE_MAP = [ { file:'center-data-screen.html', label:'大屏数据配置' }, { file:'center-schedule.html', label:'排班配置' }, { file:'center-simulation.html', label:'模拟急救联动' }, - { file:'center-employee.html', label:'员工信息' }, { file:'exception-result.html', label:'结果异常' } ]}, { name:'应急就医(操作人员)', dir:'web-admin/emergency-dispatch/operator', entry:'emergency-active.html', pages:[ diff --git a/web-admin/emergency-dispatch/admin/center-basic-info-add.html b/web-admin/emergency-dispatch/admin/center-basic-info-add.html new file mode 100644 index 0000000..775f9b6 --- /dev/null +++ b/web-admin/emergency-dispatch/admin/center-basic-info-add.html @@ -0,0 +1,364 @@ + + + + + +应急就医 - 应急中心 - 新增应急中心 | 健康长庆原型 + + + + +
+ + +
+ 返回首页 +
+ 系统管理员 ▾ +
+
+ + + + + +
+ + + +
+
基本信息
+
+
*中心名称
+ +
+
+
大屏标题
+ +
+
+
*简称
+ +
+
+
*管理单位
+ +
+
+
大屏路由
+ +
+
+
*详细地址
+
+
+
+ + 在地图上点击选择坐标位置 +
+
+ +
+
+
+ + +
+
服务信息
+
+
*中心电话
+ +
+
+
*值班电话
+
+
+ + 删除 +
+
+ +
+
+
上班时间
+
+ +
+
+ + ~ + +
+ +
+
+ +
+
+
*服务范围
+
+
+ 请选择服务范围(可多选) +
+
+
长庆油田公司机关
+
采油一厂
+
采油二厂
+
采油三厂
+
采气一厂
+
油田运输处
+
供水供电处
+
勘探开发研究院
+
+
+
+
+
负责人
+ +
+
+
负责电话
+ +
+
+
建成日期
+ +
+
+
投用日期
+ +
+
+
配备金额
+
+ + 万元 +
+
+
+
+ + +
+ + +
+ + + + diff --git a/web-admin/emergency-dispatch/admin/center-basic-info-detail.html b/web-admin/emergency-dispatch/admin/center-basic-info-detail.html new file mode 100644 index 0000000..83806fa --- /dev/null +++ b/web-admin/emergency-dispatch/admin/center-basic-info-detail.html @@ -0,0 +1,85 @@ + + + + + +应急中心详情 | 健康长庆原型 + + + +
+ + + + diff --git a/web-admin/emergency-dispatch/admin/center-basic-info.html b/web-admin/emergency-dispatch/admin/center-basic-info.html index dbc5b6d..e8ef07c 100644 --- a/web-admin/emergency-dispatch/admin/center-basic-info.html +++ b/web-admin/emergency-dispatch/admin/center-basic-info.html @@ -25,19 +25,99 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} .main{margin-left:240px;margin-top:56px;padding:24px;} .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;} .btn-primary{background:var(--primary);color:#fff;} .btn-primary:hover{background:#40a9ff;} +.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);} +.btn-default:hover{color:var(--primary);border-color:var(--primary);} .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);} .tag-green{background:#F6FFED;color:var(--success);} -.info-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;} -.info-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border);} -.info-card__title{font-size:var(--font-base);font-weight:600;} -.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;} -.info-item{display:flex;align-items:flex-start;gap:8px;} -.info-item__label{font-size:var(--font-sm);color:var(--text-secondary);min-width:100px;flex-shrink:0;} -.info-item__value{font-size:var(--font-sm);color:var(--text-primary);} +.tag-gray{background:#F5F5F5;color:var(--text-secondary);} +.tag-blue{background:var(--primary-light);color:var(--primary);} +.filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} +.filter-item{display:flex;align-items:center;gap:8px;} +.filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} +.filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;background:#fff;min-width:180px;} +.filter-input:focus{border-color:var(--primary);} +.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;min-width:120px;} +.table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;} +.table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} +.table-card__title{font-size:var(--font-base);font-weight:600;} +.table-card__content{overflow-x:auto;overflow-y:hidden;} +.table-card__content table{min-width:100%;white-space:nowrap;border-collapse:separate;border-spacing:0;} +table{width:100%;border-collapse:separate;border-spacing:0;} +thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;position:relative;} +tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;background:#fff;position:relative;} +tbody tr:last-child td{border-bottom:none;} +tbody tr:hover td{background:#F8FBFF;} +/* 固定列 */ +thead th.sticky-left,tbody td.sticky-left{position:sticky;z-index:2;background:#fff;} +thead th.sticky-left{background:#FAFAFA;z-index:3;} +tbody tr:hover td.sticky-left{background:#F8FBFF;} +thead th.sticky-right,tbody td.sticky-right{position:sticky;right:0;z-index:2;background:#fff;} +thead th.sticky-right{background:#FAFAFA;z-index:3;} +tbody tr:hover td.sticky-right{background:#F8FBFF;} +.sticky-shadow-right{box-shadow:-2px 0 4px rgba(0,0,0,0.06);} +.sticky-shadow-left{box-shadow:2px 0 4px rgba(0,0,0,0.06);} +.action-btns{display:flex;gap:8px;align-items:center;} +.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;} +.link:hover{color:#40a9ff;} +.link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);} +.link-danger:hover{color:#ff7875;} +.pagination{display:flex;align-items:center;justify-content:flex-end;padding:16px 24px;gap:8px;border-top:1px solid var(--border);} +.pagination span{font-size:var(--font-sm);color:var(--text-secondary);} +.page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} +.page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} +.switch{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0;} +.switch::after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;} +.switch.on{background:var(--success);} +.switch.on::after{transform:translateX(16px);} + +/* 弹窗 */ +.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:200;display:none;align-items:center;justify-content:center;} +.modal-mask.open{display:flex;} +.modal{background:#fff;border-radius:var(--radius-md);width:960px;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,0.15);} +.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} +.modal__title{font-size:var(--font-base);font-weight:600;} +.modal__close{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;} +.modal__close:hover{background:#f5f5f5;color:var(--text-primary);} +.modal__body{padding:20px 24px;overflow:hidden;flex:1;display:flex;gap:0;} +.modal__footer{padding:12px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;} +/* 穿梭框 */ +.transfer{display:flex;flex:1;gap:0;min-height:0;} +.transfer__panel{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden;} +.transfer__panel-header{padding:10px 14px;background:#FAFAFA;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;} +.transfer__panel-header span:last-child{font-weight:400;font-size:var(--font-xs);} +.transfer__filter{padding:8px 10px;border-bottom:1px solid var(--border);display:flex;gap:8px;} +.transfer__filter input{flex:1;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-xs);outline:none;} +.transfer__filter input:focus{border-color:var(--primary);} +.transfer__filter select{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 22px 0 8px;font-size:var(--font-xs);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 6px center;appearance:none;min-width:100px;} +.transfer__list{flex:1;overflow-y:auto;padding:0;} +.transfer__item{padding:8px 14px;font-size:var(--font-sm);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;transition:background .15s;cursor:default;} +.transfer__item:last-child{border-bottom:none;} +.transfer__item:hover{background:#F8FBFF;} +.transfer__item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;} +.transfer__item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} +.transfer__item-meta{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} +.transfer__item-btn{flex-shrink:0;margin-left:8px;} +.transfer__empty{text-align:center;padding:32px 0;color:var(--text-placeholder);font-size:var(--font-sm);} +/* 中间箭头区 */ +.transfer__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;flex-shrink:0;} +.transfer__arrow{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px;} + +/* 右侧抽屉 */ +.drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:300;display:none;}.drawer-mask.open{display:block;} +.drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;background:#fff;z-index:301;box-shadow:-4px 0 16px rgba(0,0,0,0.12);display:flex;flex-direction:column;transition:right .3s ease;}.drawer.open{right:0;} +.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} +.drawer__title{font-size:var(--font-base);font-weight:600;} +.drawer__close{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;}.drawer__close:hover{background:#f5f5f5;color:var(--text-primary);} +.drawer__body{flex:1;overflow:hidden;} +.drawer__body iframe{width:100%;height:100%;border:none;} @@ -75,18 +155,17 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -103,66 +182,327 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei 模拟急救联动 - - - 员工信息 -
-
-
- 应急中心基本信息 - + +
+
+ +
-
-
- 中心名称 - 西安应急中心 -
-
- 中心编号 - EC-XA-001 -
-
- 所在地址 - 陕西省西安市未央区长庆路 -
-
- 联系电话 - 029-86518000 -
-
- 负责人 - 张建国 -
-
- 负责人电话 - 029-86518001 -
-
- 服务区域 - 长庆油田全域 -
-
- 运营状态 - 已启用 -
-
- 创建时间 - 2024-01-15 -
-
- 最后更新时间 - 2026-04-18 +
+ + +
+
+ + +
+ + +
+ + +
+ + + 新增应急中心 + + +
+ + +
+
+
应急中心列表
+
共 5 条
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
序号应急中心名称大屏标题简称管理单位中心电话值班电话详细地址负责人负责人电话操作人员人数专业人员人数开启状态是否默认中心操作
1西安应急中心长庆油田西安应急指挥中心西安中心长庆油田公司029-86518000029-86518111陕西省西安市未央区长庆路张建国13891025612128默认
关联医疗点详情编辑删除
2庆阳应急中心长庆油田庆阳应急指挥中心庆阳中心采油一厂0934-86120000934-8612111甘肃省庆阳市西峰区长庆大道李明华1399328745685
关联医疗点详情编辑删除
3定边应急中心长庆油田定边应急指挥中心定边中心采油二厂0912-42180000912-4218111陕西省榆林市定边县长庆路王秀英1370945182364
关联医疗点详情编辑删除
4靖边应急中心长庆油田靖边应急指挥中心靖边中心采油二厂0912-46180000912-4618111陕西省榆林市靖边县长庆路赵志远1368972315653
关联医疗点详情编辑删除
5银川应急中心长庆油田银川应急指挥中心银川中心长庆油田公司0951-50180000951-5018111宁夏银川市兴庆区长庆大道刘海燕1352164879075
关联医疗点详情编辑删除
+
+ +
+
+ + + +
+
+
+
应急中心详情
+ +
+
+
+ + + \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/center-call-record.html b/web-admin/emergency-dispatch/admin/center-call-record.html index 462a627..88ba3bd 100644 --- a/web-admin/emergency-dispatch/admin/center-call-record.html +++ b/web-admin/emergency-dispatch/admin/center-call-record.html @@ -25,6 +25,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} .main{margin-left:240px;margin-top:56px;padding:24px;} .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} .filter-item{display:flex;align-items:center;gap:8px;} @@ -99,18 +103,17 @@ tbody tr:hover{background:#F8FBFF;} 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -127,30 +130,60 @@ tbody tr:hover{background:#F8FBFF;} 模拟急救联动 - - - 员工信息 -
-
- - + +
+ +
+
- + + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+ +
- + @@ -161,10 +194,16 @@ tbody tr:hover{background:#F8FBFF;}
+ +
+ + +
+
@@ -178,152 +217,131 @@ tbody tr:hover{background:#F8FBFF;} 序号 - 通话编号 - 通话类型 - 关联工单 - 呼叫方 - 接听方 - 开始时间 + 员工姓名 + 员工编号 + 单位部门 + 呼叫中心 + 坐席工号 + 接入电话 + 拨打时间 + 接听状态 + 接听时间 + 结束时间 通话时长 - 通话状态 - 操作 1 - CALL-20260420-001 - 应急视频 - WO-20260420-001 王建军 - 李坐席 + EMP-20198 + 采油一厂/生产运行科 + 长庆油田应急中心 + ZX-10001 + 13856785521 2026-04-20 09:15:32 - 08:25 - 已完成 - -
- 详情 - 回放 -
- + 已接听 + 2026-04-20 09:15:45 + 2026-04-20 09:23:57 + 08:12 2 - CALL-20260420-002 - 应急电话 - WO-20260420-002 张丽萍 - 王坐席 + EMP-30142 + 第五采气厂/安全环保科 + 长庆油田应急中心 + ZX-10002 + 13998768834 2026-04-20 08:42:18 - 03:47 - 已完成 - -
- 详情 - 回放 -
- + 已接听 + 2026-04-20 08:42:30 + 2026-04-20 08:46:05 + 03:35 3 - CALL-20260419-018 - 应急视频 - WO-20260419-015 陈伟东 - 赵坐席 + EMP-10087 + 油气工艺研究院/试验中心 + 西安基地应急中心 + ZX-10003 + 13612342290 2026-04-19 22:05:47 - 12:33 - 已完成 - -
- 详情 - 回放 -
- + 已接听 + 2026-04-19 22:06:02 + 2026-04-19 22:18:20 + 12:18 4 - CALL-20260419-017 - 应急电话 - WO-20260419-014 刘志强 - 李坐席 + EMP-20456 + 采油二厂/工程技术科 + 长庆油田应急中心 + ZX-10001 + 15887656617 2026-04-19 18:30:12 - 05:18 - 已完成 - -
- 详情 - 回放 -
- + 未接听 + — + — + — 5 - CALL-20260419-016 - 应急视频 - WO-20260419-013 赵国庆 - 王坐席 + EMP-40321 + 长庆工程监督处/质量监督科 + 西安基地应急中心 + ZX-10004 + 13756234403 2026-04-19 16:12:55 - 00:00 - 未接 - -
- 详情 -
- + 已接听 + 2026-04-19 16:13:08 + 2026-04-19 16:19:50 + 06:42 6 - CALL-20260419-015 - 应急电话 - WO-20260419-012 孙明亮 - 赵坐席 + EMP-10234 + 采油三厂/综合管理科 + 长庆油田应急中心 + ZX-10002 + 15523459918 2026-04-19 14:28:03 - 06:42 - 已完成 - -
- 详情 - 回放 -
- + 未接听 + — + — + — 7 - CALL-20260419-014 - 应急视频 - WO-20260419-011 周文博 - 李坐席 + EMP-50178 + 勘探开发研究院/地质所 + 西安基地应急中心 + ZX-10005 + 18634563307 2026-04-19 11:45:20 - 02:15 - 中断 - -
- 详情 - 回放 -
- + 已接听 + 2026-04-19 11:45:35 + 2026-04-19 11:48:50 + 03:15 8 - CALL-20260419-013 - 应急电话 - WO-20260419-010 吴海涛 - 王坐席 + EMP-20789 + 第二采气厂/生产运行科 + 长庆油田应急中心 + ZX-10001 + 13378907762 2026-04-19 09:08:41 + 已接听 + 2026-04-19 09:08:55 + 2026-04-19 09:13:51 04:56 - 已完成 - -
- 详情 - 回放 -
- diff --git a/web-admin/emergency-dispatch/admin/center-data-screen.html b/web-admin/emergency-dispatch/admin/center-data-screen.html index 8762878..81248cd 100644 --- a/web-admin/emergency-dispatch/admin/center-data-screen.html +++ b/web-admin/emergency-dispatch/admin/center-data-screen.html @@ -28,6 +28,10 @@ .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} /* 主内容区 */ .main{margin-left:240px;margin-top:56px;padding:24px;} /* 按钮 */ @@ -41,15 +45,40 @@ .switch.on{background:var(--primary);} .switch::after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s;} .switch.on::after{left:18px;} + /* 下拉选择框 */ + .center-select{height:36px;padding:0 32px 0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;min-width:180px;} + .center-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.15);} /* 配置卡片 */ .config-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:16px;} .config-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);} - .config-card__title{font-size:var(--font-base);font-weight:600;} + .config-card__title{font-size:var(--font-base);font-weight:600;display:flex;align-items:center;gap:10px;} .config-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;} - .config-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;justify-content:space-between;} - .config-item__info{display:flex;flex-direction:column;gap:4px;} + .config-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;} + .config-item__info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;} .config-item__name{font-size:var(--font-sm);font-weight:500;} .config-item__desc{font-size:var(--font-xs);color:var(--text-secondary);} + .config-item__input{width:100px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);text-align:right;color:var(--text-primary);flex-shrink:0;} + .config-item__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.15);} + .config-card.disabled .config-grid,.config-card.disabled .clinic-list,.config-card.disabled .btn-add-clinic{opacity:0.45;pointer-events:none;} + .config-card.disabled .config-item__input,.config-card.disabled .clinic-field input{background:#f5f5f5;color:#bbb;border-color:#e8e8e8;} + /* 医疗点列表 */ + .clinic-list{display:flex;flex-direction:column;gap:12px;} + .clinic-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:16px;background:#fff;transition:box-shadow .2s;} + .clinic-row:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);} + .clinic-row__drag{cursor:grab;color:var(--text-placeholder);flex-shrink:0;display:flex;align-items:center;} + .clinic-row__drag:active{cursor:grabbing;} + .clinic-row__name{font-size:var(--font-sm);font-weight:500;min-width:120px;flex-shrink:0;} + .clinic-row__fields{display:flex;gap:16px;flex:1;} + .clinic-field{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--text-secondary);} + .clinic-field input{width:72px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-xs);text-align:right;} + .clinic-field input:focus{outline:none;border-color:var(--primary);} + .clinic-row__actions{flex-shrink:0;} + .btn-icon{width:28px;height:28px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;} + .btn-icon:hover{background:#f0f0f0;color:var(--danger);} + .btn-add-clinic{border:1px dashed var(--border);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--primary);font-size:var(--font-sm);transition:all .2s;background:none;width:100%;} + .btn-add-clinic:hover{border-color:var(--primary);background:var(--primary-light);} + .panel{display:none;} + .panel.active{display:block;} @@ -87,18 +116,17 @@ 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -115,116 +143,167 @@ 模拟急救联动 - - - 员工信息 -
-

大屏数据配置

- + +
- -
-
-
数据概览模块
- 控制大屏顶部核心指标展示 + +
+ +
+
+
服务详情数据
+ 控制大屏服务详情模块的数据展示 +
+
+
最新呼入电话
+
最新受理电话
+
突发重大伤病应急
+
重大伤病应急就医
+
累计受理
+
累计处置
+
-
-
-
-
今日工单数
-
展示当日接收的应急工单总数
-
-
+ +
+
+
体检数据
+ 控制大屏体检数据模块各医院数字
-
-
-
在线坐席数
-
展示当前在线的坐席人员数量
-
-
+
+
兴隆医院
+
高陵医院
+
宁夏宝石花医院
+
庆阳医院
+
延安市人民医院
+
西京医院
-
-
-
应急响应中数量
-
展示正在处理中的应急事件数量
-
-
+
+ +
+
+
大病人数
+ 控制大屏大病人数模块的数据展示 +
+
+
高风险大病人数
+
中风险大病人数
+
低风险大病人数
- -
-
-
地图展示模块
- 控制大屏地图图层的显示内容 -
-
-
-
-
医院分布
-
在地图上标注合作医院位置
-
-
+ +
+ +
+
+
服务详情
+ 控制大屏服务详情模块的数据展示
-
-
-
AED设备位置
-
在地图上标注AED设备分布点
-
-
-
-
-
-
救护车位置
-
实时显示救护车当前位置
-
-
+
+
最新呼入电话
+
最新受理电话
+
突发重大伤病应急
+
重大伤病应急就医
-
- - -
-
-
统计图表模块
- 控制大屏底部统计图表的展示 + +
+
+
体检数据
+ 控制大屏体检数据模块各医院数字 +
+
+
兴隆医院
+
高陵医院
+
宁夏宝石花医院
+
庆阳医院
+
延安市人民医院
+
西京医院
+
-
-
-
-
月度趋势图
-
展示近12个月工单数量趋势
-
-
+ +
+
+
一线医疗点数据
+ 可添加医疗点并配置数据,拖拽排序
-
-
-
工单类型分布
-
按类型统计工单占比饼图
-
-
+
+
-
-
-
响应时长统计
-
展示平均响应时长柱状图
-
-
+ +
+ +
+
+
员工健康状况
+ 控制大屏员工健康状况模块的数据展示 +
+
+
重大疾病
+
健康高风险
+
慢病人数
+
重点指标异常
+
健康人数
- - + diff --git a/web-admin/emergency-dispatch/admin/center-employee.html b/web-admin/emergency-dispatch/admin/center-employee.html deleted file mode 100644 index f8968cc..0000000 --- a/web-admin/emergency-dispatch/admin/center-employee.html +++ /dev/null @@ -1,324 +0,0 @@ - - - - - -应急就医 - 员工信息 | 健康长庆原型 - - - - - -
- - -
- - - 返回首页 - -
- 系统管理员 ▾ -
-
- - - - - -
- -
-
- - -
-
- - -
-
- - -
- - -
- - -
- - -
-
-
员工信息列表
- 共 56 条记录 -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
序号员工姓名员工编号所属单位角色类型联系电话资质证书入职时间状态操作
1李操作员EMP20210101采油一厂操作人员138****5621急救员证2021-03-15
- 编辑 - 删除 -
2陈医生EMP20200218公司机关专业人员139****8834执业医师资格证2020-06-01
- 编辑 - 删除 -
3张操作员EMP20220315采油二厂操作人员137****2209急救员证2022-07-20
- 编辑 - 删除 -
4周驻场EMP20230412采气一厂驻场人员135****7743护士执业证2023-01-10
- 编辑 - 删除 -
5赵医生EMP20190506公司机关专业人员136****3318执业医师资格证、AHA导师证2019-09-01
- 编辑 - 删除 -
6王操作员EMP20240108采油一厂操作人员158****9902急救员证2024-03-01
- 编辑 - 删除 -
-
- - -
-
- - - diff --git a/web-admin/emergency-dispatch/admin/center-group.html b/web-admin/emergency-dispatch/admin/center-group.html index 07d6a53..44ba480 100644 --- a/web-admin/emergency-dispatch/admin/center-group.html +++ b/web-admin/emergency-dispatch/admin/center-group.html @@ -25,12 +25,42 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} .main{margin-left:240px;margin-top:56px;padding:24px;} .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} .filter-item{display:flex;align-items:center;gap:8px;} .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;background:#fff;min-width:180px;} .filter-input:focus{border-color:var(--primary);} +.filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;min-width:120px;} +.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);} +.tag-green{background:#F6FFED;color:var(--success);} +.tag-red{background:#FFF1F0;color:var(--danger);} +.tag-gray{background:#F5F5F5;color:var(--text-secondary);} +.tag-blue{background:var(--primary-light);color:var(--primary);} +.tag-orange{background:#FFF7E6;color:var(--warning);} +.link-danger{color:var(--danger);cursor:pointer;font-size:var(--font-sm);} +.link-danger:hover{color:#ff7875;} +.modal-mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:200;align-items:center;justify-content:center;} +.modal-mask.show{display:flex;} +.modal{background:#fff;border-radius:var(--radius-md);width:480px;box-shadow:0 4px 20px rgba(0,0,0,0.15);} +.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} +.modal__title{font-size:var(--font-base);font-weight:600;} +.modal__close{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);} +.modal__close:hover{background:#f5f5f5;color:var(--text-primary);} +.modal__body{padding:24px;} +.form-item{margin-bottom:20px;} +.form-item:last-child{margin-bottom:0;} +.form-label{display:block;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;} +.form-label .required{color:var(--danger);margin-right:4px;} +.form-input{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;} +.form-input:focus{border-color:var(--primary);} +.form-select{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;} +.form-select:focus{border-color:var(--primary);} +.modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);} .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;} .btn-primary{background:var(--primary);color:#fff;} .btn-primary:hover{background:#40a9ff;} @@ -96,18 +126,17 @@ tbody tr:hover{background:#F8FBFF;} 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -124,10 +153,6 @@ tbody tr:hover{background:#F8FBFF;} 模拟急救联动 - - - 员工信息 - @@ -135,8 +160,29 @@ tbody tr:hover{background:#F8FBFF;}
- - + + +
+
+ + +
+
+ +
- + +
- 分组列表 - 共 8 条 + 坐席列表 + 共 24 条
- - - - - - + + + - - - - - - + + + - - - - - - + + + - - - - - - + + + - - - - - - + + + - - - - - - + + + @@ -253,13 +280,43 @@ tbody tr:hover{background:#F8FBFF;} + + + \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/center-schedule.html b/web-admin/emergency-dispatch/admin/center-schedule.html index dba6533..9e885b3 100644 --- a/web-admin/emergency-dispatch/admin/center-schedule.html +++ b/web-admin/emergency-dispatch/admin/center-schedule.html @@ -28,15 +28,40 @@ .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} /* 主内容区 */ .main{margin-left:240px;margin-top:56px;padding:24px;} - /* 筛选栏 */ - .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} - .filter-item{display:flex;align-items:center;gap:8px;} - .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} - .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;background:#fff;min-width:180px;} - .filter-input:focus{border-color:var(--primary);} - .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;min-width:120px;} + /* 周切换器 */ + .week-switcher{display:flex;align-items:center;gap:8px;} + .week-arrow{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;} + .week-arrow:hover{border-color:var(--primary);color:var(--primary);} + .week-label{font-size:var(--font-sm);font-weight:500;padding:0 8px;cursor:pointer;color:var(--primary);border-bottom:1px dashed var(--primary);} + /* 排班单元格 */ + .schedule-cell{min-height:36px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-primary);font-size:var(--font-sm);} + .schedule-cell--editable{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;transition:all .15s;min-width:120px;position:relative;} + .schedule-cell--editable:hover{border-color:var(--primary);} + .schedule-cell--editable::after{content:'';position:absolute;right:8px;top:50%;transform:translateY(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-placeholder);pointer-events:none;} + .schedule-cell--empty{color:var(--text-placeholder);} + /* 下拉选择框 */ + .center-select{height:36px;padding:0 32px 0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-primary);background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;min-width:180px;} + .center-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(24,144,255,0.15);} + /* 人员选择弹窗 */ + .person-picker{position:absolute;z-index:200;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.12);display:none;min-width:180px;max-height:280px;overflow:hidden;display:none;flex-direction:column;} + .person-picker.show{display:flex;} + .person-picker__search{padding:8px;border-bottom:1px solid var(--border);} + .person-picker__search input{width:100%;height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;font-size:var(--font-xs);outline:none;} + .person-picker__search input:focus{border-color:var(--primary);} + .person-picker__search input::placeholder{color:var(--text-placeholder);} + .person-picker__list{overflow-y:auto;max-height:210px;padding:4px 0;} + .person-picker__item{padding:8px 12px;font-size:var(--font-sm);cursor:pointer;border-radius:0;transition:background .15s;display:flex;align-items:center;gap:8px;} + .person-picker__item:hover{background:var(--primary-light);} + .person-picker__item.hidden{display:none;} + .person-picker__check{width:16px;height:16px;border:1.5px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;} + .person-picker__item.selected .person-picker__check{background:var(--primary);border-color:var(--primary);} + .person-picker__item.selected .person-picker__check::after{content:'';display:block;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);} /* 按钮 */ .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;} .btn-primary{background:var(--primary);color:#fff;} @@ -47,20 +72,13 @@ .table-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;} .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} .table-card__title{font-size:var(--font-base);font-weight:600;} - .table-card__content{overflow-x:auto;overflow-y:hidden;} - .table-card__content table{min-width:100%;white-space:nowrap;} + .table-card__content{overflow-x:auto;} + .table-card__content table{white-space:nowrap;} table{width:100%;border-collapse:collapse;} thead th{background:#FAFAFA;padding:12px 16px;text-align:center;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;} tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;text-align:center;} tbody tr:last-child td{border-bottom:none;} tbody tr:hover{background:#F8FBFF;} - /* 标签 */ - .tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:var(--font-xs);} - .tag-green{background:#F6FFED;color:var(--success);} - .tag-red{background:#FFF1F0;color:var(--danger);} - .tag-gray{background:#F5F5F5;color:var(--text-secondary);} - .tag-blue{background:var(--primary-light);color:var(--primary);} - .tag-orange{background:#FFF7E6;color:var(--warning);} /* 操作按钮 */ .action-btns{display:flex;gap:8px;align-items:center;} .link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;} @@ -104,18 +122,17 @@ 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -132,125 +149,151 @@ 模拟急救联动 - - - 员工信息 -
- -
-
- - + +
-
- - +
+ + + +
- - -
-
- -
-
-
排班表 — 本周(2026-04-14 ~ 2026-04-20)
- 共 3 组 + +
+
+ + 2026-04-20 ~ 2026-04-26 +
-
-
序号分组名称分组编号组长成员数值班规则状态坐席工号所属应急中心坐席状态 操作
1A组-日班GRP-001李晓峰6工作日 08:00-20:00
ZX-10001长庆油田应急中心已接
2B组-夜班GRP-002赵文涛4工作日 20:00-08:00
ZX-10002长庆油田应急中心振铃未接听
3C组-周末班GRP-003孙丽华5周末全天 08:00-20:00
ZX-10003西安基地应急中心失败
4D组-机动组GRP-004周建明3按需调度
ZX-10004西安基地应急中心排队放弃
5E组-备用组GRP-005吴海涛2节假日全天
ZX-10005长庆油田应急中心留言
+ + + +
+
+
+ - - - - - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + +
分组人员周一(4/14)周二(4/15)周三(4/16)周四(4/17)周五(4/18)周六(4/19)周日(4/20)星期值班人员
操作人员专业人员
A组李操作员白班白班夜班夜班休息休息白班
陈医生夜班夜班白班白班白班休息休息
B组张操作员休息白班白班夜班夜班白班休息
C组周操作员白班休息休息白班白班夜班夜班
赵医生夜班白班白班休息休息白班白班
星期一
4号工位
张婧
星期二
4号工位
张婧
星期三
3号工位
张婧
星期四
6号工位
张婧
星期五
2号工位
张婧
星期六
2号工位
张明
星期日
2号工位
张明
+ +
- - + diff --git a/web-admin/emergency-dispatch/admin/center-seat.html b/web-admin/emergency-dispatch/admin/center-seat.html deleted file mode 100644 index 3c7d5bb..0000000 --- a/web-admin/emergency-dispatch/admin/center-seat.html +++ /dev/null @@ -1,284 +0,0 @@ - - - - - -应急就医 - 坐席管理 | 健康长庆原型 - - - - - -
- - -
- - - 返回首页 - -
- 系统管理员 ▾ -
-
- - - - - -
- -
-
- - -
-
- - -
- - -
- - -
- - -
-
- 坐席列表 - 共 24 条 -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
序号坐席编号坐席名称绑定人员联系电话所属分组当前状态今日接单数操作
1SEAT-001坐席一号李晓峰138****5521A组-日班在线12 -
- 编辑 - 删除 -
-
2SEAT-002坐席二号王秀英139****8834A组-日班忙碌8 -
- 编辑 - 删除 -
-
3SEAT-003坐席三号赵文涛136****2290B组-夜班离线0 -
- 编辑 - 删除 -
-
4SEAT-004坐席四号孙丽华158****6617A组-日班在线15 -
- 编辑 - 删除 -
-
5SEAT-005坐席五号周建明137****4403B组-夜班离线0 -
- 编辑 - 删除 -
-
-
- - -
-
- - - \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/center-serious-illness-detail.html b/web-admin/emergency-dispatch/admin/center-serious-illness-detail.html new file mode 100644 index 0000000..159ea1d --- /dev/null +++ b/web-admin/emergency-dispatch/admin/center-serious-illness-detail.html @@ -0,0 +1,202 @@ + + + + + +应急就医 - 大病就医详情 | 健康长庆原型 + + + + +
+ + +
+ + + 返回首页 + +
+ 系统管理员 ▾ +
+
+ + + + + +
+ + + + +
+
工单信息
+ +
+
工单状态:已完成
+ +
申请时间:2026-06-24 12:30:30
+ +
派单时间:2026-06-24 12:30:30
+
操作人员:张旭
+
派单说明:请尽快挂号
+
驻场人员:王希(15899655523)
+
完成时间:2026-06-24 12:30:30
+ +
驻场说明:张希医生6.24不值班,挂了其他医生的号
+
驻场图片:
挂号单
就诊现场
诊断报告
+ +
+ +
+ + +
+
员工预约信息
+
+
申请员工:王旭-男-23
+
员工编号:256985
+
单位部门:第三采油厂-XXX作业区
+
+ +
+
预约医院:空军军医大学西京医院
+
预约科室:神经内科
+
预约医生:张希(副主任医师)
+
+
+
挂号类别:专家号
+
期望预约时间:2026-06-24 17:30
+
病情描述:头晕不舒服
+
+
+
备注:请快点安排!!!!
+
+ + + + + +
+ + + +
+
实际就诊信息
+
+
就诊医院:空军军医大学西京医院
+
就诊科室:神经内科
+
就诊医生:王胡(主治医师)
+
+
+
就诊时间:2026-06-24 17:00~17:30
+
就诊序号:10
+
+
+ + +
+ + diff --git a/web-admin/emergency-dispatch/admin/center-serious-illness.html b/web-admin/emergency-dispatch/admin/center-serious-illness.html index 391df19..0c77878 100644 --- a/web-admin/emergency-dispatch/admin/center-serious-illness.html +++ b/web-admin/emergency-dispatch/admin/center-serious-illness.html @@ -28,6 +28,10 @@ .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} /* 主内容区 */ .main{margin-left:240px;margin-top:56px;padding:24px;} /* 筛选栏 */ @@ -122,18 +126,17 @@ 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -150,10 +153,6 @@ 模拟急救联动 - - - 员工信息 - @@ -183,6 +182,7 @@ @@ -245,7 +245,7 @@ 已完成 2026-03-16 12:23:32 2026-03-18 15:42:10 - 详细过程 + 详细过程 2 @@ -262,7 +262,7 @@ 进行中 2026-03-16 12:25:18 — - 详细过程 + 详细过程 3 @@ -276,10 +276,10 @@ 张明远 2026-03-20 14:00 徐豪 - 进行中 + 待确认 2026-03-16 12:28:45 — - 详细过程 + 详细过程 4 @@ -296,7 +296,7 @@ 进行中 2026-04-14 16:05:18 — - 详细过程 + 详细过程 5 @@ -310,10 +310,10 @@ 赵国强 2026-04-12 14:20 赵文博 - 进行中 + 待确认 2026-04-11 09:32:47 — - 详细过程 + 详细过程 6 @@ -330,7 +330,7 @@ 已完成 2026-04-07 22:18:05 2026-04-10 09:15:33 - 详细过程 + 详细过程 7 @@ -347,7 +347,7 @@ 进行中 2026-03-23 14:50:33 — - 详细过程 + 详细过程 8 @@ -364,7 +364,7 @@ 已完成 2026-03-17 10:25:41 2026-03-20 11:08:22 - 详细过程 + 详细过程 diff --git a/web-admin/emergency-dispatch/admin/center-simulation.html b/web-admin/emergency-dispatch/admin/center-simulation.html index e07de5a..582b646 100644 --- a/web-admin/emergency-dispatch/admin/center-simulation.html +++ b/web-admin/emergency-dispatch/admin/center-simulation.html @@ -28,6 +28,10 @@ .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} /* 主内容区 */ .main{margin-left:240px;margin-top:56px;padding:24px;} /* 筛选栏 */ @@ -72,6 +76,62 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 弹窗 */ + .modal-mask{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:1000;display:none;align-items:center;justify-content:center;} + .modal-mask.show{display:flex;} + .modal{width:85%;height:90%;background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.2);} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#001529;color:#fff;flex-shrink:0;} + .modal__header h3{font-size:var(--font-lg);font-weight:600;} + .modal__close{width:32px;height:32px;border:none;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:20px;} + .modal__close:hover{background:rgba(255,255,255,0.15);} + .modal__body{flex:1;overflow:hidden;padding:16px 24px;display:flex;flex-direction:column;} + /* 提示条 */ + .sim-tip{background:#FFF7E6;border:1px solid #FFE58F;border-radius:var(--radius-md);padding:10px 16px;display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#D48806;font-size:var(--font-sm);flex-shrink:0;} + .sim-tip svg{flex-shrink:0;} + /* 疾病Tab */ + .disease-tabs{display:flex;gap:0;margin-bottom:12px;flex-shrink:0;} + .disease-tab{padding:8px 24px;border:1px solid var(--border);font-size:var(--font-sm);cursor:pointer;background:#fff;color:var(--text-primary);transition:all .15s;} + .disease-tab:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);} + .disease-tab:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;} + .disease-tab+.disease-tab{border-left:none;} + .disease-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);} + /* 布局 */ + .sim-layout{display:flex;gap:16px;flex:1;min-height:0;} + .sim-left{flex:1;min-width:0;display:flex;flex-direction:column;} + .sim-right{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;} + /* 员工卡片 */ + .emp-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;gap:12px;align-items:center;flex-shrink:0;} + .emp-avatar{width:56px;height:56px;border-radius:var(--radius-md);background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--text-placeholder);flex-shrink:0;} + .emp-info{font-size:var(--font-sm);line-height:1.8;} + .emp-info strong{font-size:var(--font-base);} + .emp-info span{color:var(--text-secondary);margin-left:12px;} + /* 地图占位 */ + .map-placeholder{width:100%;flex:1;min-height:0;background:#e8e8e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3E%3Crect x='10' y='10' width='60' height='60' rx='8' stroke='%23bbb' stroke-width='2' stroke-dasharray='6 4'/%3E%3Ctext x='40' y='44' text-anchor='middle' fill='%23999' font-size='12'%3E地图区域%3C/text%3E%3C/svg%3E") no-repeat center;border-radius:var(--radius-md);position:relative;overflow:hidden;} + .map-search{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:1;} + .map-search input{width:220px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px 0 30px;font-size:var(--font-xs);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.5' stroke='%23999' stroke-width='1.2'/%3E%3Cpath d='M9.5 9.5l3 3' stroke='%23999' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 10px center;} + .map-search button{height:32px;padding:0 12px;border:none;background:none;color:var(--primary);font-size:var(--font-xs);cursor:pointer;} + .map-pin{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgba(255,77,79,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;} + .map-pin::after{content:'';width:12px;height:12px;background:var(--danger);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.3);} + .map-marker{position:absolute;padding:2px 8px;border-radius:10px;font-size:10px;color:#fff;white-space:nowrap;} + .map-btn{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;box-shadow:0 4px 12px rgba(24,144,255,0.4);} + .map-btn:hover{background:#40a9ff;} + .map-placeholder{cursor:crosshair;} + /* 选点标记 */ + .map-pick{position:absolute;display:none;flex-direction:column;align-items:center;pointer-events:none;transform:translate(-50%,-100%);z-index:2;} + .map-pick.show{display:flex;} + .map-pick__label{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-xs);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,0.15);white-space:nowrap;margin-bottom:4px;} + .map-pick__label::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;} + .map-pick__dot{width:14px;height:14px;background:var(--danger);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.3);} + /* 急救提示书 */ + .rescue-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;flex-shrink:0;} + .rescue-card h4{text-align:center;font-size:var(--font-sm);margin-bottom:10px;} + .rescue-card p{font-size:var(--font-xs);line-height:1.7;color:var(--text-primary);text-indent:2em;} + /* 急救资源 */ + .resource-title{font-size:var(--font-sm);font-weight:600;margin-bottom:8px;flex-shrink:0;} + .resource-list{display:flex;flex-direction:column;gap:6px;} + .resource-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);} + .btn-nav{height:30px;padding:0 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;display:inline-flex;align-items:center;gap:4px;} + .btn-nav:hover{background:#40a9ff;} @@ -109,18 +169,17 @@ 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -137,10 +196,6 @@ 模拟急救联动 - - - 员工信息 - @@ -148,16 +203,22 @@
- - + +
- + + +
+
+
- @@ -293,5 +359,110 @@
+ + + + + diff --git a/web-admin/emergency-dispatch/admin/center-work-order-detail.html b/web-admin/emergency-dispatch/admin/center-work-order-detail.html new file mode 100644 index 0000000..13ca696 --- /dev/null +++ b/web-admin/emergency-dispatch/admin/center-work-order-detail.html @@ -0,0 +1,287 @@ + + + + + +应急就医 - 工单详情 | 健康长庆原型 + + + + + +
+ + +
+ + + 返回首页 + +
+ 系统管理员 ▾ +
+
+ + + + + +
+ + + + +
+
员工信息
+
+
姓名:王旭
+
性别:
+
年龄:53
+
+
+
员工编号:56985
+
所属单位:公司机关
+
所属部门:健康科
+
+
+
手机号:18566985523
+
身份证号:430626196500236
+
+
+ + +
+
工单信息
+
+
工单编号:YJ5633256
+
工单类型:正常派单
+
工单状态:已完成
+
+
+
求助方式:应急视频
+
求助时间:2026-03-21 15:12:21
+
位置信息:陕西省西安市雁塔区电子一路56号
+
+
+
应急中心:西安应急中心
+
操作人员:刘旭
+
专业人员:刘旭
+
+
+
补充说明:
+
接到应急求助后立即抵达现场,查看员工突发头晕伴恶心呕吐,现场监测体征异常、症状无缓解,现场初步处置无效。第一时间联系驻场人员陪同医院急诊,完成挂号就诊、头颅CT拍片检查;目前已陪同完成CT检测,报告待医生解读,员工由同事留守陪护,已同步告知家属及部门负责人,现场隐患排查完毕,本次应急阶段性处置完成,后续跟进诊疗结果归档。
+
+
+ 现场照片: +
+
现场照片 1
+
现场照片 2
+
现场照片 3
+
+
+
+ + +
+
驻场派单信息
+
+
派单时间:2026-03-21 16:12:21
+
驻场人员:王希(15899655523)
+
派单状态:已完成
+
+
+
派单说明:
+
给这个员工紧急挂号就诊,需要拍头颅CT
+
+
+
驻场说明:
+
已经挂号并且开了胸部CT检查单,已陪同就诊
+
+
+ 现场照片: +
+
现场照片 1
+
现场照片 2
+
现场照片 3
+
+
+
+
+ + + + + + + + diff --git a/web-admin/emergency-dispatch/admin/center-work-order.html b/web-admin/emergency-dispatch/admin/center-work-order.html index 9238e51..76e18fb 100644 --- a/web-admin/emergency-dispatch/admin/center-work-order.html +++ b/web-admin/emergency-dispatch/admin/center-work-order.html @@ -25,6 +25,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .sidebar-item:hover{color:#fff;background:rgba(255,255,255,0.06);} .sidebar-item.active{color:#fff;background:var(--primary);} .sidebar-item svg{width:16px;height:16px;flex-shrink:0;} +.sidebar-item--parent{justify-content:space-between;} +.sidebar-item--parent .arrow{width:12px;height:12px;transition:transform .2s;} +.sidebar-item--parent.open .arrow{transform:rotate(90deg);} +.sidebar-sub .sidebar-item{padding-left:50px;font-size:var(--font-xs);} .main{margin-left:240px;margin-top:56px;padding:24px;} .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} .filter-item{display:flex;align-items:center;gap:8px;} @@ -99,18 +103,17 @@ tbody tr:hover{background:#F8FBFF;} 应急工单 - - - 坐席管理 - - - - 分组管理 - - - - 通话记录 - + + 大病就医 @@ -127,16 +130,20 @@ tbody tr:hover{background:#F8FBFF;} 模拟急救联动 - - - 员工信息 -
+
+ + +
@@ -157,6 +164,13 @@ tbody tr:hover{background:#F8FBFF;} +
+
+ +
@@ -174,6 +188,14 @@ tbody tr:hover{background:#F8FBFF;} +
+
+ +
@@ -242,7 +264,7 @@ tbody tr:hover{background:#F8FBFF;} 赵驻场 进行中 正常派单 - 详细过程 + 详细过程 2 @@ -259,7 +281,7 @@ tbody tr:hover{background:#F8FBFF;} 陈驻场 已完成 正常派单 - 详细过程 + 详细过程 3 @@ -276,7 +298,7 @@ tbody tr:hover{background:#F8FBFF;} 吴驻场 已完成 正常派单 - 详细过程 + 详细过程 4 @@ -293,7 +315,7 @@ tbody tr:hover{background:#F8FBFF;} 郑驻场 已完成 事后补单 - 详细过程 + 详细过程 5 @@ -310,7 +332,7 @@ tbody tr:hover{background:#F8FBFF;} 黄驻场 进行中 正常派单 - 详细过程 + 详细过程 6 @@ -327,7 +349,7 @@ tbody tr:hover{background:#F8FBFF;} 林驻场 已完成 正常派单 - 详细过程 + 详细过程 7 @@ -344,7 +366,7 @@ tbody tr:hover{background:#F8FBFF;} 张驻场 已完成 事后补单 - 详细过程 + 详细过程 8 @@ -361,7 +383,7 @@ tbody tr:hover{background:#F8FBFF;} 吴驻场 已完成 正常派单 - 详细过程 + 详细过程 diff --git a/web-admin/emergency-dispatch/admin/exception-result.html b/web-admin/emergency-dispatch/admin/exception-result.html index d041eb2..5043ff1 100644 --- a/web-admin/emergency-dispatch/admin/exception-result.html +++ b/web-admin/emergency-dispatch/admin/exception-result.html @@ -71,6 +71,8 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + .desc-box{background:#FFFBE6;border:1px solid #FFE58F;border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;font-size:var(--font-sm);color:#7C5800;line-height:1.7;} + .desc-box strong{color:#5C3D00;} @@ -107,6 +109,14 @@
+ + + + +
+ 异常数据定义:应急工单异常(>1个月未完成)、云坐席通话记录异常(未查询到员工信息)等情形。 +
+
@@ -191,12 +201,12 @@ 2 - EXC20260420002 - 设备异常 - WO20260419078 - 庆阳应急中心 - AED设备离线,编号AED-QY-003 - 2026-04-20 08:42 + EXC20260420001 + 工单超时 + WO20260420035 + 西安应急中心 + 工单处理超时,已超过30分钟未响应 + 2026-04-20 09:15 待处理
处理详情
@@ -227,14 +237,14 @@ 5 - EXC20260418005 - 设备异常 - — + EXC20260419003 + 通话异常 + WO20260419045 西安应急中心 - 监控终端设备掉线,编号MON-XA-012 - 2026-04-18 11:05 - 已忽略 - 赵伟 + 应急通话中断,持续时间不足1分钟 + 2026-04-19 16:30 + 已处理 + 王建国
详情
@@ -263,15 +273,15 @@ 8 - EXC20260420008 - 设备异常 - WO20260420041 + EXC20260419003 + 通话异常 + WO20260419045 西安应急中心 - 应急呼叫终端电量低于10% - 2026-04-20 07:20 - 待处理 - — -
处理详情
+ 应急通话中断,持续时间不足1分钟 + 2026-04-19 16:30 + 已处理 + 王建国 +
详情
diff --git a/web-admin/emergency-dispatch/admin/resource-aed-certifier.html b/web-admin/emergency-dispatch/admin/resource-aed-certifier.html index 0d35f6e..ca9e496 100644 --- a/web-admin/emergency-dispatch/admin/resource-aed-certifier.html +++ b/web-admin/emergency-dispatch/admin/resource-aed-certifier.html @@ -195,7 +195,7 @@ 序号 姓名 - 工号 + 员工编号 所属单位 所属部门 联系电话 diff --git a/web-admin/emergency-dispatch/admin/resource-aed-deploy-add.html b/web-admin/emergency-dispatch/admin/resource-aed-deploy-add.html index abf85f2..66bdb4a 100644 --- a/web-admin/emergency-dispatch/admin/resource-aed-deploy-add.html +++ b/web-admin/emergency-dispatch/admin/resource-aed-deploy-add.html @@ -114,9 +114,10 @@ .map-picker{width:100%;height:200px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#e6f7ff;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-sm);gap:6px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s;} .map-picker:hover{border-color:var(--primary);} .map-picker__bg{position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#91d5ff 19px,#91d5ff 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#91d5ff 19px,#91d5ff 20px);} - .map-picker__pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);z-index:2;} + .map-picker__pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);z-index:2;display:none;} .map-picker__label{position:relative;z-index:2;display:flex;align-items:center;gap:6px;} .map-picker--selected .map-picker__label{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.9);padding:4px 12px;border-radius:12px;font-size:var(--font-xs);box-shadow:0 1px 4px rgba(0,0,0,0.1);} + .map-picker__coord{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.92);padding:4px 14px;border-radius:12px;font-size:var(--font-xs);box-shadow:0 1px 4px rgba(0,0,0,0.1);z-index:3;display:none;white-space:nowrap;color:var(--text-primary);} .divider{height:1px;background:var(--border);margin:4px 0 20px;} @@ -246,10 +247,11 @@
*布点地址
-
+
- - 在地图上点击选择具体坐标位置 + + 在地图上点击选择坐标位置 +
@@ -274,6 +276,22 @@
+ \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/resource-aed-training.html b/web-admin/emergency-dispatch/admin/resource-aed-training.html index 6d69755..4b41e5b 100644 --- a/web-admin/emergency-dispatch/admin/resource-aed-training.html +++ b/web-admin/emergency-dispatch/admin/resource-aed-training.html @@ -108,14 +108,14 @@
-
-
+
+
- +
diff --git a/web-admin/emergency-dispatch/admin/resource-aed-usage-add.html b/web-admin/emergency-dispatch/admin/resource-aed-usage-add.html new file mode 100644 index 0000000..47b61ff --- /dev/null +++ b/web-admin/emergency-dispatch/admin/resource-aed-usage-add.html @@ -0,0 +1,212 @@ + + + + + +应急就医 - AED设备信息 - 新增应用记录 | 健康长庆原型 + + + + +
+ + +
+ 返回首页 +
+ 系统管理员 ▾ +
+
+ + + +
+ + + +
+
设备信息
+
+
*选择设备
+
+
+ +
+
AED-2025-001迈瑞 · 总部办公楼1层大厅
+
AED-2025-002飞利浦 · 职工食堂入口处
+
AED-2025-003迈瑞 · 调度中心1层
+
AED-2025-004卓尔 · 值班室门口
+
AED-2025-005飞利浦 · 体育馆入口
+
+
+
+
+
设备编号
+
设备厂家
+
设备型号
+
所属单位
+
所属部门
+
布放地址
+
+
+
+
+
+ + +
+
应用信息
+
+
*使用日期
+ +
+
+
*被救治人
+ +
+
+
*症状(呼吸)
+ +
+
+
*症状(意识)
+ +
+
+
*使用人
+ +
+
+
*使用过程说明
+ +
+
+
*应用结果
+ +
+
+
+ + +
+ + +
+ + \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/resource-aed-usage.html b/web-admin/emergency-dispatch/admin/resource-aed-usage.html index ba0224f..ac05564 100644 --- a/web-admin/emergency-dispatch/admin/resource-aed-usage.html +++ b/web-admin/emergency-dispatch/admin/resource-aed-usage.html @@ -105,14 +105,14 @@
-
-
+
+
- +
diff --git a/web-admin/emergency-dispatch/admin/resource-ambulance-detail.html b/web-admin/emergency-dispatch/admin/resource-ambulance-detail.html new file mode 100644 index 0000000..90992a9 --- /dev/null +++ b/web-admin/emergency-dispatch/admin/resource-ambulance-detail.html @@ -0,0 +1,185 @@ + + + + + +救护车详情 | 健康长庆原型 + + + +
+ +
+ + 救护车实景图 +
+ +
+ +
+ 宁ALY120 + 转运型 +
+ + +
+
+ + 基本信息 +
+
+
+
车型
+
急救转运
+
+
+
所属单位
+
第二采油厂
+
+
+
所属医疗点
+
第二采油厂南梁健康管理服务中心
+
+
+
所属机构
+
宝石花医院
+
+
+
开始服务年份
+
2019年
+
+
+
年支付费用
+
¥ 128,000.00
+
+
+
是否安装GPS
+
+
+
+
是否关联公司车辆管理系统
+
+
+
+
+ + +
+
+ + 服务范围 +
+
+
+
覆盖区域
+
+ 南梁作业区 + 华池作业区 + 合水作业区 +
+
+
+
覆盖人数
+
522 人
+
+
+
+ + +
+
+ + 能力配置 +
+
+
+
所配急救设备
+
+ 车载AED + 心电监护仪 + 呼吸机 + 吸引器 + 急救药品箱 + 担架 +
+
+
+
救护能力
+
具备院前急救、伤员转运、现场心肺复苏及基础生命支持能力,可执行60公里半径内的紧急转运任务
+
+
+
+ + +
+
+ + 驾驶员信息 +
+
+
+
姓名
+
郭青
+
+
+
联系电话
+ +
+
+
驾驶证
+ +
+ + 点击查看驾驶证照片 +
+
+
+
资格证
+ +
+ + 点击查看资格证照片 +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/resource-ambulance.html b/web-admin/emergency-dispatch/admin/resource-ambulance.html index c7206e6..5d655f5 100644 --- a/web-admin/emergency-dispatch/admin/resource-ambulance.html +++ b/web-admin/emergency-dispatch/admin/resource-ambulance.html @@ -88,6 +88,16 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + .drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:200;opacity:0;visibility:hidden;transition:all .3s;} + .drawer-mask.open{opacity:1;visibility:visible;} + .drawer{position:fixed;top:0;right:-560px;bottom:0;width:560px;background:#fff;z-index:201;box-shadow:-4px 0 16px rgba(0,0,0,0.12);transition:right .3s;display:flex;flex-direction:column;} + .drawer.open{right:0;} + .drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} + .drawer__title{font-size:var(--font-lg);font-weight:600;} + .drawer__close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:20px;} + .drawer__close:hover{background:var(--background);color:var(--text-primary);} + .drawer__body{flex:1;overflow:hidden;} + .drawer__body iframe{width:100%;height:100%;border:none;} @@ -248,7 +258,7 @@ 第二采油厂 522 否 - 详情 + 详情 2 @@ -262,7 +272,7 @@ 第一采油厂 480 是 - 详情 + 详情 3 @@ -276,7 +286,7 @@ 长庆油田总部 615 是 - 详情 + 详情 4 @@ -290,7 +300,7 @@ 第三采油厂 398 否 - 详情 + 详情 5 @@ -304,7 +314,7 @@ 第二采油厂 522 是 - 详情 + 详情 @@ -325,5 +335,29 @@
+ +
+
+
+
救护车详情
+ +
+
+ +
+
+ \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/resource-doctor-add.html b/web-admin/emergency-dispatch/admin/resource-doctor-add.html new file mode 100644 index 0000000..c7b8786 --- /dev/null +++ b/web-admin/emergency-dispatch/admin/resource-doctor-add.html @@ -0,0 +1,206 @@ + + + + + +应急就医 - 急救医生信息 - 新增急救医生 | 健康长庆原型 + + + + +
+ + +
+ 返回首页 +
+ 系统管理员 ▾ +
+
+ + + + + +
+ + + +
+
基本信息
+
+
*照片
+
+ + 上传照片 +
+
+
+
*姓名
+ +
+
+
*身份证号
+ +
+ + + + + + + + + + + +
+
*联系电话
+ +
+
+ + +
+
职业信息
+
+
*所在医院
+ +
+
+
*科室
+ +
+
+
*职称
+ +
+
+
*急救专长
+ +
+
+
*是否签约入库
+
+ + +
+
+
+
+ + +
+ + +
+ + diff --git a/web-admin/emergency-dispatch/admin/resource-doctor.html b/web-admin/emergency-dispatch/admin/resource-doctor.html index 0f10e12..654b728 100644 --- a/web-admin/emergency-dispatch/admin/resource-doctor.html +++ b/web-admin/emergency-dispatch/admin/resource-doctor.html @@ -94,6 +94,9 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + + /* 头像缩略图 */ + .avatar-thumb{width:36px;height:36px;border-radius:50%;background:#E6F7FF;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-xs);border:1px solid #91d5ff;vertical-align:middle;} @@ -174,7 +177,7 @@
- +
- - - - - + +
@@ -208,10 +210,10 @@
- + -
编辑删除
+ 138****5612 + +
详情编辑删除
2 李明华 - 西安市第一医院 - 心内科 +
+ 男 + 42 副主任医师 - 139****3287 + 心内科 + 西安市第一医院 心血管急症、胸痛处理 - 已认证 - -
编辑删除
+ 139****3287 + +
详情编辑删除
3 王秀英 - 庆阳市人民医院 - 急诊科 +
+ 女 + 38 主治医师 - 137****9451 + 急诊科 + 庆阳市人民医院 中毒急救、烧伤处理 - 已认证 - -
编辑删除
+ 137****9451 + +
详情编辑删除
4 赵志远 - 定边县医院 - 骨科 +
+ 男 + 45 副主任医师 - 136****8723 + 骨科 + 定边县医院 骨折固定、脊柱损伤 - 未认证 - -
编辑删除
+ 136****8723 + +
详情编辑删除
5 刘海燕 - 长庆油田职工医院 - 外科 +
+ 女 + 35 主治医师 - 135****2164 + 外科 + 长庆油田职工医院 外伤缝合、止血处理 - 已认证 - -
编辑删除
+ 135****2164 + +
详情编辑删除
diff --git a/web-admin/emergency-dispatch/admin/resource-emergency-contact.html b/web-admin/emergency-dispatch/admin/resource-emergency-contact.html index fb681b2..10f2889 100644 --- a/web-admin/emergency-dispatch/admin/resource-emergency-contact.html +++ b/web-admin/emergency-dispatch/admin/resource-emergency-contact.html @@ -72,6 +72,48 @@ tbody tr:hover{background:#F8FBFF;} .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + +/* 弹窗 */ +.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:200;display:none;align-items:center;justify-content:center;} +.modal-mask.show{display:flex;} +.modal{background:#fff;border-radius:var(--radius-md);width:620px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,0.15);} +.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0;} +.modal__header h3{font-size:var(--font-base);font-weight:600;} +.modal__close{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);} +.modal__close:hover{background:#f5f5f5;color:var(--text-primary);} +.modal__body{padding:24px;overflow-y:auto;flex:1;} +.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;border-top:1px solid var(--border);flex-shrink:0;} +.modal__section{margin-bottom:20px;} +.modal__section-title{font-size:var(--font-sm);font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;} +.modal__section-title svg{width:16px;height:16px;color:var(--primary);} +.form-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;} +.form-label{width:100px;text-align:right;font-size:var(--font-sm);color:var(--text-secondary);flex-shrink:0;line-height:36px;} +.form-label .required{color:var(--danger);margin-right:2px;} +.form-control{flex:1;min-width:0;} +.form-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;width:100%;} +.form-input:focus{border-color:var(--primary);} +.form-input-sm{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-size:var(--font-sm);outline:none;width:100%;} +.form-input-sm:focus{border-color:var(--primary);} +.form-select-sm{height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 24px 0 10px;font-size:var(--font-sm);outline:none;width:100%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;} +/* 搜索下拉 */ +.search-select{position:relative;} +.search-select__input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 0 12px;font-size:var(--font-sm);outline:none;width:100%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M10 10l3 3M6.5 2a4.5 4.5 0 110 9 4.5 4.5 0 010-9z' stroke='%23999' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;} +.search-select__input:focus{border-color:var(--primary);} +.search-select__dropdown{position:absolute;top:40px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:10;max-height:180px;overflow-y:auto;display:none;} +.search-select__item{padding:10px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;display:flex;justify-content:space-between;align-items:center;} +.search-select__item:hover{background:var(--primary-light);} +.search-select__item-name{font-weight:500;color:var(--text-primary);} +.search-select__item-info{color:var(--text-placeholder);font-size:var(--font-xs);} +.selected-card{background:var(--primary-light);border:1px solid #91d5ff;border-radius:var(--radius-sm);padding:10px 14px;margin-top:8px;display:none;font-size:var(--font-sm);color:var(--text-primary);} +/* 亲友列表 */ +.kin-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;} +.kin-row .form-input-sm{flex:1;} +.kin-row .form-select-sm{width:90px;flex-shrink:0;} +.btn-sm{height:30px;padding:0 10px;font-size:var(--font-xs);} +.btn-icon-danger{width:30px;height:30px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:#fff;color:var(--danger);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;} +.btn-icon-danger:hover{background:#fff1f0;} +.emp-info{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:16px;background:#FAFAFA;padding:10px 14px;border-radius:var(--radius-sm);display:flex;gap:24px;} +.emp-info span{color:var(--text-primary);font-weight:500;} @@ -148,26 +190,27 @@ tbody tr:hover{background:#F8FBFF;}
- + +
+
+ +
- +
- + +
-
+ + + + \ No newline at end of file diff --git a/web-admin/emergency-dispatch/admin/resource-first-aid-kit-add.html b/web-admin/emergency-dispatch/admin/resource-first-aid-kit-add.html new file mode 100644 index 0000000..be53a10 --- /dev/null +++ b/web-admin/emergency-dispatch/admin/resource-first-aid-kit-add.html @@ -0,0 +1,273 @@ + + + + + +应急就医 - 急救包信息 - 新增急救包 | 健康长庆原型 + + + + +
+ + +
+ 返回首页 +
+ 系统管理员 ▾ +
+
+ + + + + +
+ + + +
+
基本信息
+
+
*急救包编号
+ +
+
+
*所属单位
+ +
+
+
*布放地址
+
+ +
+
+ + 在地图上点击选择坐标位置 +
+
+
+
+
+
*布放日期
+ +
+
+ + +
+
管理信息
+
+
*管理部门
+ +
+
+
*管理人
+ +
+
+
*管理人电话
+ +
+
+ + +
+
内配用品
+
+
*用品清单
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
序号类别物品名称规格用途说明操作
1删除
2删除
3删除
+ +
+
+
+
+ + +
+ + +
+ + + + diff --git a/web-admin/emergency-dispatch/admin/resource-first-aid-kit.html b/web-admin/emergency-dispatch/admin/resource-first-aid-kit.html index e6e85ef..f910614 100644 --- a/web-admin/emergency-dispatch/admin/resource-first-aid-kit.html +++ b/web-admin/emergency-dispatch/admin/resource-first-aid-kit.html @@ -88,6 +88,16 @@ .pagination span{font-size:var(--font-sm);color:var(--text-secondary);} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} + + /* 弹窗遮罩 */ + .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:200;display:none;align-items:center;justify-content:center;} + .modal-mask.show{display:flex;} + .modal{background:#fff;border-radius:var(--radius-md);width:680px;max-height:80vh;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.15);} + .modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);font-size:var(--font-base);font-weight:600;} + .modal__close{width:28px;height:28px;border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);} + .modal__close:hover{background:#f5f5f5;color:var(--text-primary);} + .modal__body{padding:20px 24px;overflow-y:auto;max-height:calc(80vh - 60px);} + .modal__body table{width:100%;} @@ -178,8 +188,14 @@
- - + +
@@ -187,10 +203,10 @@
- +
+ + + + + \ No newline at end of file diff --git a/web-admin/health-consult/assistant/expert-detail-dialog.html b/web-admin/health-consult/assistant/expert-detail-dialog.html index 85ccac0..7d18ddf 100644 --- a/web-admin/health-consult/assistant/expert-detail-dialog.html +++ b/web-admin/health-consult/assistant/expert-detail-dialog.html @@ -107,8 +107,8 @@
-
-
+
+
diff --git a/web-admin/health-consult/exception-dirty.html b/web-admin/health-consult/exception-dirty.html index 6a149ca..c3a7526 100644 --- a/web-admin/health-consult/exception-dirty.html +++ b/web-admin/health-consult/exception-dirty.html @@ -114,7 +114,7 @@
- +
异常数据定义:咨询时长异常(时长 > 168小时)、长时间未回复(>48小时未回复)或评价分数极低(评分 < 2分)等情形。
diff --git a/共性需求说明.md b/共性需求说明.md index 6aecfcd..fe0b359 100644 --- a/共性需求说明.md +++ b/共性需求说明.md @@ -188,6 +188,27 @@ - 常规校验:如电话、邮箱、身份证号必须加正则校验,姓名(格式+长度)校验,数值类型(如身高、体重、距离、金额等)根据常规知识灵活加校验(如体重不能为负数,身高不能大于300CM等) +- 字段字数限制规范:所有表单输入字段须按下表设置最大字数限制,前端通过 `maxlength` 属性控制,后端同步校验 + +| 字段类型 | 最大字数 | 说明 | +|---------|-------|-------------------------------------------------------------------------------------| +| 姓名/人名 | 20 | 中文姓名+少数民族长名 | +| 手机号 | 11 | 固定位数,正则校验 | +| 座机号 | 12 | 正则校验,正则校验 | +| 身份证号 | 18 | 固定位数,正则校验 | +| 标题/名称 | 50 | 如任务标题、模块名称 | +| 短文本输入 | 100 | 如地址、单位名称、一句话备注 | +| 多行备注/描述 | 500 | 如简介、问题说明 | +| 搜索框 | 50 | 关键词搜索 | +| 验证码 | 6 | 短信/邮箱验证码 | +| 密码 | 12~30 | 必须包含至少一个小写字母; 必须包含至少一个大写字母; 必须包含至少一个数字; 必须包含至少一个特殊符号(可以根据需要修改特殊符号的定义); 密码长度必须大于等于12 | +| 邮箱 | 50 | 常规邮箱地址 ,正则校验 | +| URL链接 | 200 | 网址输入 | + + - 多行文本框右下角实时显示字数计数提示,格式为"已输入 X / Y 字" + - 达到字数上限后禁止继续输入 + - 提交校验时,必填字段为空提示"请输入XXX",超限提示"XXX不能超过N个字" + ### 3.搜索与筛选规范 - 搜索框支持回车键触发搜索,与点击搜索按钮效果一致 @@ -296,6 +317,26 @@ - 表单提交后按钮进入 loading 状态,防止重复提交 +- 字段字数限制规范:与PC端保持一致,所有表单输入字段须按以下规范设置最大字数限制 + +| 字段类型 | 最大字数 | 说明 | +|---------|-------|-------------------------------------------------------------------------------------| +| 姓名/人名 | 20 | 中文姓名+少数民族长名 | +| 手机号 | 11 | 固定位数,正则校验 | +| 座机号 | 12 | 正则校验,正则校验 | +| 身份证号 | 18 | 固定位数,正则校验 | +| 标题/名称 | 50 | 如任务标题、模块名称 | +| 短文本输入 | 100 | 如地址、单位名称、一句话备注 | +| 多行备注/描述 | 500 | 如简介、问题说明 | +| 搜索框 | 50 | 关键词搜索 | +| 验证码 | 6 | 短信/邮箱验证码 | +| 密码 | 12~30 | 必须包含至少一个小写字母; 必须包含至少一个大写字母; 必须包含至少一个数字; 必须包含至少一个特殊符号(可以根据需要修改特殊符号的定义); 密码长度必须大于等于12 | +| 邮箱 | 50 | 常规邮箱地址 ,正则校验 | +| URL链接 | 200 | 网址输入 | + + - 多行文本框右下角实时显示字数计数提示,格式为"已输入 X / Y 字" + - 达到字数上限后禁止继续输入 + ### 3.交互与操作 - 可点击区域不小于 44×44pt,确保手指触控友好