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

fix: 同步导航页SITE_MAP与实际文件，优化多模块原型页面

Browse Source 
- 校正index.html中6处SITE_MAP页面注册与磁盘文件的差异
- 新增应急就医员工端23个页面原型及资源详情页
- 新增管理端AED子模块7个页面及大病就医详情页
- 优化健康咨询多端页面交互与PRD文档

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
liuyunqin
2026-04-21 14:24:47 +08:00
co-authored by Claude Opus 4.6
parent ac87b887d2
commit f51e598781
67 changed files with 5997 additions and 819 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web-admin/emergency-dispatch/admin/archive-center.html
+52 -47
View File
@@ -51,6 +51,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);}
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
.link:hover{color:#40a9ff;}
</style>
</head>
<body>
@@ -98,10 +100,14 @@
<main class="main">
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>年份选择：</label>
<input class="filter-input" type="text" value="2025" style="min-width:100px;">
</div>
<div class="filter-item">
<label>年份</label>
<select class="filter-select">
<option>2026年</option>
<option>2025年</option>
<option>2024年</option>
</select>
</div>
<div class="filter-item">
<label>应急中心：</label>
<select class="filter-select">
@@ -125,7 +131,6 @@
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">应急中心报表数据</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 243 条</div>
</div>
<div class="table-card__content">
<table>
@@ -133,70 +138,70 @@
<tr>
<th>序号</th>
<th>应急中心</th>
<th>操作人员人数</th>
<th>专业人员人数</th>
<th>应急视频次数</th>
<th>应急电话次数</th>
<th>总工单数量</th>
<th>已完成工单数量</th>
<th>未完成工单数量</th>
<th>操作人员人数 ↕</th>
<th>专业人员人数 ↕</th>
<th>应急视频次数 ↕</th>
<th>应急电话次数 ↕</th>
<th>总工单数量 ↕</th>
<th>已完成工单数量 ↕</th>
<th>未完成工单数量 ↕</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">西安应急中心</td>
<td>12</td>
<td>8</td>
<td>350</td>
<td>280</td>
<td>630</td>
<td>580</td>
<td>50</td>
<td class="link" href="#">12</td>
<td class="link" href="#">8</td>
<td class="link" href="#">350</td>
<td class="link" href="#">280</td>
<td class="link" href="#">630</td>
<td class="link" href="#">580</td>
<td class="link" href="#">50</td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">庆阳应急中心</td>
<td>8</td>
<td>5</td>
<td>200</td>
<td>160</td>
<td>360</td>
<td>330</td>
<td>30</td>
<td class="link" href="#">8</td>
<td class="link" href="#">5</td>
<td class="link" href="#">200</td>
<td class="link" href="#">160</td>
<td class="link" href="#">360</td>
<td class="link" href="#">330</td>
<td class="link" href="#">30</td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">延安应急中心</td>
<td>6</td>
<td>4</td>
<td>150</td>
<td>120</td>
<td>270</td>
<td>250</td>
<td>20</td>
<td class="link" href="#">8</td>
<td class="link" href="#">5</td>
<td class="link" href="#">200</td>
<td class="link" href="#">160</td>
<td class="link" href="#">360</td>
<td class="link" href="#">330</td>
<td class="link" href="#">30</td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">榆林应急中心</td>
<td>5</td>
<td>3</td>
<td>100</td>
<td>80</td>
<td>180</td>
<td>165</td>
<td>15</td>
<td class="link" href="#">8</td>
<td class="link" href="#">5</td>
<td class="link" href="#">200</td>
<td class="link" href="#">160</td>
<td class="link" href="#">360</td>
<td class="link" href="#">330</td>
<td class="link" href="#">30</td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">银川应急中心</td>
<td>4</td>
<td>3</td>
<td>80</td>
<td>65</td>
<td>145</td>
<td>130</td>
<td>15</td>
<td class="link" href="#">8</td>
<td class="link" href="#">5</td>
<td class="link" href="#">200</td>
<td class="link" href="#">160</td>
<td class="link" href="#">360</td>
<td class="link" href="#">330</td>
<td class="link" href="#">30</td>
</tr>
</tbody>
</table>
web-admin/emergency-dispatch/admin/archive-personal-detail-illness.html
+259
View File
@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - 个人大病就医详情 | 健康长庆原型</title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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;}
.main{margin-left:240px;margin-top:56px;padding:24px;}
.page-header{margin-bottom:20px;display:flex;align-items:center;gap:16px;}
.page-header__title{font-size:var(--font-xl);font-weight:600;}
.page-header__sub{font-size:var(--font-base);color:var(--text-secondary);}
.page-header__back{display:flex;align-items:center;gap:4px;color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
.page-header__back:hover{color:#40a9ff;}
.tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border);background:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0 24px;box-shadow:var(--shadow-sm);}
.tab-item{padding:14px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block;}
.tab-item:hover{color:var(--primary);}
.tab-item.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;}
.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;}
.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);}
.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;-webkit-overflow-scrolling:touch;}
.table-card__content table{min-width:100%;white-space:nowrap;}
table{width:100%;border-collapse:collapse;}
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;}
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
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-blue{background:var(--primary-light);color:var(--primary);}
.tag-orange{background:#FFF7E6;color:var(--warning);}
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
.link:hover{color:#40a9ff;}
.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);}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html" class="active">档案</a>
<a href="resource-hospital.html">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
返回首页
</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<!-- 侧边栏 -->
<aside class="sidebar">
<div class="sidebar-group-title">档案</div>
<a href="archive-personal.html" class="sidebar-item active">
<svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
个人应急数据
</a>
<a href="archive-unit.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 6h6M5 8h6M5 10h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
单位报表数据
</a>
<a href="archive-center.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><path d="M6 14v-4h4v4" stroke="currentColor" stroke-width="1.2"/></svg>
应急中心报表数据
</a>
</aside>
<!-- 主内容区 -->
<main class="main">
<div class="page-header">
<a class="page-header__back" href="archive-personal.html">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
返回
</a>
<div class="page-header__title">个人应急数据详情</div>
<div class="page-header__sub">张旭（公司机关-健康科）</div>
</div>
<!-- Tab 切换 -->
<div class="tabs">
<a class="tab-item" href="archive-personal-detail.html">应急求助</a>
<a class="tab-item active" href="archive-personal-detail-illness.html">大病就医</a>
</div>
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>年份选择：</label>
<select class="filter-select">
<option>2026</option>
<option>2025</option>
<option>2024</option>
</select>
</div>
<div class="filter-item">
<label>工单状态：</label>
<select class="filter-select">
<option>请选择</option>
<option>进行中</option>
<option>已完成</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
<div style="flex:1;"></div>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">查看导出任务</button>
</div>
<!-- 数据表格 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">大病就医记录</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>预约医院</th>
<th>挂号类别</th>
<th>预约科室</th>
<th>预约医生</th>
<th>期望预约时间</th>
<th>驻场人员</th>
<th>工单状态</th>
<th>创建时间</th>
<th>完成时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>空军军医大学西京医院</td>
<td>普通号</td>
<td>内科</td>
<td>李青时</td>
<td>2026-03-18 08:11</td>
<td>徐豪</td>
<td><span class="tag tag-green">已完成</span></td>
<td>2026-03-16 12:23:32</td>
<td>2026-03-18 15:42:10</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>2</td>
<td>西安交大一附院</td>
<td>专家号</td>
<td>心血管内科</td>
<td>张明华</td>
<td>2026-03-10 09:30</td>
<td>王磊</td>
<td><span class="tag tag-green">已完成</span></td>
<td>2026-03-08 14:05:18</td>
<td>2026-03-10 16:20:45</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>3</td>
<td>空军军医大学西京医院</td>
<td>急诊号</td>
<td>骨科</td>
<td>陈伟</td>
<td>2026-02-25 10:00</td>
<td>徐豪</td>
<td><span class="tag tag-green">已完成</span></td>
<td>2026-02-23 09:41:07</td>
<td>2026-02-25 14:33:28</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>4</td>
<td>西安市中心医院</td>
<td>普通号</td>
<td>消化内科</td>
<td>刘芳</td>
<td>2026-04-05 14:00</td>
<td>赵强</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-04-03 10:12:55</td>
<td>—</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>5</td>
<td>西安交大二附院</td>
<td>专家号</td>
<td>神经外科</td>
<td>孙建国</td>
<td>2026-04-12 08:30</td>
<td>王磊</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-04-10 16:38:22</td>
<td>—</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 18 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option><option>50条/页</option></select>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/archive-personal-detail.html
+27 -18
View File
@@ -59,6 +59,7 @@
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-blue{background:var(--primary-light);color:var(--primary);}
.tag-orange{background:#FFF7E6;color:var(--warning);}
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
@@ -124,17 +125,28 @@
<!-- Tab 切换 -->
<div class="tabs">
<div class="tab-item active" onclick="switchTab(this)">拨打120</div>
<div class="tab-item" onclick="switchTab(this)">应急视频</div>
<div class="tab-item" onclick="switchTab(this)">应急电话</div>
<div class="tab-item" onclick="switchTab(this)">大病就医</div>
<a class="tab-item active" href="archive-personal-detail.html">应急求助</a>
<a class="tab-item" href="archive-personal-detail-illness.html">大病就医</a>
</div>
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<div class="filter-item">
<label>年份选择：</label>
<input class="filter-input" type="text" value="2025" style="min-width:100px;">
<select class="filter-select" type="text" value="2025" >
<option>2026</option>
<option>2025</option>
<option>2024</option>
</select>
</div>
<div class="filter-item">
<label>求助方式：</label>
<select class="filter-select" type="text" value="2025" >
<option>请选择</option>
<option>拨打120</option>
<option>应急视频</option>
<option>应急电话</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
@@ -149,8 +161,7 @@
<!-- 数据表格 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">拨打120记录</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 243 条</div>
<div class="table-card__title">应急求助记录</div>
</div>
<div class="table-card__content">
<table>
@@ -158,6 +169,7 @@
<tr>
<th>序号</th>
<th>应急工单编号</th>
<th>求助方式</th>
<th>求助时间</th>
<th>应急中心</th>
<th>专业人员</th>
@@ -172,18 +184,20 @@
<tr>
<td>1</td>
<td style="font-weight:500;">YJ58966523</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-03-26 14:40:07</td>
<td>西安应急中心</td>
<td>王医生</td>
<td>李操作</td>
<td>张驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><span class="tag tag-blue">进行中</span></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">YJ58966524</td>
<td><span class="tag tag-green">应急电话</span></td>
<td>2026-03-25 09:15:32</td>
<td>西安应急中心</td>
<td>赵医生</td>
@@ -196,6 +210,7 @@
<tr>
<td>3</td>
<td style="font-weight:500;">YJ58966525</td>
<td><span class="tag tag-red">拨打120</span></td>
<td>2026-03-20 16:22:18</td>
<td>庆阳应急中心</td>
<td>孙医生</td>
@@ -208,6 +223,7 @@
<tr>
<td>4</td>
<td style="font-weight:500;">YJ58966526</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-03-18 11:05:44</td>
<td>延安应急中心</td>
<td>杨医生</td>
@@ -220,12 +236,13 @@
<tr>
<td>5</td>
<td style="font-weight:500;">YJ58966527</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-03-15 08:30:21</td>
<td>西安应急中心</td>
<td>马医生</td>
<td>黄操作</td>
<td>林驻场</td>
<td><span class="tag tag-orange">待处理</span></td>
<td><span class="tag tag-green">已完成</span></td>
<td>事后补单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
@@ -245,13 +262,5 @@
</div>
</div>
</main>
<script>
/* Tab 切换交互 */
function switchTab(el){
document.querySelectorAll('.tab-item').forEach(function(t){t.classList.remove('active');});
el.classList.add('active');
}
</script>
</body>
</html>
web-admin/emergency-dispatch/admin/archive-personal.html
+14 -9
View File
@@ -120,6 +120,15 @@
<main class="main">
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>年份选择：</label>
<select class="filter-select" type="text" value="2025" >
<option>2026</option>
<option>2025</option>
<option>2024</option>
</select>
</div>
<div class="filter-item">
<label>姓名：</label>
<input class="filter-input" type="text" placeholder="请输入">
@@ -128,10 +137,7 @@
<label>员工编号：</label>
<input class="filter-input" type="text" placeholder="请输入">
</div>
<div class="filter-item">
<label>年份选择：</label>
<input class="filter-input" type="text" value="2025" style="min-width:100px;">
</div>
<div class="filter-item">
<label>单位部门：</label>
<select class="filter-select">
@@ -161,7 +167,6 @@
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">个人应急数据</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 243 条</div>
</div>
<div class="table-card__content">
<table>
@@ -174,10 +179,10 @@
<th>年龄</th>
<th>单位</th>
<th>部门</th>
<th>拨打120次数</th>
<th>应急视频次数</th>
<th>应急电话次数</th>
<th>大病就医次数</th>
<th>拨打120次数 ↕</th>
<th>应急视频次数 ↕</th>
<th>应急电话次数 ↕</th>
<th>大病就医次数 ↕</th>
<th>操作</th>
</tr>
</thead>
web-admin/emergency-dispatch/admin/archive-unit.html
+375 -154
View File
@@ -26,14 +26,13 @@
.sidebar-item.active{color:#fff;background:var(--primary);}
.sidebar-item svg{width:16px;height:16px;flex-shrink:0;}
.main{margin-left:240px;margin-top:56px;padding:24px;}
/* Tab 按钮组 */
.tab-btns{display:flex;gap:0;margin-bottom:0;}
.tab-btn{padding:8px 20px;font-size:var(--font-sm);border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .2s;color:var(--text-secondary);}
.tab-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);}
.tab-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
.tab-btn:not(:first-child){border-left:none;}
.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);}
.tab-btn:hover:not(.active){color:var(--primary);border-color:var(--primary);}
/* Tab 下划线切换 */
.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:16px;}
.tab-item{padding:10px 24px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;}
.tab-item:hover{color:var(--primary);}
.tab-item.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.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;}
@@ -59,6 +58,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);}
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
.link:hover{color:#40a9ff;}
</style>
</head>
<body>
@@ -104,162 +105,382 @@
<!-- 主内容区 -->
<main class="main">
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>年份选择：</label>
<input class="filter-input" type="text" value="2025" style="min-width:100px;">
</div>
<div class="filter-item">
<div class="tab-btns">
<button class="tab-btn active" onclick="switchTabBtn(this)">二级单位</button>
<button class="tab-btn" onclick="switchTabBtn(this)">三级单位</button>
</div>
</div>
<div class="filter-item">
<label>单位：</label>
<select class="filter-select">
<option>请选择</option>
<option>公司机关</option>
<option>采油一厂</option>
<option>采油二厂</option>
<option>采气一厂</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
<div style="flex:1;"></div>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">查看导出任务</button>
<!-- [交互] Tab 切换二级单位 / 三级单位 -->
<div class="tab-bar">
<div class="tab-item active" onclick="switchTab('unit',this)">二级单位</div>
<div class="tab-item" onclick="switchTab('dept',this)">三级单位</div>
</div>
<!-- 数据表格 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">单位报表数据</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 243 条</div>
<!-- 二级单位面板 -->
<div class="tab-panel active" id="panel-unit">
<div class="filter-bar">
<div class="filter-item">
<label>年份</label>
<select class="filter-select">
<option>2026年</option>
<option>2025年</option>
<option>2024年</option>
</select>
</div>
<div class="filter-item">
<label>单位名称</label>
<select class="filter-select" style="min-width:140px;">
<option>全部单位</option>
<option>公司机关</option>
<option>采油一厂</option>
<option>采油二厂</option>
<option>采气一厂</option>
<option>第一采油厂</option>
<option>输油处</option>
</select>
</div>
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M10 10l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
查询
</button>
<button class="btn btn-default">重置</button>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>单位</th>
<th>总人数</th>
<th>应急视频次数</th>
<th>应急视频人数</th>
<th>拨打120次数</th>
<th>拨打120人数</th>
<th>应急电话次数</th>
<th>应急电话人数</th>
<th>大病就医次数</th>
<th>大病就医人数</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">公司机关</td>
<td>1000</td>
<td>100</td>
<td>80</td>
<td>50</td>
<td>45</td>
<td>120</td>
<td>95</td>
<td>30</td>
<td>28</td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">采油一厂</td>
<td>2500</td>
<td>200</td>
<td>160</td>
<td>80</td>
<td>70</td>
<td>180</td>
<td>150</td>
<td>45</td>
<td>40</td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">采油二厂</td>
<td>1800</td>
<td>150</td>
<td>120</td>
<td>60</td>
<td>55</td>
<td>140</td>
<td>110</td>
<td>35</td>
<td>30</td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">采气一厂</td>
<td>1200</td>
<td>90</td>
<td>75</td>
<td>40</td>
<td>35</td>
<td>100</td>
<td>85</td>
<td>20</td>
<td>18</td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">第一采油厂</td>
<td>3000</td>
<td>250</td>
<td>200</td>
<td>100</td>
<td>90</td>
<td>220</td>
<td>180</td>
<td>55</td>
<td>50</td>
</tr>
<tr>
<td>6</td>
<td style="font-weight:500;">输油处</td>
<td>800</td>
<td>60</td>
<td>50</td>
<td>25</td>
<td>20</td>
<td>70</td>
<td>55</td>
<td>15</td>
<td>12</td>
</tr>
</tbody>
</table>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
查看导出任务
</button>
</div>
<div class="pagination">
<span>共 243 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">...</button>
<button class="page-btn">25</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option><option>50条/页</option></select>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">二级单位应急数据列表</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>单位</th>
<th>总人数</th>
<th>应急视频次数 ↕</th>
<th>应急视频人数 ↕</th>
<th>拨打120次数 ↕</th>
<th>拨打120人数 ↕</th>
<th>应急电话次数 ↕</th>
<th>应急电话人数 ↕</th>
<th>大病就医次数 ↕</th>
<th>大病就医人数 ↕</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">公司机关</td>
<td>1000</td>
<td><a class="link" href="#">100</a></td>
<td><a class="link" href="#">80</a></td>
<td><a class="link" href="#">50</a></td>
<td><a class="link" href="#">45</a></td>
<td><a class="link" href="#">120</a></td>
<td><a class="link" href="#">95</a></td>
<td><a class="link" href="#">30</a></td>
<td><a class="link" href="#">28</a></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">采油一厂</td>
<td>2500</td>
<td><a class="link" href="#">200</a></td>
<td><a class="link" href="#">160</a></td>
<td><a class="link" href="#">80</a></td>
<td><a class="link" href="#">70</a></td>
<td><a class="link" href="#">180</a></td>
<td><a class="link" href="#">150</a></td>
<td><a class="link" href="#">45</a></td>
<td><a class="link" href="#">40</a></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">采油二厂</td>
<td>1800</td>
<td><a class="link" href="#">150</a></td>
<td><a class="link" href="#">120</a></td>
<td><a class="link" href="#">60</a></td>
<td><a class="link" href="#">55</a></td>
<td><a class="link" href="#">140</a></td>
<td><a class="link" href="#">110</a></td>
<td><a class="link" href="#">35</a></td>
<td><a class="link" href="#">30</a></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">采气一厂</td>
<td>1200</td>
<td><a class="link" href="#">90</a></td>
<td><a class="link" href="#">75</a></td>
<td><a class="link" href="#">40</a></td>
<td><a class="link" href="#">35</a></td>
<td><a class="link" href="#">100</a></td>
<td><a class="link" href="#">85</a></td>
<td><a class="link" href="#">20</a></td>
<td><a class="link" href="#">18</a></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">第一采油厂</td>
<td>3000</td>
<td><a class="link" href="#">250</a></td>
<td><a class="link" href="#">200</a></td>
<td><a class="link" href="#">100</a></td>
<td><a class="link" href="#">90</a></td>
<td><a class="link" href="#">220</a></td>
<td><a class="link" href="#">180</a></td>
<td><a class="link" href="#">55</a></td>
<td><a class="link" href="#">50</a></td>
</tr>
<tr>
<td>6</td>
<td style="font-weight:500;">输油处</td>
<td>800</td>
<td><a class="link" href="#">60</a></td>
<td><a class="link" href="#">50</a></td>
<td><a class="link" href="#">25</a></td>
<td><a class="link" href="#">20</a></td>
<td><a class="link" href="#">70</a></td>
<td><a class="link" href="#">55</a></td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">12</a></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 28 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">›</button>
<span>每页</span>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option></select>
</div>
</div>
</div>
<!-- 三级单位面板 -->
<div class="tab-panel" id="panel-dept">
<div class="filter-bar">
<div class="filter-item">
<label>年份</label>
<select class="filter-select">
<option>2026年</option>
<option>2025年</option>
<option>2024年</option>
</select>
</div>
<div class="filter-item">
<label>所属单位</label>
<select class="filter-select" style="min-width:140px;">
<option>全部单位</option>
<option>公司机关</option>
<option>采油一厂</option>
<option>采油二厂</option>
<option>采气一厂</option>
<option>第一采油厂</option>
<option>输油处</option>
</select>
</div>
<div class="filter-item">
<label>部门名称</label>
<select class="filter-select" style="min-width:140px;">
<option>全部部门</option>
<option>作业一区</option>
<option>作业二区</option>
<option>集输站</option>
<option>注水站</option>
<option>综合管理部</option>
<option>安全环保部</option>
<option>急诊科</option>
</select>
</div>
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="1.4"/><path d="M10 10l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
查询
</button>
<button class="btn btn-default">重置</button>
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
查看导出任务
</button>
</div>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">三级单位应急数据列表</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>所属单位</th>
<th>部门名称</th>
<th>总人数</th>
<th>应急视频次数 ↕</th>
<th>应急视频人数 ↕</th>
<th>拨打120次数 ↕</th>
<th>拨打120人数 ↕</th>
<th>应急电话次数 ↕</th>
<th>应急电话人数 ↕</th>
<th>大病就医次数 ↕</th>
<th>大病就医人数 ↕</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>采油一厂</td>
<td style="font-weight:500;">作业一区</td>
<td>186</td>
<td><a class="link" href="#">42</a></td>
<td><a class="link" href="#">35</a></td>
<td><a class="link" href="#">18</a></td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">38</a></td>
<td><a class="link" href="#">30</a></td>
<td><a class="link" href="#">8</a></td>
<td><a class="link" href="#">7</a></td>
</tr>
<tr>
<td>2</td>
<td>采油一厂</td>
<td style="font-weight:500;">作业二区</td>
<td>174</td>
<td><a class="link" href="#">38</a></td>
<td><a class="link" href="#">32</a></td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">12</a></td>
<td><a class="link" href="#">35</a></td>
<td><a class="link" href="#">28</a></td>
<td><a class="link" href="#">6</a></td>
<td><a class="link" href="#">5</a></td>
</tr>
<tr>
<td>3</td>
<td>采油二厂</td>
<td style="font-weight:500;">注水站</td>
<td>163</td>
<td><a class="link" href="#">35</a></td>
<td><a class="link" href="#">28</a></td>
<td><a class="link" href="#">12</a></td>
<td><a class="link" href="#">10</a></td>
<td><a class="link" href="#">30</a></td>
<td><a class="link" href="#">25</a></td>
<td><a class="link" href="#">5</a></td>
<td><a class="link" href="#">4</a></td>
</tr>
<tr>
<td>4</td>
<td>采气一厂</td>
<td style="font-weight:500;">集输站</td>
<td>158</td>
<td><a class="link" href="#">30</a></td>
<td><a class="link" href="#">25</a></td>
<td><a class="link" href="#">10</a></td>
<td><a class="link" href="#">8</a></td>
<td><a class="link" href="#">28</a></td>
<td><a class="link" href="#">22</a></td>
<td><a class="link" href="#">4</a></td>
<td><a class="link" href="#">3</a></td>
</tr>
<tr>
<td>5</td>
<td>公司机关</td>
<td style="font-weight:500;">综合管理部</td>
<td>142</td>
<td><a class="link" href="#">25</a></td>
<td><a class="link" href="#">20</a></td>
<td><a class="link" href="#">8</a></td>
<td><a class="link" href="#">7</a></td>
<td><a class="link" href="#">22</a></td>
<td><a class="link" href="#">18</a></td>
<td><a class="link" href="#">3</a></td>
<td><a class="link" href="#">3</a></td>
</tr>
<tr>
<td>6</td>
<td>采油一厂</td>
<td style="font-weight:500;">安全环保部</td>
<td>136</td>
<td><a class="link" href="#">22</a></td>
<td><a class="link" href="#">18</a></td>
<td><a class="link" href="#">7</a></td>
<td><a class="link" href="#">6</a></td>
<td><a class="link" href="#">20</a></td>
<td><a class="link" href="#">16</a></td>
<td><a class="link" href="#">3</a></td>
<td><a class="link" href="#">2</a></td>
</tr>
<tr>
<td>7</td>
<td>油田总医院</td>
<td style="font-weight:500;">急诊科</td>
<td>128</td>
<td><a class="link" href="#">18</a></td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">6</a></td>
<td><a class="link" href="#">5</a></td>
<td><a class="link" href="#">18</a></td>
<td><a class="link" href="#">14</a></td>
<td><a class="link" href="#">2</a></td>
<td><a class="link" href="#">2</a></td>
</tr>
<tr>
<td>8</td>
<td>采油二厂</td>
<td style="font-weight:500;">维修班</td>
<td>115</td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">12</a></td>
<td><a class="link" href="#">5</a></td>
<td><a class="link" href="#">4</a></td>
<td><a class="link" href="#">15</a></td>
<td><a class="link" href="#">12</a></td>
<td><a class="link" href="#">2</a></td>
<td><a class="link" href="#">1</a></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 142 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">›</button>
<span>每页</span>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条</option><option>20条</option></select>
</div>
</div>
</div>
</main>
<script>
/* 按钮组 Tab 切换 */
function switchTabBtn(el){
el.parentElement.querySelectorAll('.tab-btn').forEach(function(b){b.classList.remove('active');});
/* Tab 切换交互 */
function switchTab(key, el) {
document.querySelectorAll('.tab-item').forEach(function(t){t.classList.remove('active');});
document.querySelectorAll('.tab-panel').forEach(function(p){p.classList.remove('active');});
el.classList.add('active');
document.getElementById('panel-'+key).classList.add('active');
}
</script>
</body>
web-admin/emergency-dispatch/admin/center-serious-illness.html
+161 -77
View File
@@ -77,6 +77,14 @@
.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);}
/* 固定列 */
.col-fixed{position:sticky;z-index:2;background:#fff;}
thead .col-fixed{background:#FAFAFA;z-index:3;}
.col-fixed-1{left:0;min-width:60px;width:60px;}
.col-fixed-2{left:60px;min-width:120px;}
.col-fixed-3{left:180px;min-width:120px;}
.col-fixed-3::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;background:linear-gradient(to right,rgba(0,0,0,0.04),transparent);pointer-events:none;}
.col-fixed-end{right:0;min-width:80px;box-shadow:-2px 0 4px rgba(0,0,0,0.04);}
</style>
</head>
<body>
@@ -153,26 +161,30 @@
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>员工姓名</label>
<input class="filter-input" type="text" placeholder="请输入员工姓名" style="min-width:160px;">
<label>就医员工</label>
<input class="filter-input" type="text" placeholder="请输入姓名" style="min-width:140px;">
</div>
<div class="filter-item">
<label>所属单位</label>
<select class="filter-select">
<option>全部</option>
<label>员工编号</label>
<input class="filter-input" type="text" placeholder="请输入" style="min-width:120px;">
</div>
<div class="filter-item">
<label>员工单位部门</label>
<select class="filter-select" style="min-width:140px;">
<option>请选择</option>
<option>公司机关</option>
<option>采油一厂</option>
<option>采油二厂</option>
<option>采气一厂</option>
<option>第一采油厂</option>
</select>
</div>
<div class="filter-item">
<label>就医状态</label>
<label>工单状态</label>
<select class="filter-select">
<option>全部</option>
<option>就医中</option>
<option>请选择</option>
<option>进行中</option>
<option>已完成</option>
<option>已取消</option>
</select>
</div>
<button class="btn btn-primary">
@@ -180,107 +192,179 @@
查询
</button>
<button class="btn btn-default">重置</button>
<div style="flex:1;"></div>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M8 2v8M4 7l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 12v2h12v-2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<!-- 操作按钮 -->
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="#fff" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="2" y="2" width="10" height="10" rx="1.5" stroke="currentColor" stroke-width="1.4"/><path d="M4 5h6M4 7.5h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
查看导出任务
</button>
</div>
<!-- 表格卡片 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">大病就医列表</div>
<span style="font-size:var(--font-sm);color:var(--text-secondary);">共 86 条记录</span>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>员工姓名</th>
<th>员工编号</th>
<th>所属单位</th>
<th>诊断疾病</th>
<th>就医医院</th>
<th>就医时间</th>
<th>当前状态</th>
<th>跟进人</th>
<th>操作</th>
<th class="col-fixed col-fixed-1">序号</th>
<th class="col-fixed col-fixed-2">就医员工</th>
<th class="col-fixed col-fixed-3">员工编号</th>
<th>员工单位</th>
<th>员工部门</th>
<th>预约医院</th>
<th>挂号类别</th>
<th>预约科室</th>
<th>预约医生</th>
<th>期望预约时间</th>
<th>驻场人员</th>
<th>工单状态</th>
<th>创建时间</th>
<th>完成时间</th>
<th class="col-fixed col-fixed-end">操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>王建国</td>
<td>EMP20230156</td>
<td class="col-fixed col-fixed-1">1</td>
<td class="col-fixed col-fixed-2">徐萱-男-34</td>
<td class="col-fixed col-fixed-3">56895</td>
<td>第一采油厂</td>
<td>消防大队</td>
<td>空军军医大学西京医院</td>
<td>普通号</td>
<td>内科</td>
<td>李青时</td>
<td>2026-03-18 08:11</td>
<td>徐豪</td>
<td><span class="tag tag-green">已完成</span></td>
<td>2026-03-16 12:23:32</td>
<td>2026-03-18 15:42:10</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td class="col-fixed col-fixed-1">2</td>
<td class="col-fixed col-fixed-2">徐萱-男-34</td>
<td class="col-fixed col-fixed-3">56895</td>
<td>第一采油厂</td>
<td>消防大队</td>
<td>空军军医大学西京医院</td>
<td>急诊号</td>
<td>外科</td>
<td>周建华</td>
<td>2026-03-19 10:30</td>
<td>徐豪</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-03-16 12:25:18</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td class="col-fixed col-fixed-1">3</td>
<td class="col-fixed col-fixed-2">徐萱-男-34</td>
<td class="col-fixed col-fixed-3">56895</td>
<td>第一采油厂</td>
<td>消防大队</td>
<td>空军军医大学西京医院</td>
<td>专家号</td>
<td>心内科</td>
<td>张明远</td>
<td>2026-03-20 14:00</td>
<td>徐豪</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-03-16 12:28:45</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td class="col-fixed col-fixed-1">4</td>
<td class="col-fixed col-fixed-2">王建国-男-52</td>
<td class="col-fixed col-fixed-3">EMP20230156</td>
<td>采油一厂</td>
<td>急性心肌梗死</td>
<td>作业一区</td>
<td>西安交大一附院</td>
<td>专家号</td>
<td>心内科</td>
<td>张明远</td>
<td>2026-04-15 09:30</td>
<td><span class="tag tag-blue">就医中</span></td>
<td>李晓明</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-04-14 16:05:18</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>2</td>
<td>张丽华</td>
<td>EMP20220089</td>
<td class="col-fixed col-fixed-1">5</td>
<td class="col-fixed col-fixed-2">张丽华-女-45</td>
<td class="col-fixed col-fixed-3">EMP20220089</td>
<td>公司机关</td>
<td>脑血管意外</td>
<td>综合管理部</td>
<td>庆阳市人民医院</td>
<td>普通号</td>
<td>神经内科</td>
<td>赵国强</td>
<td>2026-04-12 14:20</td>
<td><span class="tag tag-blue">就医中</span></td>
<td>赵文博</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-04-11 09:32:47</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>3</td>
<td>刘志强</td>
<td>EMP20210234</td>
<td class="col-fixed col-fixed-1">6</td>
<td class="col-fixed col-fixed-2">刘志强-男-41</td>
<td class="col-fixed col-fixed-3">EMP20210234</td>
<td>采油二厂</td>
<td>严重骨折（多发性）</td>
<td>注水站</td>
<td>兰州大学第一医院</td>
<td>急诊号</td>
<td>骨科</td>
<td>孙立平</td>
<td>2026-04-08 11:05</td>
<td><span class="tag tag-green">已完成</span></td>
<td>孙伟</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
</tr>
<tr>
<td>4</td>
<td>陈秀英</td>
<td>EMP20230312</td>
<td>采气一厂</td>
<td>恶性肿瘤（肺癌）</td>
<td>北京协和医院</td>
<td>2026-03-25 08:45</td>
<td><span class="tag tag-blue">就医中</span></td>
<td>王晓峰</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
</tr>
<tr>
<td>5</td>
<td>赵德明</td>
<td>EMP20200178</td>
<td>采油一厂</td>
<td>急性重症胰腺炎</td>
<td>西安交大二附院</td>
<td>2026-03-18 16:30</td>
<td><span class="tag tag-green">已完成</span></td>
<td>李晓明</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
<td>2026-04-07 22:18:05</td>
<td>2026-04-10 09:15:33</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>6</td>
<td>杨红梅</td>
<td>EMP20240045</td>
<td>公司机关</td>
<td>严重烧伤（III度）</td>
<td>庆阳市人民医院</td>
<td>2026-03-10 10:15</td>
<td><span class="tag tag-gray">已取消</span></td>
<td>赵文博</td>
<td class="action-btns"><a class="link" href="#">详情</a></td>
<td class="col-fixed col-fixed-1">7</td>
<td class="col-fixed col-fixed-2">陈秀英-女-58</td>
<td class="col-fixed col-fixed-3">EMP20230312</td>
<td>采气一厂</td>
<td>集输站</td>
<td>北京协和医院</td>
<td>专家号</td>
<td>肿瘤科</td>
<td>王海涛</td>
<td>2026-03-25 08:45</td>
<td>王晓峰</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>2026-03-23 14:50:33</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td class="col-fixed col-fixed-1">8</td>
<td class="col-fixed col-fixed-2">赵德明-男-49</td>
<td class="col-fixed col-fixed-3">EMP20200178</td>
<td>采油一厂</td>
<td>作业二区</td>
<td>西安交大二附院</td>
<td>普通号</td>
<td>消化内科</td>
<td>刘文杰</td>
<td>2026-03-18 16:30</td>
<td>李晓明</td>
<td><span class="tag tag-green">已完成</span></td>
<td>2026-03-17 10:25:41</td>
<td>2026-03-20 11:08:22</td>
<td class="col-fixed col-fixed-end"><a class="link" href="#">详细过程</a></td>
</tr>
</tbody>
</table>
web-admin/emergency-dispatch/admin/center-work-order.html
+117 -51
View File
@@ -140,15 +140,30 @@ tbody tr:hover{background:#F8FBFF;}
<div class="filter-item">
<label>工单编号</label>
<input class="filter-input" type="text" placeholder="请输入工单编号">
</div>
<div class="filter-item">
<label>求助员工</label>
<input class="filter-input" type="text" placeholder="请输入员工姓名">
</div>
<div class="filter-item">
<label>员工编号</label>
<input class="filter-input" type="text" placeholder="请输入员工编号">
</div>
<div class="filter-item">
<label>单位部门：</label>
<select class="filter-select">
<option>请选择</option>
<option>公司机关</option>
<option>采油一厂</option>
<option>采油二厂</option>
</select>
</div>
<div class="filter-item">
<label>工单状态</label>
<select class="filter-select">
<option>全部</option>
<option>待处理</option>
<option>处理中</option>
<option>进行中</option>
<option>已完成</option>
<option>已取消</option>
</select>
</div>
<div class="filter-item">
@@ -172,10 +187,16 @@ tbody tr:hover{background:#F8FBFF;}
</button>
<button class="btn btn-default">重置</button>
<div style="flex:1;"></div>
</div>
<!-- 操作按钮 -->
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 9v3h10V9M7 2v7M4 5l3 3 3-3" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">查看导出任务</button>
</div>
<!-- 表格 -->
@@ -189,113 +210,158 @@ tbody tr:hover{background:#F8FBFF;}
<thead>
<tr>
<th>序号</th>
<th>工单编号</th>
<th>应急工单编号</th>
<th>求助员工</th>
<th>求助方式</th>
<th>员工编号</th>
<th>所属单位</th>
<th>所属部门</th>
<th>求助方式</th>
<th>求助时间</th>
<th>处理操作员</th>
<th>应急中心</th>
<th>专业人员</th>
<th>操作人员</th>
<th>驻场人员</th>
<th>工单状态</th>
<th>工单类型</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>WO-20260420-001</td>
<td>王建军</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td style="font-weight:500;">WO-20260420-001</td>
<td>王建军-男-45</td>
<td>EMP100231</td>
<td>采油一厂</td>
<td>作业一区</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-04-20 09:15:32</td>
<td>李坐席</td>
<td>西安应急中心</td>
<td>张医生</td>
<td><span class="tag tag-orange">处理中</span></td>
<td><a class="link">详情</a></td>
<td>李操作</td>
<td>赵驻场</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>2</td>
<td>WO-20260420-002</td>
<td>张丽萍</td>
<td><span class="tag tag-green">应急电话</span></td>
<td style="font-weight:500;">WO-20260420-002</td>
<td>张丽萍-女-38</td>
<td>EMP100456</td>
<td>采气厂</td>
<td>集输站</td>
<td><span class="tag tag-green">应急电话</span></td>
<td>2026-04-20 08:42:18</td>
<td>王坐席</td>
<td>西安应急中心</td>
<td>刘医生</td>
<td>王操作</td>
<td>陈驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><a class="link">详情</a></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>3</td>
<td>WO-20260419-015</td>
<td>陈伟东</td>
<td><span class="tag tag-red">拨打120</span></td>
<td style="font-weight:500;">WO-20260419-015</td>
<td>陈伟东-男-52</td>
<td>EMP100789</td>
<td>油田总医院</td>
<td>急诊科</td>
<td><span class="tag tag-red">拨打120</span></td>
<td>2026-04-19 22:05:47</td>
<td>赵坐席</td>
<td>庆阳应急中心</td>
<td>陈医生</td>
<td>赵操作</td>
<td>吴驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><a class="link">详情</a></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>4</td>
<td>WO-20260419-014</td>
<td>刘志强</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td style="font-weight:500;">WO-20260419-014</td>
<td>刘志强-男-41</td>
<td>EMP100102</td>
<td>采油一厂</td>
<td>作业二区</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-04-19 18:30:12</td>
<td>李坐席</td>
<td>延安应急中心</td>
<td>王医生</td>
<td>李操作</td>
<td>郑驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><a class="link">详情</a></td>
<td>事后补单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>5</td>
<td>WO-20260419-013</td>
<td>赵国庆</td>
<td><span class="tag tag-green">应急电话</span></td>
<td style="font-weight:500;">WO-20260419-013</td>
<td>赵国庆-男-36</td>
<td>EMP100335</td>
<td>采油二厂</td>
<td>注水站</td>
<td><span class="tag tag-green">应急电话</span></td>
<td>2026-04-19 16:12:55</td>
<td>王坐席</td>
<td>—</td>
<td><span class="tag tag-gray">已取消</span></td>
<td><a class="link">详情</a></td>
<td>西安应急中心</td>
<td>马医生</td>
<td>王操作</td>
<td>黄驻场</td>
<td><span class="tag tag-blue">进行中</span></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>6</td>
<td>WO-20260419-012</td>
<td>孙明亮</td>
<td><span class="tag tag-red">拨打120</span></td>
<td style="font-weight:500;">WO-20260419-012</td>
<td>孙明亮-男-48</td>
<td>EMP100567</td>
<td>采气厂</td>
<td>压缩站</td>
<td><span class="tag tag-red">拨打120</span></td>
<td>2026-04-19 14:28:03</td>
<td>赵坐席</td>
<td>庆阳应急中心</td>
<td>张医生</td>
<td>赵操作</td>
<td>林驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><a class="link">详情</a></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>7</td>
<td>WO-20260419-011</td>
<td>周文博</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td style="font-weight:500;">WO-20260419-011</td>
<td>周文博-男-29</td>
<td>EMP100890</td>
<td>采油一厂</td>
<td>作业三区</td>
<td><span class="tag tag-blue">应急视频</span></td>
<td>2026-04-19 11:45:20</td>
<td>李坐席</td>
<td>西安应急中心</td>
<td>刘医生</td>
<td><span class="tag tag-orange">待处理</span></td>
<td><a class="link">详情</a></td>
<td>李操作</td>
<td>张驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td>事后补单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
<tr>
<td>8</td>
<td>WO-20260419-010</td>
<td>吴海涛</td>
<td><span class="tag tag-green">应急电话</span></td>
<td style="font-weight:500;">WO-20260419-010</td>
<td>吴海涛-男-33</td>
<td>EMP100214</td>
<td>采油二厂</td>
<td>维修班</td>
<td><span class="tag tag-green">应急电话</span></td>
<td>2026-04-19 09:08:41</td>
<td>王坐席</td>
<td>延安应急中心</td>
<td>陈医生</td>
<td>王操作</td>
<td>吴驻场</td>
<td><span class="tag tag-green">已完成</span></td>
<td><a class="link">详情</a></td>
<td>正常派单</td>
<td><a class="link" href="#">详细过程</a></td>
</tr>
</tbody>
</table>
web-admin/emergency-dispatch/admin/resource-device.html → web-admin/emergency-dispatch/admin/resource-aed-certifier.html
+105 -99
View File
@@ -3,16 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - 设备管理 | 健康长庆原型</title>
<title>应急就医 - AED设备信息 - 取证人员 | 健康长庆原型</title>
<style>
/* 基础重置 */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
/* 设计令牌 */
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
/* 顶部导航栏 */
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
@@ -24,34 +19,34 @@
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
/* 侧边栏 */
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}
.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}
.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}
.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
/* 按钮 */
.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);}
/* 表格卡片 */
.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;}
@@ -62,28 +57,15 @@
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
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-orange{background:#FFF7E6;color:#FA8C16;}
.tag-gray{background:#F5F5F5;color:var(--text-secondary);}
/* 开关组件 */
.switch{position:relative;width:36px;height:20px;background:#ccc;border-radius:10px;cursor:pointer;transition:background .2s;border:none;padding: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);}
/* 操作链接 */
.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;}
@@ -124,15 +106,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<!-- 当前页：设备管理 -->
<a href="resource-device.html" class="sidebar-item active">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item active">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
@@ -156,20 +145,11 @@
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>设备名称：</label>
<input class="filter-input" type="text" placeholder="请输入设备名称">
<label>姓名：</label>
<input class="filter-input" type="text" placeholder="请输入姓名">
</div>
<div class="filter-item">
<label>设备类型：</label>
<select class="filter-select">
<option>全部</option>
<option>急救设备</option>
<option>监护设备</option>
<option>通讯设备</option>
</select>
</div>
<div class="filter-item">
<label>所属单位：</label>
<label>单位部门：</label>
<select class="filter-select">
<option>全部单位</option>
<option>长庆油田总部</option>
@@ -178,6 +158,15 @@
<option>第三采油厂</option>
</select>
</div>
<div class="filter-item">
<label>证书状态：</label>
<select class="filter-select">
<option>全部</option>
<option>有效</option>
<option>即将过期</option>
<option>已过期</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
@@ -186,10 +175,10 @@
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
新增设备
新增取证人员
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
</div>
@@ -197,95 +186,112 @@
<!-- 表格卡片 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">设备列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 28 条</div>
<div class="table-card__title">取证人员列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 18 条</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>设备名称</th>
<th>设备编号</th>
<th>设备类型</th>
<th>姓名</th>
<th>工号</th>
<th>所属单位</th>
<th>安装位置</th>
<th>购置时间</th>
<th>维保到期</th>
<th>状态</th>
<th>所属部门</th>
<th>联系电话</th>
<th>证书编号</th>
<th>证书类型</th>
<th>发证机构</th>
<th>取证日期</th>
<th>有效期至</th>
<th>证书状态</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">便携式心电监护仪</td>
<td>DEV-2025-001</td>
<td>监护设备</td>
<td style="font-weight:500;">张明</td>
<td>EMP-10021</td>
<td>长庆油田总部</td>
<td>总部医疗室</td>
<td>安全环保部</td>
<td>138****1001</td>
<td>AHA-2024-0156</td>
<td>红十字救护员</td>
<td>中国红十字会</td>
<td>2024-06-15</td>
<td>2026-06-15</td>
<td><button class="switch on" onclick="this.classList.toggle('on')"></button></td>
<td><span class="tag tag-green">有效</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">急救呼吸机</td>
<td>DEV-2025-002</td>
<td>急救设备</td>
<td>第一采油厂</td>
<td>采油一厂调度中心</td>
<td>2024-09-20</td>
<td style="font-weight:500;">李华</td>
<td>EMP-10035</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>139****2002</td>
<td>RC-2023-0892</td>
<td>红十字救护员</td>
<td>中国红十字会</td>
<td>2023-09-20</td>
<td>2026-09-20</td>
<td><button class="switch on" onclick="this.classList.toggle('on')"></button></td>
<td><span class="tag tag-green">有效</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">卫星电话</td>
<td>DEV-2025-003</td>
<td>通讯设备</td>
<td>第二采油厂</td>
<td>采油二厂值班室</td>
<td>2025-01-10</td>
<td>2027-01-10</td>
<td><button class="switch on" onclick="this.classList.toggle('on')"></button></td>
<td style="font-weight:500;">王强</td>
<td>EMP-20018</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>137****3003</td>
<td>AHA-2023-0421</td>
<td>红十字救护员</td>
<td>中国红十字会</td>
<td>2023-03-10</td>
<td>2025-03-10</td>
<td><span class="tag tag-red">已过期</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">便携式血氧仪</td>
<td>DEV-2025-004</td>
<td>监护设备</td>
<td>第三采油厂</td>
<td>采油三厂医务室</td>
<td>2025-02-18</td>
<td>2027-02-18</td>
<td><button class="switch" onclick="this.classList.toggle('on')"></button></td>
<td style="font-weight:500;">赵丽</td>
<td>EMP-30042</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>136****4004</td>
<td>RC-2024-1105</td>
<td>红十字救护员</td>
<td>中国红十字会</td>
<td>2024-11-05</td>
<td>2026-05-05</td>
<td><span class="tag tag-orange">即将过期</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">担架车</td>
<td>DEV-2025-005</td>
<td>急救设备</td>
<td>长庆油田总部</td>
<td>总部办公楼B1层</td>
<td>2024-11-05</td>
<td>2026-11-05</td>
<td><button class="switch on" onclick="this.classList.toggle('on')"></button></td>
<td style="font-weight:500;">陈伟</td>
<td>EMP-40056</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>135****5005</td>
<td>AHA-2025-0078</td>
<td>红十字救护员</td>
<td>中国红十字会</td>
<td>2025-01-18</td>
<td>2027-01-18</td>
<td><span class="tag tag-green">有效</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 28 条</span>
<span>共 18 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
web-admin/emergency-dispatch/admin/resource-aed-deploy.html
+352
View File
@@ -0,0 +1,352 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED设备信息 - 布点管理 | 健康长庆原型</title>
<style>
/* 基础重置 */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
/* 设计令牌 */
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
/* 顶部导航栏 */
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
/* 侧边栏 */
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}
.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}
.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}
.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
/* 按钮 */
.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);}
/* 表格卡片 */
.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{width:100%;border-collapse:collapse;}
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;}
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
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-orange{background:#FFF7E6;color:#FA8C16;}
.tag-gray{background:#F5F5F5;color:var(--text-secondary);}
/* 操作链接 */
.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);}
/* 图片缩略图 */
.thumb{width:60px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:#f0f0f0;border:1px solid var(--border);}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html">档案</a>
<a href="resource-hospital.html" class="active">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
返回首页
</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<!-- 侧边栏 -->
<aside class="sidebar">
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>
医院信息
</a>
<a href="resource-medical-point.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item active">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
</a>
<a href="resource-first-aid-kit.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
急救包信息
</a>
<a href="resource-doctor.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M8 6v2M7 7h2" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>
急救医生信息
</a>
<a href="resource-emergency-contact.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M11 2h3v12h-3M2 2h3v12H2" stroke="currentColor" stroke-width="1.4"/><path d="M8 5a2 2 0 110 4 2 2 0 010-4zM5 13c0-1.7 1.3-3 3-3s3 1.3 3 3" stroke="currentColor" stroke-width="1.2"/></svg>
紧急联系人信息
</a>
</aside>
<!-- 主内容区域 -->
<main class="main">
<!-- 筛选栏 -->
<div class="filter-bar">
<div class="filter-item">
<label>设备编号：</label>
<input class="filter-input" type="text" placeholder="请输入设备编号">
</div>
<div class="filter-item">
<label>单位部门：</label>
<select class="filter-select">
<option>全部单位</option>
<option>长庆油田总部</option>
<option>第一采油厂</option>
<option>第二采油厂</option>
<option>第三采油厂</option>
</select>
</div>
<div class="filter-item">
<label>设备状态：</label>
<select class="filter-select">
<option>全部</option>
<option>正常</option>
<option>异常</option>
<option>维修中</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
<!-- 操作按钮 -->
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
新增布点
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
批量导入
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
查看导入任务
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
查看导出任务
</button>
</div>
<!-- 表格卡片 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">布点管理列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 28 条</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>设备编号</th>
<th>设备厂家</th>
<th>设备型号</th>
<th>所属单位</th>
<th>所属部门</th>
<th>布放地址</th>
<th>布放图片</th>
<th>设备状态</th>
<th>设备电量</th>
<th>状态更新日期</th>
<th>摄像头监控</th>
<th>责任人</th>
<th>责任人电话</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">AED-2025-001</td>
<td>迈瑞</td>
<td>BeneHeart C1A</td>
<td>长庆油田总部</td>
<td>安全环保部</td>
<td>总部办公楼1层大厅</td>
<td><div class="thumb" style="display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;">图片</div></td>
<td><span class="tag tag-green">正常</span></td>
<td>95%</td>
<td>2026-04-18</td>
<td><span class="tag tag-green">已接入</span></td>
<td>张明</td>
<td>138****1001</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">AED-2025-002</td>
<td>飞利浦</td>
<td>HeartStart FRx</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>职工食堂入口处</td>
<td><div class="thumb" style="display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;">图片</div></td>
<td><span class="tag tag-green">正常</span></td>
<td>88%</td>
<td>2026-04-17</td>
<td><span class="tag tag-green">已接入</span></td>
<td>李华</td>
<td>139****2002</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">AED-2025-003</td>
<td>迈瑞</td>
<td>BeneHeart C2</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>调度中心1层</td>
<td><div class="thumb" style="display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;">图片</div></td>
<td><span class="tag tag-red">异常</span></td>
<td>12%</td>
<td>2026-04-15</td>
<td><span class="tag tag-gray">未接入</span></td>
<td>王强</td>
<td>137****3003</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">AED-2025-004</td>
<td>卓尔</td>
<td>AED Plus</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>值班室门口</td>
<td><div class="thumb" style="display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;">图片</div></td>
<td><span class="tag tag-orange">维修中</span></td>
<td>0%</td>
<td>2026-04-10</td>
<td><span class="tag tag-green">已接入</span></td>
<td>赵丽</td>
<td>136****4004</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">AED-2025-005</td>
<td>飞利浦</td>
<td>HeartStart HS1</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>体育馆入口</td>
<td><div class="thumb" style="display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;">图片</div></td>
<td><span class="tag tag-green">正常</span></td>
<td>76%</td>
<td>2026-04-19</td>
<td><span class="tag tag-green">已接入</span></td>
<td>陈伟</td>
<td>135****5005</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 28 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/resource-aed-maintenance.html
+220
View File
@@ -0,0 +1,220 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED设备信息 - 维护记录 | 健康长庆原型</title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
.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);}
.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{width:100%;border-collapse:collapse;}
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;}
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
tbody tr:last-child td{border-bottom:none;}tbody tr:hover{background:#F8FBFF;}
.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);}
</style>
</head>
<body>
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html">档案</a>
<a href="resource-hospital.html" class="active">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<aside class="sidebar">
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>医院信息</a>
<a href="resource-medical-point.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>医疗点信息</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left"><svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>AED设备信息</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item active">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>救护车信息</a>
<a href="resource-first-aid-kit.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>急救包信息</a>
<a href="resource-doctor.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M8 6v2M7 7h2" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>急救医生信息</a>
<a href="resource-emergency-contact.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M11 2h3v12h-3M2 2h3v12H2" stroke="currentColor" stroke-width="1.4"/><path d="M8 5a2 2 0 110 4 2 2 0 010-4zM5 13c0-1.7 1.3-3 3-3s3 1.3 3 3" stroke="currentColor" stroke-width="1.2"/></svg>紧急联系人信息</a>
</aside>
<main class="main">
<div class="filter-bar">
<div class="filter-item"><label>设备编号：</label><input class="filter-input" type="text" placeholder="请输入设备编号"></div>
<div class="filter-item"><label>所属单位：</label><select class="filter-select"><option>全部单位</option><option>长庆油田总部</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option></select></div>
<div class="filter-item"><label>所属部门：</label><select class="filter-select"><option>全部部门</option><option>安全环保部</option><option>生产运行部</option><option>综合管理部</option></select></div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>新增维护记录</button>
</div>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">维护记录列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 45 条</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>设备编号</th>
<th>设备厂家</th>
<th>设备型号</th>
<th>所属单位</th>
<th>所属部门</th>
<th>布放地址</th>
<th>维护内容</th>
<th>维护人</th>
<th>维护日期</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">AED-2025-001</td>
<td>迈瑞</td>
<td>BeneHeart C1A</td>
<td>长庆油田总部</td>
<td>安全环保部</td>
<td>总部办公楼1层大厅</td>
<td>更换电极片，清洁设备外壳</td>
<td>张明</td>
<td>2026-04-15</td>
<td><div class="action-btns"><span class="link">查看</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">AED-2025-002</td>
<td>飞利浦</td>
<td>HeartStart FRx</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>职工食堂入口处</td>
<td>电池电量检测，功能自检</td>
<td>李华</td>
<td>2026-04-12</td>
<td><div class="action-btns"><span class="link">查看</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">AED-2025-003</td>
<td>迈瑞</td>
<td>BeneHeart C2</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>调度中心1层</td>
<td>更换电池，软件升级</td>
<td>王强</td>
<td>2026-04-10</td>
<td><div class="action-btns"><span class="link">查看</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">AED-2025-004</td>
<td>卓尔</td>
<td>AED Plus</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>值班室门口</td>
<td>设备返厂维修，主板更换</td>
<td>赵丽</td>
<td>2026-04-08</td>
<td><div class="action-btns"><span class="link">查看</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">AED-2025-005</td>
<td>飞利浦</td>
<td>HeartStart HS1</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>体育馆入口</td>
<td>日常巡检，设备状态正常</td>
<td>陈伟</td>
<td>2026-04-05</td>
<td><div class="action-btns"><span class="link">查看</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 45 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<button class="page-btn">4</button>
<button class="page-btn">5</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/resource-aed-map.html
+245
View File
@@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED设备信息 - AED地图 | 健康长庆原型</title>
<style>
/* 基础重置 */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
/* 设计令牌 */
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
/* 顶部导航栏 */
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}
.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
/* 侧边栏 */
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}
.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}
.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}
.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .sidebar-item{padding-left:50px;font-size:var(--font-xs);}
/* 主内容区域 */
.main{margin-left:240px;margin-top:56px;padding:24px;height:calc(100vh - 56px);display:flex;flex-direction:column;}
/* 地图容器 */
.map-container{flex:1;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;min-height:500px;}
.map-bg{width:100%;height:100%;background:linear-gradient(135deg,#e8f4f8 0%,#d1e8d0 50%,#f0e6d3 100%);position:relative;}
/* 地图图标 */
.aed-marker{position:absolute;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s;}
.aed-marker:hover{transform:scale(1.15);}
.aed-marker__icon{width:36px;height:36px;background:#FF4D4F;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(255,77,79,0.4);}
.aed-marker__icon span{transform:rotate(45deg);color:#fff;font-size:10px;font-weight:700;}
.aed-marker__label{margin-top:4px;font-size:10px;color:var(--text-secondary);background:rgba(255,255,255,0.9);padding:1px 6px;border-radius:8px;white-space:nowrap;}
/* 弹窗 */
.map-popup{position:absolute;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:16px;width:280px;z-index:10;display:none;}
.map-popup.show{display:block;}
.map-popup__title{font-size:var(--font-base);font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;}
.map-popup__close{cursor:pointer;color:var(--text-placeholder);font-size:18px;line-height:1;}
.map-popup__close:hover{color:var(--text-primary);}
.map-popup__row{display:flex;margin-bottom:8px;font-size:var(--font-sm);}
.map-popup__label{color:var(--text-secondary);width:80px;flex-shrink:0;}
.map-popup__value{color:var(--text-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);}
.tag-red{background:#FFF1F0;color:var(--danger);}
/* 地图道路模拟 */
.map-road-h{position:absolute;height:2px;background:rgba(0,0,0,0.08);}
.map-road-v{position:absolute;width:2px;background:rgba(0,0,0,0.08);}
.map-label{position:absolute;font-size:11px;color:rgba(0,0,0,0.25);font-weight:500;}
/* 统计栏 */
.map-stats{display:flex;gap:16px;margin-bottom:16px;}
.stat-card{background:#fff;border-radius:var(--radius-md);padding:16px 24px;box-shadow:var(--shadow-sm);flex:1;display:flex;align-items:center;gap:12px;}
.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;}
.stat-card__icon--blue{background:var(--primary-light);color:var(--primary);}
.stat-card__icon--green{background:#F6FFED;color:var(--success);}
.stat-card__icon--red{background:#FFF1F0;color:var(--danger);}
.stat-card__icon--orange{background:#FFF7E6;color:#FA8C16;}
.stat-card__info{display:flex;flex-direction:column;}
.stat-card__num{font-size:var(--font-xl);font-weight:700;line-height:1.2;}
.stat-card__label{font-size:var(--font-xs);color:var(--text-secondary);}
</style>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html">档案</a>
<a href="resource-hospital.html" class="active">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
返回首页
</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<!-- 侧边栏 -->
<aside class="sidebar">
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>
医院信息
</a>
<a href="resource-medical-point.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item active">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
</a>
<a href="resource-first-aid-kit.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
急救包信息
</a>
<a href="resource-doctor.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M8 6v2M7 7h2" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>
急救医生信息
</a>
<a href="resource-emergency-contact.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M11 2h3v12h-3M2 2h3v12H2" stroke="currentColor" stroke-width="1.4"/><path d="M8 5a2 2 0 110 4 2 2 0 010-4zM5 13c0-1.7 1.3-3 3-3s3 1.3 3 3" stroke="currentColor" stroke-width="1.2"/></svg>
紧急联系人信息
</a>
</aside>
<!-- 主内容区域 -->
<main class="main">
<!-- 统计栏 -->
<div class="map-stats">
<div class="stat-card">
<div class="stat-card__icon stat-card__icon--blue">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="2" y="2" width="16" height="16" rx="3" stroke="currentColor" stroke-width="1.6"/><path d="M7 10l2 2 4-5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="stat-card__info"><span class="stat-card__num">32</span><span class="stat-card__label">设备总数</span></div>
</div>
<div class="stat-card">
<div class="stat-card__icon stat-card__icon--green">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="1.6"/><path d="M7 10l2 2 4-4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="stat-card__info"><span class="stat-card__num">26</span><span class="stat-card__label">正常运行</span></div>
</div>
<div class="stat-card">
<div class="stat-card__icon stat-card__icon--red">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="1.6"/><path d="M10 7v4M10 13v.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
</div>
<div class="stat-card__info"><span class="stat-card__num">4</span><span class="stat-card__label">异常设备</span></div>
</div>
<div class="stat-card">
<div class="stat-card__icon stat-card__icon--orange">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3a7 7 0 110 14 7 7 0 010-14z" stroke="currentColor" stroke-width="1.6"/><path d="M10 6v5l3 2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
</div>
<div class="stat-card__info"><span class="stat-card__num">2</span><span class="stat-card__label">维修中</span></div>
</div>
</div>
<!-- 地图区域 -->
<div class="map-container">
<div class="map-bg">
<!-- 模拟道路 -->
<div class="map-road-h" style="top:30%;left:5%;width:90%;"></div>
<div class="map-road-h" style="top:60%;left:10%;width:80%;"></div>
<div class="map-road-v" style="left:25%;top:10%;height:80%;"></div>
<div class="map-road-v" style="left:55%;top:5%;height:90%;"></div>
<div class="map-road-v" style="left:80%;top:15%;height:70%;"></div>
<!-- 区域标签 -->
<div class="map-label" style="top:12%;left:12%;">总部办公区</div>
<div class="map-label" style="top:15%;left:60%;">生活服务区</div>
<div class="map-label" style="top:70%;left:15%;">第一采油厂</div>
<div class="map-label" style="top:45%;left:62%;">第二采油厂</div>
<div class="map-label" style="top:75%;left:65%;">第三采油厂</div>
<!-- AED 图标标记 -->
<div class="aed-marker" style="top:22%;left:15%;" onclick="document.getElementById('popup1').classList.add('show')">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">办公楼大厅</div>
</div>
<div class="aed-marker" style="top:25%;left:40%;" onclick="document.getElementById('popup2').classList.add('show')">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">职工食堂</div>
</div>
<div class="aed-marker" style="top:50%;left:30%;">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">会议中心</div>
</div>
<div class="aed-marker" style="top:40%;left:70%;">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">值班室</div>
</div>
<div class="aed-marker" style="top:68%;left:50%;">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">调度中心</div>
</div>
<div class="aed-marker" style="top:80%;left:75%;">
<div class="aed-marker__icon"><span>AED</span></div>
<div class="aed-marker__label">体育馆</div>
</div>
<!-- 弹窗示例 -->
<div class="map-popup show" id="popup1" style="top:8%;left:22%;">
<div class="map-popup__title">AED-2025-001 <span class="map-popup__close" onclick="this.closest('.map-popup').classList.remove('show')">&times;</span></div>
<div class="map-popup__row"><span class="map-popup__label">厂家型号</span><span class="map-popup__value">迈瑞 BeneHeart C1A</span></div>
<div class="map-popup__row"><span class="map-popup__label">布放地址</span><span class="map-popup__value">总部办公楼1层大厅</span></div>
<div class="map-popup__row"><span class="map-popup__label">所属单位</span><span class="map-popup__value">公司机关·健康科</span></div>
<div class="map-popup__row"><span class="map-popup__label">设备状态</span><span class="map-popup__value"><span class="tag tag-green">正常</span></span></div>
<div class="map-popup__row"><span class="map-popup__label">责任人</span><span class="map-popup__value">张明 138****1001</span></div>
</div>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/resource-aed-training.html
+241
View File
@@ -0,0 +1,241 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED设备信息 - 培演记录 | 健康长庆原型</title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
.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);}
.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{width:100%;border-collapse:collapse;}
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;}
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
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-orange{background:#FFF7E6;color:#FA8C16;}
.tag-blue{background:var(--primary-light);color:var(--primary);}
.tag-gray{background:#F5F5F5;color:var(--text-secondary);}
.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);}
.thumb{width:60px;height:40px;border-radius:var(--radius-sm);background:#f0f0f0;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-placeholder);font-size:10px;}
</style>
</head>
<body>
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html">档案</a>
<a href="resource-hospital.html" class="active">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<aside class="sidebar">
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>医院信息</a>
<a href="resource-medical-point.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>医疗点信息</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left"><svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>AED设备信息</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item active">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>救护车信息</a>
<a href="resource-first-aid-kit.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>急救包信息</a>
<a href="resource-doctor.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M8 6v2M7 7h2" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>急救医生信息</a>
<a href="resource-emergency-contact.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M11 2h3v12h-3M2 2h3v12H2" stroke="currentColor" stroke-width="1.4"/><path d="M8 5a2 2 0 110 4 2 2 0 010-4zM5 13c0-1.7 1.3-3 3-3s3 1.3 3 3" stroke="currentColor" stroke-width="1.2"/></svg>紧急联系人信息</a>
</aside>
<main class="main">
<div class="filter-bar">
<div class="filter-item"><label>设备编号：</label><input class="filter-input" type="text" placeholder="请输入设备编号"></div>
<div class="filter-item"><label>所属单位：</label><select class="filter-select"><option>全部单位</option><option>长庆油田总部</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option></select></div>
<div class="filter-item"><label>所属部门：</label><select class="filter-select"><option>全部部门</option><option>安全环保部</option><option>生产运行部</option><option>综合管理部</option></select></div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>新增培演记录</button>
</div>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">培演记录列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 12 条</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>设备编号</th>
<th>所属单位</th>
<th>所属部门</th>
<th>布放地址</th>
<th>活动标题</th>
<th>活动日期</th>
<th>负责人</th>
<th>参加人数</th>
<th>签到表</th>
<th>现场照片</th>
<th>现场视频</th>
<th>活动资料</th>
<th>活动效果</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td style="font-weight:500;">AED-2025-001</td>
<td>长庆油田总部</td>
<td>安全环保部</td>
<td>总部办公楼1层大厅</td>
<td>2026年Q1 AED使用培训</td>
<td>2026-03-20</td>
<td>张明</td>
<td>45</td>
<td><div class="thumb">图片</div></td>
<td><div class="thumb">图片</div></td>
<td><span class="link">播放</span></td>
<td><span class="link">下载</span></td>
<td><span class="tag tag-green">优</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td style="font-weight:500;">AED-2025-002</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>职工食堂入口处</td>
<td>AED应急演练（食堂场景）</td>
<td>2026-03-15</td>
<td>李华</td>
<td>30</td>
<td><div class="thumb">图片</div></td>
<td><div class="thumb">图片</div></td>
<td><span class="link">播放</span></td>
<td><span class="link">下载</span></td>
<td><span class="tag tag-blue">良</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td style="font-weight:500;">AED-2025-003</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>调度中心1层</td>
<td>新员工急救培训</td>
<td>2026-02-28</td>
<td>王强</td>
<td>22</td>
<td><div class="thumb">图片</div></td>
<td><div class="thumb">图片</div></td>
<td><span class="link">播放</span></td>
<td><span class="link">下载</span></td>
<td><span class="tag tag-orange">中</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td style="font-weight:500;">AED-2025-005</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>体育馆入口</td>
<td>体育馆AED使用演练</td>
<td>2026-02-15</td>
<td>陈伟</td>
<td>60</td>
<td><div class="thumb">图片</div></td>
<td><div class="thumb">图片</div></td>
<td><span class="link">播放</span></td>
<td><span class="link">下载</span></td>
<td><span class="tag tag-green">优</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td style="font-weight:500;">AED-2025-004</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>值班室门口</td>
<td>值班人员AED操作考核</td>
<td>2026-01-20</td>
<td>赵丽</td>
<td>18</td>
<td><div class="thumb">图片</div></td>
<td><div class="thumb">图片</div></td>
<td><span class="link">播放</span></td>
<td><span class="link">下载</span></td>
<td><span class="tag tag-gray">差</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 12 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/resource-aed-usage.html
+231
View File
@@ -0,0 +1,231 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED设备信息 - 应用记录 | 健康长庆原型</title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#F5F7FA;color:#333;min-width:1280px;}
:root{--primary:#1890FF;--primary-light:#E6F7FF;--success:#52C41A;--warning:#FAAD14;--danger:#FF4D4F;--text-primary:#333;--text-secondary:#666;--text-placeholder:#999;--border:#E8E8E8;--background:#F5F7FA;--font-xs:11px;--font-sm:13px;--font-base:15px;--font-lg:17px;--font-xl:20px;--font-xxl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);}
.top-bar{display:flex;align-items:center;height:56px;background:#001529;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:100;}
.top-bar__logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:var(--font-lg);font-weight:600;width:240px;flex-shrink:0;white-space:nowrap;}
.top-bar__logo svg{width:28px;height:28px;}
.top-bar__nav{display:flex;align-items:center;gap:4px;flex:1;}
.top-bar__nav a{color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);transition:all .2s;}
.top-bar__nav a:hover{color:#fff;background:rgba(255,255,255,0.08);}
.top-bar__nav a.active{color:#fff;background:var(--primary);}
.top-bar__right{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);}
.btn-back{color:rgba(255,255,255,0.65);cursor:pointer;display:flex;align-items:center;gap:4px;text-decoration:none;}.btn-back:hover{color:#fff;}
.avatar{width:32px;height:32px;border-radius:50%;background:#1890FF;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-sm);}
.sidebar{position:fixed;top:56px;left:0;bottom:0;width:240px;background:#001529;overflow-y:auto;z-index:90;}
.sidebar-group-title{color:rgba(255,255,255,0.35);font-size:var(--font-xs);padding:16px 24px 8px;letter-spacing:.5px;}
.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;text-decoration:none;}
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
.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);}
.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{width:100%;border-collapse:collapse;}
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;}
tbody td{padding:14px 16px;font-size:var(--font-sm);border-bottom:1px solid var(--border);white-space:nowrap;}
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);}
.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);}
</style>
</head>
<body>
<div class="top-bar">
<div class="top-bar__logo">
<svg viewBox="0 0 28 28" fill="none"><rect width="28" height="28" rx="6" fill="#1890FF"/><path d="M14 6v7l5 3" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="14" cy="14" r="8" stroke="#fff" stroke-width="2" fill="none"/></svg>
应急就医–管理员
</div>
<nav class="top-bar__nav">
<a href="archive-personal.html">档案</a>
<a href="resource-hospital.html" class="active">应急资源</a>
<a href="center-basic-info.html">应急中心</a>
<a href="exception-result.html">异常事件</a>
</nav>
<div class="top-bar__right">
<a class="btn-back" href="../../../index.html"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>返回首页</a>
<div class="avatar">管</div>
<span style="color:rgba(255,255,255,0.65);">系统管理员 ▾</span>
</div>
</div>
<aside class="sidebar">
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>医院信息</a>
<a href="resource-medical-point.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>医疗点信息</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left"><svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>AED设备信息</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item active">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>救护车信息</a>
<a href="resource-first-aid-kit.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>急救包信息</a>
<a href="resource-doctor.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M8 6v2M7 7h2" stroke="currentColor" stroke-width="1" stroke-linecap="round"/></svg>急救医生信息</a>
<a href="resource-emergency-contact.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M11 2h3v12h-3M2 2h3v12H2" stroke="currentColor" stroke-width="1.4"/><path d="M8 5a2 2 0 110 4 2 2 0 010-4zM5 13c0-1.7 1.3-3 3-3s3 1.3 3 3" stroke="currentColor" stroke-width="1.2"/></svg>紧急联系人信息</a>
</aside>
<main class="main">
<div class="filter-bar">
<div class="filter-item"><label>设备编号：</label><input class="filter-input" type="text" placeholder="请输入设备编号"></div>
<div class="filter-item"><label>所属单位：</label><select class="filter-select"><option>全部单位</option><option>长庆油田总部</option><option>第一采油厂</option><option>第二采油厂</option><option>第三采油厂</option></select></div>
<div class="filter-item"><label>所属部门：</label><select class="filter-select"><option>全部部门</option><option>安全环保部</option><option>生产运行部</option><option>综合管理部</option></select></div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>新增应用记录</button>
</div>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">应用记录列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 8 条</div>
</div>
<div class="table-card__content">
<table>
<thead>
<tr>
<th>序号</th>
<th>设备编号</th>
<th>所属单位</th>
<th>所属部门</th>
<th>布放地址</th>
<th>使用日期</th>
<th>被救治人</th>
<th>症状(呼吸)</th>
<th>症状(意识)</th>
<th>使用人</th>
<th>使用过程说明</th>
<th>应用结果</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">AED-2025-001</td>
<td>长庆油田总部</td>
<td>安全环保部</td>
<td>总部办公楼1层大厅</td>
<td>2026-04-18</td>
<td>刘某某</td>
<td>无呼吸</td>
<td>无意识</td>
<td>张明</td>
<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">发现患者倒地后立即取用AED，按语音提示实施电击除颤…</td>
<td><span class="tag tag-green">救治成功</span></td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">AED-2025-005</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>体育馆入口</td>
<td>2026-03-25</td>
<td>周某某</td>
<td>有呼吸</td>
<td>无意识</td>
<td>陈伟</td>
<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">运动中突发晕厥，取用AED检测后提示无需电击，持续CPR…</td>
<td><span class="tag tag-green">救治成功</span></td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">AED-2025-002</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>职工食堂入口处</td>
<td>2026-02-10</td>
<td>孙某某</td>
<td>无呼吸</td>
<td>无意识</td>
<td>李华</td>
<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">就餐时突发心脏骤停，迅速取用AED进行两次电击除颤…</td>
<td><span class="tag tag-red">救治失败</span></td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">AED-2025-003</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>调度中心1层</td>
<td>2026-01-15</td>
<td>吴某某</td>
<td>有呼吸</td>
<td>有意识</td>
<td>王强</td>
<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">员工突感胸闷不适，预防性取用AED待命，后自行恢复…</td>
<td><span class="tag tag-green">救治成功</span></td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">AED-2025-004</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>值班室门口</td>
<td>2025-12-20</td>
<td>郑某某</td>
<td>无呼吸</td>
<td>无意识</td>
<td>赵丽</td>
<td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">夜间值班时发现同事倒地，取用AED电击一次后恢复心跳…</td>
<td><span class="tag tag-green">救治成功</span></td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 8 条</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
</body>
</html>
web-admin/emergency-dispatch/admin/resource-aed.html
+97 -60
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>应急就医 - AED组网 | 健康长庆原型</title>
<title>应急就医 - AED设备信息 - 设备管理 | 健康长庆原型</title>
<style>
/* 基础重置 */
*{box-sizing:border-box;margin:0;padding:0;}
@@ -32,6 +32,17 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}
.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}
.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}
.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .sidebar-item{padding-left:50px;font-size:var(--font-xs);}
/* 主内容区域 */
.main{margin-left:240px;margin-top:56px;padding:24px;}
@@ -118,14 +129,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item active">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent active" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow open" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu open">
<a href="resource-aed.html" class="sidebar-item active">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
@@ -153,11 +172,7 @@
<input class="filter-input" type="text" placeholder="请输入设备编号">
</div>
<div class="filter-item">
<label>安装位置：</label>
<input class="filter-input" type="text" placeholder="请输入安装位置">
</div>
<div class="filter-item">
<label>所属单位：</label>
<label>单位部门：</label>
<select class="filter-select">
<option>全部单位</option>
<option>长庆油田总部</option>
@@ -166,15 +181,7 @@
<option>第三采油厂</option>
</select>
</div>
<div class="filter-item">
<label>设备状态：</label>
<select class="filter-select">
<option>全部</option>
<option>正常</option>
<option>异常</option>
<option>维修中</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
@@ -183,11 +190,23 @@
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
新增AED设备
新增
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
批量导入
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
查看导入任务
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 4v-2h10v2M7 12V5M4.5 7.5L7 5l2.5 2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
查看导出任务
</button>
</div>
@@ -203,13 +222,16 @@
<tr>
<th>序号</th>
<th>设备编号</th>
<th>品牌型号</th>
<th>安装位置</th>
<th>设备厂家</th>
<th>设备型号</th>
<th>所属单位</th>
<th>安装时间</th>
<th>电极片到期时间</th>
<th>电池到期时间</th>
<th>设备状态</th>
<th>所属部门</th>
<th>设备类型</th>
<th>入库日期</th>
<th>管理部门</th>
<th>管理人</th>
<th>管理人电话</th>
<th>厂家电话</th>
<th>操作</th>
</tr>
</thead>
@@ -217,62 +239,77 @@
<tr>
<td>1</td>
<td style="font-weight:500;">AED-2025-001</td>
<td>迈瑞 BeneHeart C1A</td>
<td>总部办公楼1层大厅</td>
<td>迈瑞</td>
<td>BeneHeart C1A</td>
<td>长庆油田总部</td>
<td>安全环保部</td>
<td>立式</td>
<td>2025-03-15</td>
<td>2027-03-15</td>
<td>2029-03-15</td>
<td><span class="tag tag-green">正常</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td>安全环保部</td>
<td>张明</td>
<td>138****1001</td>
<td>400-700-8899</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">AED-2025-002</td>
<td>飞利浦 HeartStart FRx</td>
<td>职工食堂入口处</td>
<td>飞利浦</td>
<td>HeartStart FRx</td>
<td>长庆油田总部</td>
<td>综合管理部</td>
<td>挂式</td>
<td>2025-04-01</td>
<td>2027-04-01</td>
<td>2029-04-01</td>
<td><span class="tag tag-green">正常</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td>综合管理部</td>
<td>李华</td>
<td>139****2002</td>
<td>400-880-1234</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">AED-2025-003</td>
<td>迈瑞 BeneHeart C2</td>
<td>第一采油厂调度中心</td>
<td>迈瑞</td>
<td>BeneHeart C2</td>
<td>第一采油厂</td>
<td>生产运行部</td>
<td>立式</td>
<td>2025-05-10</td>
<td>2027-05-10</td>
<td>2029-05-10</td>
<td><span class="tag tag-red">异常</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td>安全环保部</td>
<td>王强</td>
<td>137****3003</td>
<td>400-700-8899</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">AED-2025-004</td>
<td>卓尔 AED Plus</td>
<td>第二采油厂值班室</td>
<td>卓尔</td>
<td>AED Plus</td>
<td>第二采油厂</td>
<td>安全环保部</td>
<td>挂式</td>
<td>2025-06-20</td>
<td>2027-06-20</td>
<td>2029-06-20</td>
<td><span class="tag tag-orange">维修中</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td>生产运行部</td>
<td>赵丽</td>
<td>136****4004</td>
<td>400-990-5678</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">AED-2025-005</td>
<td>飞利浦 HeartStart HS1</td>
<td>第三采油厂体育馆</td>
<td>飞利浦</td>
<td>HeartStart HS1</td>
<td>第三采油厂</td>
<td>综合管理部</td>
<td>立式</td>
<td>2025-07-08</td>
<td>2027-07-08</td>
<td>2029-07-08</td>
<td><span class="tag tag-green">正常</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td>安全环保部</td>
<td>陈伟</td>
<td>135****5005</td>
<td>400-880-1234</td>
<td><div class="action-btns"><span class="link">详情</span><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
</tbody>
</table>
web-admin/emergency-dispatch/admin/resource-ambulance.html
+116 -75
View File
@@ -32,6 +32,12 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .sidebar-item{padding-left:50px;font-size:var(--font-xs);}
/* 主内容区域 */
.main{margin-left:240px;margin-top:56px;padding:24px;}
@@ -118,14 +124,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<!-- 当前页：救护车信息 -->
<a href="resource-ambulance.html" class="sidebar-item active">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
@@ -151,12 +165,12 @@
<div class="filter-bar">
<div class="filter-item">
<label>车牌号：</label>
<input class="filter-input" type="text" placeholder="请输入车牌号">
<input class="filter-input" type="text" placeholder="请输入">
</div>
<div class="filter-item">
<label>所属单位：</label>
<select class="filter-select">
<option>全部单位</option>
<option>请选择</option>
<option>长庆油田总部</option>
<option>第一采油厂</option>
<option>第二采油厂</option>
@@ -164,12 +178,21 @@
</select>
</div>
<div class="filter-item">
<label>车辆状态：</label>
<label>所属医疗点：</label>
<select class="filter-select">
<option>全部</option>
<option>在线</option>
<option>离线</option>
<option>维修中</option>
<option>请选择</option>
<option>长庆油田总部医疗点</option>
<option>第一采油厂南梁健康管理服务中心</option>
<option>第二采油厂南梁健康管理服务中心</option>
</select>
</div>
<div class="filter-item">
<label>救护类型：</label>
<select class="filter-select">
<option>请选择</option>
<option>转运型</option>
<option>监护型</option>
<option>急救型</option>
</select>
</div>
<button class="btn btn-primary">查询</button>
@@ -179,20 +202,20 @@
<!-- 操作按钮 -->
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
新增救护车
</button>
<button class="btn btn-default">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 10v2h10v-2M7 2v7M4.5 6.5L7 9l2.5-2.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
导出列表数据
</button>
<button class="btn btn-primary" style="background:#fff;color:var(--primary);border:1px solid var(--primary);">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.2"/><path d="M7 4.5v5M4.5 7h5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
查看导出任务
</button>
</div>
<!-- 表格卡片 -->
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">救护车列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 18 条</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 243 条</div>
</div>
<div class="table-card__content">
<table>
@@ -200,87 +223,105 @@
<tr>
<th>序号</th>
<th>车牌号</th>
<th>车辆类型</th>
<th>救护类型</th>
<th>车型</th>
<th>所属医疗点</th>
<th>所属单位</th>
<th>驾驶员</th>
<th>联系电话</th>
<th>购置时间</th>
<th>年检到期</th>
<th>状态</th>
<th>驾驶员姓名</th>
<th>驾驶员联系电话</th>
<th>覆盖区域</th>
<th>覆盖人数</th>
<th>是否安装GPS</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td style="font-weight:500;">陕A·120E1</td>
<td>普通型救护车</td>
<td>长庆油田总部</td>
<td>张志强</td>
<td>138****5621</td>
<td>2023-05-10</td>
<td>2026-05-10</td>
<td><span class="tag tag-green">在线</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td style="font-weight:500;">宁ALY120</td>
<td>转运型</td>
<td>急救转运</td>
<td>第二采油厂南梁健康管理服务中心</td>
<td>第二采油厂</td>
<td>郭青</td>
<td>13402990768</td>
<td>第二采油厂</td>
<td>522</td>
<td>否</td>
<td><span class="link">详情</span></td>
</tr>
<tr>
<td>2</td>
<td style="font-weight:500;">陕A·120E2</td>
<td>急救型救护车</td>
<td>长庆油田总部</td>
<td>李国栋</td>
<td>139****3782</td>
<td>2024-01-15</td>
<td>2027-01-15</td>
<td><span class="tag tag-green">在线</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td style="font-weight:500;">陕K·120E1</td>
<td>监护型</td>
<td>急救监护</td>
<td>第一采油厂南梁健康管理服务中心</td>
<td>第一采油厂</td>
<td>王建军</td>
<td>13709156823</td>
<td>第一采油厂</td>
<td>480</td>
<td>是</td>
<td><span class="link">详情</span></td>
</tr>
<tr>
<td>3</td>
<td style="font-weight:500;">陕K·120F1</td>
<td>普通型救护车</td>
<td>第一采油厂</td>
<td>王建军</td>
<td>137****9156</td>
<td>2022-08-20</td>
<td>2025-08-20</td>
<td><span class="tag tag-gray">离线</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td style="font-weight:500;">陕A·120F3</td>
<td>急救型</td>
<td>急救转运</td>
<td>长庆油田总部医疗点</td>
<td>长庆油田总部</td>
<td>张志强</td>
<td>13856217890</td>
<td>长庆油田总部</td>
<td>615</td>
<td>是</td>
<td><span class="link">详情</span></td>
</tr>
<tr>
<td>4</td>
<td style="font-weight:500;">陕K·120F2</td>
<td>急救型救护车</td>
<td>第二采油厂</td>
<td>赵明辉</td>
<td>136****4829</td>
<td>2023-11-05</td>
<td>2026-11-05</td>
<td><span class="tag tag-orange">维修中</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td style="font-weight:500;">陕K·120G2</td>
<td>转运型</td>
<td>急救转运</td>
<td>第三采油厂健康管理服务中心</td>
<td>第三采油厂</td>
<td>陈伟东</td>
<td>13572134567</td>
<td>第三采油厂</td>
<td>398</td>
<td>否</td>
<td><span class="link">详情</span></td>
</tr>
<tr>
<td>5</td>
<td style="font-weight:500;">陕K·120G1</td>
<td>普通型救护车</td>
<td>第三采油厂</td>
<td>陈伟东</td>
<td>135****7213</td>
<td>2024-03-22</td>
<td>2027-03-22</td>
<td><span class="tag tag-green">在线</span></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
<td style="font-weight:500;">陕K·120F2</td>
<td>监护型</td>
<td>急救监护</td>
<td>第二采油厂南梁健康管理服务中心</td>
<td>第二采油厂</td>
<td>赵明辉</td>
<td>13648291035</td>
<td>第二采油厂</td>
<td>522</td>
<td>是</td>
<td><span class="link">详情</span></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination">
<span>共 18 条</span>
<span style="color:var(--text-placeholder);flex:1;">救护车数据来源于一线医疗点模块，由医护人员在一线医疗点进行维护，此模块仅进行查看</span>
<span>共 243 条</span>
<span>显示 10 条 ▾</span>
<button class="page-btn">‹</button>
<button class="page-btn active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">1</button>
<button class="page-btn">…</button>
<button class="page-btn">10</button>
<button class="page-btn active">11</button>
<button class="page-btn">12</button>
<button class="page-btn">…</button>
<button class="page-btn">50</button>
<button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
web-admin/emergency-dispatch/admin/resource-doctor.html
+22 -8
View File
@@ -32,6 +32,12 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .sidebar-item{padding-left:50px;font-size:var(--font-xs);}
/* 主内容区域 */
.main{margin-left:240px;margin-top:56px;padding:24px;}
@@ -124,14 +130,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
web-admin/emergency-dispatch/admin/resource-emergency-contact.html
+22 -8
View File
@@ -25,6 +25,12 @@ 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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
@@ -103,14 +109,22 @@ tbody tr:hover{background:#F8FBFF;}
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
web-admin/emergency-dispatch/admin/resource-first-aid-kit.html
+22 -8
View File
@@ -32,6 +32,12 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .sidebar-item{padding-left:50px;font-size:var(--font-xs);}
/* 主内容区域 */
.main{margin-left:240px;margin-top:56px;padding:24px;}
@@ -118,14 +124,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
web-admin/emergency-dispatch/admin/resource-hospital.html
+175 -18
View File
@@ -25,6 +25,12 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
@@ -68,6 +74,40 @@
.level-3a{color:#722ED1;}
.level-3{color:var(--primary);}
.level-2{color:var(--success);}
/* 抽屉弹窗 */
.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:-480px;bottom:0;width:480px;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:20px 24px;border-bottom:1px solid var(--border);}
.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-y:auto;padding:24px;}
.drawer__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;}
.form-group{margin-bottom:24px;}
.form-label{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:4px;}
.form-label .required{color:var(--danger);}
.form-control{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;background:#fff;}
.form-control:focus{border-color:var(--primary);}
.form-textarea{width:100%;min-height:72px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;background:#fff;resize:vertical;font-family:inherit;}
.form-textarea:focus{border-color:var(--primary);}
.info-card{background:var(--primary-light);border-radius:var(--radius-sm);padding:12px 16px;margin-top:8px;}
.info-card__row{display:flex;justify-content:space-between;font-size:var(--font-sm);line-height:1.8;}
.info-card__label{color:var(--text-secondary);}
.info-card__value{color:var(--text-primary);font-weight:500;}
.switch-row{display:flex;align-items:center;gap:10px;}
.switch-row span{font-size:var(--font-sm);color:var(--text-primary);}
/* 搜索下拉 */
.search-select{position:relative;}
.search-select__input{width:100%;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 32px 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;}
.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);max-height:220px;overflow-y:auto;z-index:10;display:none;}
.search-select__dropdown.show{display:block;}
.search-select__option{padding:8px 12px;font-size:var(--font-sm);cursor:pointer;transition:background .15s;}
.search-select__option:hover{background:var(--primary-light);}
.search-select__option.selected{color:var(--primary);font-weight:500;}
.search-select__empty{padding:16px 12px;font-size:var(--font-sm);color:var(--text-placeholder);text-align:center;}
</style>
</head>
<body>
@@ -102,14 +142,22 @@
<svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
医疗点信息
</a>
<a href="resource-aed.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED组网
</a>
<a href="resource-device.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
设备管理
</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left">
<svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>
AED设备信息
</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item">
<svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
救护车信息
@@ -150,7 +198,7 @@
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary">
<button class="btn btn-primary" onclick="openDrawer()">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
新增医院
</button>
@@ -163,7 +211,6 @@
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">医院列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 48 条</div>
</div>
<div class="table-card__content">
<table>
@@ -174,7 +221,8 @@
<th>等级</th>
<th>地址</th>
<th>联系电话</th>
<th>急救科室数</th>
<th>医院简介</th>
<th>应急专长</th>
<th>状态</th>
<th>操作</th>
</tr>
@@ -186,7 +234,8 @@
<td><span class="hospital-level level-3a">三级甲等</span></td>
<td>陕西省西安市雁塔区</td>
<td>029-85323112</td>
<td>12</td>
<td>综合性三甲教学医院，西北地区医疗中心</td>
<td>心脑血管急救、创伤外科</td>
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
@@ -196,7 +245,8 @@
<td><span class="hospital-level level-3">三级</span></td>
<td>陕西省西安市未央区</td>
<td>029-86518000</td>
<td>8</td>
<td>长庆油田直属职工医疗保障机构</td>
<td>职业病防治、常规急救</td>
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
@@ -206,7 +256,8 @@
<td><span class="hospital-level level-3a">三级甲等</span></td>
<td>陕西省西安市碑林区</td>
<td>029-85251331</td>
<td>15</td>
<td>省属大型综合三甲医院</td>
<td>急诊重症、中毒救治</td>
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
@@ -216,7 +267,8 @@
<td><span class="hospital-level level-2">二级甲等</span></td>
<td>甘肃省庆阳市西峰区</td>
<td>0934-8612116</td>
<td>5</td>
<td>庆阳地区综合性二甲医院</td>
<td>基层急救、骨伤科</td>
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
@@ -226,7 +278,8 @@
<td><span class="hospital-level level-3">三级</span></td>
<td>陕西省延安市宝塔区</td>
<td>0911-2881111</td>
<td>10</td>
<td>延安区域重点综合医院</td>
<td>野外急救、高原病救治</td>
<td><div class="switch" onclick="this.classList.toggle('on')"></div></td>
<td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td>
</tr>
@@ -246,5 +299,109 @@
</div>
</div>
</main>
</body>
</html>
<!-- 新增医院抽屉 -->
<div class="drawer-mask" id="drawerMask" onclick="closeDrawer()"></div>
<div class="drawer" id="drawer">
<div class="drawer__header">
<div class="drawer__title">新增医院</div>
<button class="drawer__close" onclick="closeDrawer()">&times;</button>
</div>
<div class="drawer__body">
<!-- 选择医院 -->
<div class="form-group">
<div class="form-label"><span class="required">*</span> 选择医院</div>
<div class="search-select" id="hospitalSelect">
<input class="search-select__input" id="hospitalSearch" type="text" placeholder="请输入医院名称搜索" autocomplete="off" onfocus="showDropdown()" oninput="filterHospitals()">
<div class="search-select__dropdown" id="hospitalDropdown"></div>
</div>
<div class="info-card" id="hospitalInfo" style="display:none;">
<div class="info-card__row">
<span class="info-card__label">等级：</span>
<span class="info-card__value" id="infoLevel"></span>
</div>
<div class="info-card__row">
<span class="info-card__label">地址：</span>
<span class="info-card__value" id="infoAddr"></span>
</div>
<div class="info-card__row">
<!-- <span class="info-card__label">联系电话：</span>-->
<!-- <span class="info-card__value" id="infoPhone"></span>-->
</div>
</div>
</div>
<!-- 应急专长 -->
<div class="form-group">
<div class="form-label"><span class="required">*</span> 应急专长</div>
<textarea class="form-textarea" placeholder="请输入应急专长，如：心脑血管急救、创伤外科"></textarea>
</div>
<!-- 状态 -->
<div class="form-group">
<div class="form-label">状态</div>
<div class="switch-row">
<div class="switch on" onclick="this.classList.toggle('on')"></div>
<span>移动端是否显示</span>
</div>
</div>
</div>
<div class="drawer__footer">
<button class="btn btn-default" onclick="closeDrawer()">取消</button>
<button class="btn btn-primary" onclick="closeDrawer()">确认保存</button>
</div>
</div>
<script>
/* 内置医院数据 */
var hospitals=[
{name:'西安交通大学第一附属医院',level:'三级甲等',addr:'陕西省西安市雁塔区',phone:'029-85323112'},
{name:'西安交通大学第二附属医院',level:'三级甲等',addr:'陕西省西安市新城区',phone:'029-87679000'},
{name:'长庆油田职工医院',level:'三级',addr:'陕西省西安市未央区',phone:'029-86518000'},
{name:'陕西省人民医院',level:'三级甲等',addr:'陕西省西安市碑林区',phone:'029-85251331'},
{name:'空军军医大学西京医院',level:'三级甲等',addr:'陕西省西安市新城区',phone:'029-84775507'},
{name:'空军军医大学唐都医院',level:'三级甲等',addr:'陕西省西安市灞桥区',phone:'029-84777777'},
{name:'西安市中心医院',level:'三级甲等',addr:'陕西省西安市新城区',phone:'029-87268355'},
{name:'庆阳市人民医院',level:'二级甲等',addr:'甘肃省庆阳市西峰区',phone:'0934-8612116'},
{name:'延安大学附属医院',level:'三级',addr:'陕西省延安市宝塔区',phone:'0911-2881111'},
{name:'西安市第四医院',level:'三级甲等',addr:'陕西省西安市碑林区',phone:'029-87480721'},
{name:'陕西中医药大学附属医院',level:'三级甲等',addr:'陕西省咸阳市秦都区',phone:'029-33320001'}
];
/* 打开/关闭抽屉 */
function openDrawer(){
document.getElementById('drawerMask').classList.add('open');
document.getElementById('drawer').classList.add('open');
}
function closeDrawer(){
document.getElementById('drawerMask').classList.remove('open');
document.getElementById('drawer').classList.remove('open');
/* 重置表单 */
document.getElementById('hospitalSearch').value='';
document.getElementById('hospitalInfo').style.display='none';
document.getElementById('hospitalDropdown').classList.remove('show');
}
/* 搜索下拉 */
function showDropdown(){filterHospitals();}
function filterHospitals(){
var kw=document.getElementById('hospitalSearch').value.trim().toLowerCase();
var dd=document.getElementById('hospitalDropdown');
var list=hospitals.filter(function(h){return !kw||h.name.toLowerCase().indexOf(kw)!==-1;});
if(!list.length){dd.innerHTML='<div class="search-select__empty">无匹配医院</div>';dd.classList.add('show');return;}
dd.innerHTML=list.map(function(h){return '<div class="search-select__option" onclick="selectHospital(\''+h.name+'\')">'+h.name+'<span style="float:right;color:var(--text-placeholder);font-size:11px;">'+h.level+'</span></div>';}).join('');
dd.classList.add('show');
}
function selectHospital(name){
var h=hospitals.find(function(x){return x.name===name;});
if(!h)return;
document.getElementById('hospitalSearch').value=h.name;
document.getElementById('hospitalDropdown').classList.remove('show');
document.getElementById('infoLevel').textContent=h.level;
document.getElementById('infoAddr').textContent=h.addr;
document.getElementById('hospitalInfo').style.display='block';
}
/* 点击外部关闭下拉 */
document.addEventListener('click',function(e){
var sel=document.getElementById('hospitalSelect');
if(sel&&!sel.contains(e.target)){document.getElementById('hospitalDropdown').classList.remove('show');}
});
</script>
web-admin/emergency-dispatch/admin/resource-medical-point.html
+37 -11
View File
@@ -25,6 +25,12 @@
.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-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;}.sidebar-submenu.open{max-height:500px;}
.sidebar-parent{display:flex;align-items:center;gap:10px;padding:12px 24px;color:rgba(255,255,255,0.65);font-size:var(--font-sm);cursor:pointer;transition:all .2s;justify-content:space-between;}
.sidebar-parent:hover{color:#fff;background:rgba(255,255,255,0.06);}.sidebar-parent.active{color:#fff;}
.sidebar-parent__left{display:flex;align-items:center;gap:10px;}.sidebar-parent__left svg{width:16px;height:16px;flex-shrink:0;}
.sidebar-parent .arrow{width:12px;height:12px;transition:transform .3s;flex-shrink:0;}.sidebar-parent .arrow.open{transform:rotate(90deg);}
.sidebar-submenu .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;}
@@ -88,8 +94,19 @@
<div class="sidebar-group-title">应急资源</div>
<a href="resource-hospital.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M2 14V6l6-4 6 4v8" stroke="currentColor" stroke-width="1.4"/><rect x="5" y="9" width="3" height="5" rx=".5" stroke="currentColor" stroke-width="1.2"/><rect x="9" y="9" width="3" height="3" rx=".5" stroke="currentColor" stroke-width="1.2"/></svg>医院信息</a>
<a href="resource-medical-point.html" class="sidebar-item active"><svg viewBox="0 0 16 16" fill="none"><path d="M8 1v14M1 8h14" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>医疗点信息</a>
<a href="resource-aed.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>AED组网</a>
<a href="resource-device.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="3" width="12" height="10" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 7h6M5 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>设备管理</a>
<div class="sidebar-parent" onclick="this.classList.toggle('active');this.querySelector('.arrow').classList.toggle('open');this.nextElementSibling.classList.toggle('open');">
<span class="sidebar-parent__left"><svg viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><rect x="1" y="1" width="14" height="14" rx="3" stroke="currentColor" stroke-width="1.4"/></svg>AED设备信息</span>
<svg class="arrow" viewBox="0 0 12 12" fill="none"><path d="M4.5 2l4 4-4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
</div>
<div class="sidebar-submenu">
<a href="resource-aed.html" class="sidebar-item">设备管理</a>
<a href="resource-aed-deploy.html" class="sidebar-item">布点管理</a>
<a href="resource-aed-map.html" class="sidebar-item">AED地图</a>
<a href="resource-aed-certifier.html" class="sidebar-item">取证人员</a>
<a href="resource-aed-maintenance.html" class="sidebar-item">维护记录</a>
<a href="resource-aed-training.html" class="sidebar-item">培演记录</a>
<a href="resource-aed-usage.html" class="sidebar-item">应用记录</a>
</div>
<a href="resource-ambulance.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="10" height="8" rx="1" stroke="currentColor" stroke-width="1.4"/><path d="M11 7h3l1 3v2h-4" stroke="currentColor" stroke-width="1.4"/><circle cx="4" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="13" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>救护车信息</a>
<a href="resource-first-aid-kit.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><rect x="2" y="4" width="12" height="9" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 4V3a2 2 0 014 0v1M8 7v4M6 9h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>急救包信息</a>
<a href="resource-doctor.html" class="sidebar-item"><svg viewBox="0 0 16 16" fill="none"><path d="M8 2a3 3 0 110 6 3 3 0 010-6zM3 14c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>急救医生信息</a>
@@ -105,36 +122,45 @@
<div class="filter-item">
<label>所属单位：</label>
<select class="filter-select"><option>全部</option><option>公司机关</option><option>采油一厂</option><option>采油二厂</option></select>
</div>
<div class="filter-item">
<label>所属医院：</label>
<select class="filter-select"><option>全部</option><option>宝石花医院</option><option>西京医院</option><option>长庆油田医院</option></select>
</div>
<button class="btn btn-primary">查询</button>
<button class="btn btn-default">重置</button>
</div>
<div style="display:flex;gap:12px;margin-bottom:16px;">
<button class="btn btn-primary"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>新增医疗点</button>
<button class="btn btn-default">导出列表数据</button>
<button class="btn btn-default">导出列表数据</button>
<button class="btn btn-default">查看导出任务</button>
</div>
<div class="table-card">
<div class="table-card__header">
<div class="table-card__title">医疗点列表</div>
<div style="font-size:var(--font-sm);color:var(--text-secondary);">共 36 条</div>
</div>
<div class="table-card__content">
<table>
<thead><tr><th>序号</th><th>医疗点名称</th><th>所属单位</th><th>地址</th><th>联系人</th><th>联系电话</th><th>医护人员数</th><th>状态</th><th>操作</th></tr></thead>
<thead><tr><th>序号</th><th>医疗点名称</th><th>所属单位</th><th>所属医院</th><th>地址</th><th>负责人</th><th>联系电话</th><th>医护人员数量</th><th>状态</th><th>操作</th></tr></thead>
<tbody>
<tr><td>1</td><td style="font-weight:500;">公司机关医疗点</td><td>公司机关</td><td>西安市未央区长庆大厦1楼</td><td>王医生</td><td>029-86518001</td><td>3</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td></tr>
<tr><td>2</td><td style="font-weight:500;">采油一厂医疗点</td><td>采油一厂</td><td>庆阳市西峰区采油一厂办公楼</td><td>李医生</td><td>0934-8612001</td><td>5</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td></tr>
<tr><td>3</td><td style="font-weight:500;">采油二厂医疗点</td><td>采油二厂</td><td>庆阳市庆城县采油二厂基地</td><td>张医生</td><td>0934-3221001</td><td>4</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td></tr>
<tr><td>4</td><td style="font-weight:500;">采气一厂医疗点</td><td>采气一厂</td><td>榆林市靖边县采气一厂</td><td>赵护士</td><td>0912-4837001</td><td>2</td><td><div class="switch" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td></tr>
<tr><td>5</td><td style="font-weight:500;">输油处医疗点</td><td>输油处</td><td>西安市灞桥区输油处办公区</td><td>刘医生</td><td>029-83518001</td><td>2</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">编辑</span><span class="link-danger">删除</span></div></td></tr>
<tr><td>1</td><td style="font-weight:500;">公司机关医疗点</td><td>公司机关</td><td>宝石花医院</td><td>西安市未央区长庆大厦1楼</td><td>王医生</td><td>029-86518001</td><td>3</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">详情</span></div></td></tr>
<tr><td>2</td><td style="font-weight:500;">采油一厂医疗点</td><td>采油一厂</td><td>宝石花医院</td><td>庆阳市西峰区采油一厂办公楼</td><td>李医生</td><td>0934-8612001</td><td>5</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">详情</span></div></td></tr>
<tr><td>3</td><td style="font-weight:500;">采油二厂医疗点</td><td>采油二厂</td><td>宝石花医院</td><td>庆阳市庆城县采油二厂基地</td><td>张医生</td><td>0934-3221001</td><td>4</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">详情</span></div></td></tr>
<tr><td>4</td><td style="font-weight:500;">采气一厂医疗点</td><td>采气一厂</td><td>宝石花医院</td><td>榆林市靖边县采气一厂</td><td>赵护士</td><td>0912-4837001</td><td>2</td><td><div class="switch" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">详情</span></div></td></tr>
<tr><td>5</td><td style="font-weight:500;">输油处医疗点</td><td>输油处</td><td>宝石花医院</td><td>西安市灞桥区输油处办公区</td><td>刘医生</td><td>029-83518001</td><td>2</td><td><div class="switch on" onclick="this.classList.toggle('on')"></div></td><td><div class="action-btns"><span class="link">详情</span></div></td></tr>
</tbody>
</table>
</div>
<div class="pagination">
<span style="color:var(--text-placeholder);flex:1;">医疗点数据来源于一线医疗点模块，由医护人员在一线医疗点进行维护，此处仅支持查看</span>
<span>共 36 条</span>
<button class="page-btn">‹</button><button class="page-btn active">1</button><button class="page-btn">2</button><button class="page-btn">3</button><button class="page-btn">4</button><button class="page-btn">›</button>
<select class="filter-select" style="min-width:70px;height:32px;"><option>10条/页</option><option>20条/页</option></select>
</div>
</div>
</main>
</body>
web-admin/health-consult/archive-unit-detail.html
+9 -9
View File
@@ -183,7 +183,7 @@
<th style="min-width:110px;">所属部门</th>
<th style="min-width:110px;">咨询专家次数</th>
<th style="min-width:120px;">咨询小助手次数</th>
<th style="min-width:110px;">咨询费用（元）</th>
<!-- <th style="min-width:110px;">咨询费用（元）</th>-->
<!-- <th class="col-fixed col-end">操作</th>-->
</tr>
</thead>
@@ -191,50 +191,50 @@
<tr>
<td class="col-fixed col-no">1</td>
<td>张伟</td><td>EMP001</td><td>安全生产部</td>
<td>18</td><td>42</td><td><span class="amount">¥ 360</span></td>
<td>18</td><td>42</td>
<!-- [交互] 点击查看个人明细，弹窗加载 archive-personal-detail.html -->
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP001')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">2</td>
<td>李娜</td><td>EMP015</td><td>生产一队</td>
<td>15</td><td>38</td><td><span class="amount">¥ 300</span></td>
<td>15</td><td>38</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP015')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">3</td>
<td>王强</td><td>EMP023</td><td>生产二队</td>
<td>12</td><td>35</td><td><span class="amount">¥ 240</span></td>
<td>12</td><td>35</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP023')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">4</td>
<td>赵敏</td><td>EMP034</td><td>综合管理部</td>
<td>10</td><td>28</td><td><span class="amount">¥ 200</span></td>
<td>10</td><td>28</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP034')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">5</td>
<td>刘洋</td><td>EMP045</td><td>安全环保部</td>
<td>9</td><td>25</td><td><span class="amount">¥ 180</span></td>
<td>9</td><td>25</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP045')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">6</td>
<td>陈静</td><td>EMP056</td><td>生产一队</td>
<td>8</td><td>22</td><td><span class="amount">¥ 160</span></td>
<td>8</td><td>22</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP056')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">7</td>
<td>孙磊</td><td>EMP067</td><td>生产二队</td>
<td>7</td><td>19</td><td><span class="amount">¥ 140</span></td>
<td>7</td><td>19</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP067')">查看个人明细</span></td>-->
</tr>
<tr>
<td class="col-fixed col-no">8</td>
<td>周芳</td><td>EMP078</td><td>综合管理部</td>
<td>6</td><td>16</td><td><span class="amount">¥ 120</span></td>
<td>6</td><td>16</td>
<!-- <td class="col-fixed col-end"><span class="link" onclick="openPersonDetail('EMP078')">查看个人明细</span></td>-->
</tr>
</tbody>
web-admin/health-consult/assistant/current-consult.html
+13 -3
View File
@@ -283,8 +283,8 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="5" r="3" stroke="currentColor" stroke-width="1.2"/><path d="M2 13c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.2"/></svg>
咨询人档案
</button>
<!-- [交互] 点击结束当前咨询；已结束时置灰不可点 -->
<button class="btn btn-default btn-sm" id="btnEndConsult" style="color:var(--danger);border-color:var(--danger);" onclick="showEndConfirm()">
<!-- [交互] 点击结束当前咨询；已结束时置灰不可点；咨询专家类型时隐藏 -->
<button class="btn btn-default btn-sm" id="btnEndConsult" style="display:none;color:var(--danger);border-color:var(--danger);" onclick="showEndConfirm()">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="5" stroke="currentColor" stroke-width="1.2"/><path d="M5 5l4 4M9 5l-4 4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
结束咨询
</button>
@@ -367,7 +367,7 @@
<div class="chat-footer">
<div class="chat-toolbar">
<!-- [交互] 点击打开选择专家弹窗 -->
<button class="toolbar-btn" onclick="openOverlay('select-expert-dialog.html',720,600)">
<button class="toolbar-btn" id="btnSendExpert" style="display:none;" onclick="openOverlay('select-expert-dialog.html',720,600)">
<svg viewBox="0 0 16 16" fill="none"><circle cx="8" cy="5" r="3" stroke="currentColor" stroke-width="1.2"/><path d="M3 15c0-2.8 2.2-5 5-5s5 2.2 5 5" stroke="currentColor" stroke-width="1.2"/><path d="M12 2v4M10 4h4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
发送专家
</button>
@@ -566,6 +566,16 @@ function selectConv(el, idx) {
btnEnd.style.background = '';
}
/* 咨询专家类型：隐藏"结束咨询"和"发送专家" */
var btnSendExpert = document.getElementById('btnSendExpert');
if (status.type === 'expert') {
btnEnd.style.display = 'none';
btnSendExpert.style.display = 'none';
} else {
btnEnd.style.display = '';
btnSendExpert.style.display = '';
}
/* 切换聊天内容 */
var body = document.getElementById('chatBody');
if (convContents[idx]) {
web-admin/health-consult/assistant/history-consult.html
+4 -4
View File
@@ -283,7 +283,7 @@
<tr>
<td class="col-fixed col-f1">8</td><td class="col-fixed col-f2" style="font-family:monospace;color:var(--text-secondary);">ZJ20260409008</td><td class="col-fixed col-f3">周华</td>
<td style="font-family:monospace;color:var(--text-secondary);">EMP007</td><td>采油一厂</td><td>安全部</td>
<td><span class="tag tag-blue">图文咨询</span></td><td><span class="tag tag-orange">待回复</span></td>
<td><span class="tag tag-blue">图文咨询</span></td><td><span class="tag tag-orange">已超时</span></td>
<td>刘医生</td><td>主治医师</td><td>长庆医院</td><td>呼吸科</td>
<td><span class="tag tag-green">收费专家</span></td>
<td>2026-04-09 14:30</td><td>—</td><td>—</td><td>—</td><td>—</td>
@@ -431,7 +431,7 @@
<td class="col-fixed col-f3">刘洋</td>
<td style="font-family:monospace;color:var(--text-secondary);">EMP004</td>
<td>采油三厂</td><td>生产部</td><td>健康小助手</td>
<td><span class="tag tag-orange">待回复</span></td>
<td><span class="tag tag-orange">已超时</span></td>
<td>2026-04-08 14:55</td><td>—</td><td>—</td><td>6分钟</td>
<td class="col-fixed col-fend"><span class="link" onclick="openOverlay('chat-detail-dialog.html',720,680)">查看对话</span></td>
</tr>
@@ -491,8 +491,8 @@ function toggleExpertFilter() {
/* 专家咨询状态联动 */
var expertStatusMap = {
'text': ['待回复','进行中','已完成'],
'video': ['待确认','待开始','已完成','已取消','已拒绝']
'text': ['已超时','进行中','已完成'],
'video': ['待确认','待开始','进行中','已完成','已取消','已拒绝']
};
function updateExpertStatus() {
var type = document.getElementById('expertTypeSelect').value;
web-admin/health-consult/doc/PRD.md
+33 -30
View File
@@ -42,53 +42,54 @@
| 2 | | 专家对话详情 | history-expert-detail.html | 页面 |
| 3 | | 视频详情-待确认 | video-detail-pending-confirm.html | 页面 |
| 4 | | 视频详情-待开始 | video-detail-pending-start.html | 页面 |
| 5 | | 视频详情-已完成 | video-detail-completed.html | 页面 |
| 6 | | 视频详情-已拒绝 | video-detail-rejected.html | 页面 |
| 7 | | 视频详情-已取消 | video-detail-cancelled.html | 页面 |
| 8 | | 小助手咨询记录 | history-assistant.html | 页面 |
| 9 | | 小助手对话详情 | history-assistant-detail.html | 页面 |
| 10 | | 用户评价 | history-evaluation.html | 页面 |
| 11 | 咨询档案 | 咨询档案列表 | consult-record.html | 页面 |
| 12 | | 咨询档案详情 | consult-record-detail.html | 页面 |
| 13 | 专家咨询统计 | 专家咨询统计 | expert-statistics.html | 页面 |
| 14 | 单位咨询统计 | 单位咨询统计 | unit-statistics.html | 页面 |
| 5 | | 视频详情-进行中 | video-detail-in-progress.html | 页面 |
| 6 | | 视频详情-已完成 | video-detail-completed.html | 页面 |
| 7 | | 视频详情-已拒绝 | video-detail-rejected.html | 页面 |
| 8 | | 视频详情-已取消 | video-detail-cancelled.html | 页面 |
| 9 | | 小助手咨询记录 | history-assistant.html | 页面 |
| 10 | | 小助手对话详情 | history-assistant-detail.html | 页面 |
| 11 | | 用户评价 | history-evaluation.html | 页面 |
| 12 | 咨询档案 | 咨询档案列表 | consult-record.html | 页面 |
| 13 | | 咨询档案详情 | consult-record-detail.html | 页面 |
| 14 | 专家咨询统计 | 专家咨询统计 | expert-statistics.html | 页面 |
| 15 | 单位咨询统计 | 单位咨询统计 | unit-statistics.html | 页面 |
### 档案
| 序号 | 二级菜单 | 页面/弹窗 | 文件 | 类型 |
|------|----------|-----------|------|------|
| 15 | 个人咨询数据 | 个人咨询数据列表 | archive-personal.html | 页面 |
| 16 | | 员工咨询明细 | archive-personal-detail.html | 页面 |
| 17 | 单位报表数据 | 单位报表数据列表 | archive-unit.html | 页面 |
| 18 | | 单位报表明细 | archive-unit-detail.html | 页面 |
| 16 | 个人咨询数据 | 个人咨询数据列表 | archive-personal.html | 页面 |
| 17 | | 员工咨询明细 | archive-personal-detail.html | 页面 |
| 18 | 单位报表数据 | 单位报表数据列表 | archive-unit.html | 页面 |
| 19 | | 单位报表明细 | archive-unit-detail.html | 页面 |
### 异常事件
| 序号 | 二级菜单 | 页面/弹窗 | 文件 | 类型 |
|------|----------|-----------|------|------|
| 19 | 异常数据 | 异常数据列表 | exception-dirty.html | 页面 |
| 20 | 异常数据 | 异常数据列表 | exception-dirty.html | 页面 |
### 基础配置
| 序号 | 二级菜单 | 页面/弹窗 | 文件 | 类型 |
|------|----------|-----------|------|------|
| 20 | 医院配置 | 医院配置列表 | config-hospital.html | 页面 |
| 21 | | 医院配置弹窗 | config-hospital-dialog.html | 弹窗 |
| 22 | 科室配置 | 科室配置列表 | config-department.html | 页面 |
| 23 | | 科室配置弹窗 | config-department-dialog.html | 弹窗 |
| 24 | 疾病配置 | 疾病配置列表 | config-disease.html | 页面 |
| 25 | | 疾病配置弹窗 | config-disease-dialog.html | 弹窗 |
| 26 | 咨询须知 | 咨询须知编辑 | config-notice.html | 页面 |
| 27 | 常用语管理 | 常用语管理列表 | config-phrase.html | 页面 |
| 28 | | 常用语弹窗 | config-phrase-dialog.html | 弹窗 |
| 21 | 医院配置 | 医院配置列表 | config-hospital.html | 页面 |
| 22 | | 医院配置弹窗 | config-hospital-dialog.html | 弹窗 |
| 23 | 科室配置 | 科室配置列表 | config-department.html | 页面 |
| 24 | | 科室配置弹窗 | config-department-dialog.html | 弹窗 |
| 25 | 疾病配置 | 疾病配置列表 | config-disease.html | 页面 |
| 26 | | 疾病配置弹窗 | config-disease-dialog.html | 弹窗 |
| 27 | 咨询须知 | 咨询须知编辑 | config-notice.html | 页面 |
| 28 | 常用语管理 | 常用语管理列表 | config-phrase.html | 页面 |
| 29 | | 常用语弹窗 | config-phrase-dialog.html | 弹窗 |
### 咨询结算
| 序号 | 二级菜单 | 页面/弹窗 | 文件 | 类型 |
|------|----------|-----------|------|------|
| 29 | 咨询结算 | 咨询结算列表 | settlement.html | 页面 |
| 30 | | 新增/编辑结算 | settlement-add.html | 页面 |
| 31 | | 结算报表 | settlement-report.html | 页面 |
| 30 | 咨询结算 | 咨询结算列表 | settlement.html | 页面 |
| 31 | | 新增/编辑结算 | settlement-add.html | 页面 |
| 32 | | 结算报表 | settlement-report.html | 页面 |
---
@@ -109,7 +110,7 @@
**表格列：** 序号、咨询单号、姓名、员工工号、所属单位、所属部门、咨询类型、咨询状态、咨询专家、专家职称、专家医院、专家科室、专家类型、发起咨询时间、首次回复时间、咨询完成时间、咨询时长、评分（星级）、操作
**业务规则：**
- 咨询状态随咨询类型联动：图文咨询状态为"待回复/进行中/已完成/已超时"；视频咨询状态为"待确认/待开始/已完成/已取消/已拒绝"
- 咨询状态随咨询类型联动：图文咨询状态为"待回复/进行中/已完成/已超时"；视频咨询状态为"待确认/待开始/进行中/已完成/已取消/已拒绝"
- 序号、咨询单号、员工信息固定在表格左侧，操作列固定在右侧
- 分页支持 10/20/50/100 条每页切换
@@ -138,15 +139,16 @@
---
### 3-7. 视频咨询详情（5种状态页面）
### 3-8. 视频咨询详情（6种状态页面）
![待确认](screenshots/video-detail-pending-confirm.jpg)
![待开始](screenshots/video-detail-pending-start.jpg)
![进行中](screenshots/video-detail-in-progress.jpg)
![已完成](screenshots/video-detail-completed.jpg)
![已拒绝](screenshots/video-detail-rejected.jpg)
![已取消](screenshots/video-detail-cancelled.jpg)
视频咨询详情为同一页面的5种状态变体，共享统一的信息展示结构，根据咨询状态展示不同的附加信息。
视频咨询详情为同一页面的6种状态变体，共享统一的信息展示结构，根据咨询状态展示不同的附加信息。
**通用结构：**
- 顶部标题栏：左侧"视频咨询详情"标题 + 右侧状态标签
@@ -163,6 +165,7 @@
|------|--------|----------|----------|-----------|
| 待确认 | video-detail-pending-confirm.html | 橙黄 | 无 | 蓝色 |
| 待开始 | video-detail-pending-start.html | 蓝色 | 无 | 蓝色 |
| 进行中 | video-detail-in-progress.html | 蓝色 | 通话状态卡片（视频图标+拨打/结束时间+通话时长） | 蓝色 |
| 已完成 | video-detail-completed.html | 绿色 | 统计行（咨询时长+员工评分）+ 时间卡片（拨打/结束时间） | 蓝色 |
| 已拒绝 | video-detail-rejected.html | 红色 | 拒绝原因卡片（拒绝时间+拒绝原因） | 红色 |
| 已取消 | video-detail-cancelled.html | 灰色 | 取消原因卡片（取消人+取消时间+取消原因） | 灰色 |
web-admin/health-consult/history-assistant.html
+16 -1
View File
@@ -66,6 +66,7 @@
.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-blue{background:var(--primary-light);color:var(--primary);}
.tag-orange{background:#FFF7E6;color:var(--warning);}
.tag-gray{background:#F5F5F5;color:var(--text-secondary);}
.link{color:var(--primary);cursor:pointer;font-size:var(--font-sm);}
.link:hover{color:#40a9ff;}
@@ -213,6 +214,16 @@
</div>
</div>
</div>
<div class="filter-item">
<label>咨询状态</label>
<select class="filter-select" >
<option>全部状态</option>
<option>待回复</option>
<option>进行中</option>
<option>已完成</option>
<option>已超时</option>
</select>
</div>
<div class="filter-item">
<label>发起咨询时间</label>
<input class="filter-input" type="date" style="min-width:140px;">
@@ -270,7 +281,7 @@
<td>采油一厂</td>
<td>心血管科</td>
<td>健康小助手</td>
<td><span class="tag tag-gray">已结束</span></td>
<td><span class="tag tag-gray">已超时</span></td>
<td>2026-04-09 08:30</td>
<td>2026-04-09 08:35</td>
<td>2026-04-09 08:38</td>
@@ -423,6 +434,10 @@ function openChat(name, assistant, time) {
<div class="modal-info-item">
<div class="modal-info-label">发起咨询时间</div>
<div class="modal-info-value">${time}</div>
</div>
<div class="modal-info-item">
<div class="modal-info-label">咨询状态</div>
<div class="modal-info-value">进行中</div>
</div>
`;
web-admin/health-consult/history-expert.html
+23 -1
View File
@@ -546,6 +546,27 @@
<td>—</td>
<td class="col-fixed col-fixed-end"><span class="link" onclick="openDetail('何军','张医生','主治医师','长庆医院','神经内科','2026-04-09 16:00','待开始')">查看详情</span></td>
</tr>
<tr>
<td class="col-fixed col-fixed-1">11</td>
<td class="col-fixed col-fixed-2" style="font-family:monospace;color:var(--text-secondary);">ZJ20260409011</td>
<td class="col-fixed col-fixed-3">马丽</td>
<td style="font-family:monospace;color:var(--text-secondary);">EMP011</td>
<td>采油三厂</td>
<td>技术部</td>
<td><span class="tag tag-orange">视频咨询</span></td>
<td><span class="tag tag-blue">进行中</span></td>
<td>李医生</td>
<td>主任医师</td>
<td>长庆医院</td>
<td>心血管内科</td>
<td><span class="tag tag-green">收费专家</span></td>
<td>2026-04-09 16:30</td>
<td>2026-04-09 16:35</td>
<td>—</td>
<td>—</td>
<td>—</td>
<td class="col-fixed col-fixed-end"><span class="link" onclick="openDetail('马丽','李医生','主任医师','长庆医院','心血管内科','2026-04-09 16:30','进行中')">查看详情</span></td>
</tr>
</tbody>
</table>
</div>
@@ -611,7 +632,7 @@ const deptMap = {
// 咨询状态映射
const consultStatusMap = {
'text': ['待回复', '进行中', '已完成', '已超时'],
'video': ['待确认', '待开始', '已完成', '已取消', '已拒绝']
'video': ['待确认', '待开始', '进行中', '已取消', '已完成', '已拒绝']
};
function updateConsultStatus() {
@@ -675,6 +696,7 @@ function openDetail(name, expert, title, hospital, dept, time, status) {
var fileMap = {
'待确认': 'video-detail-pending-confirm.html',
'待开始': 'video-detail-pending-start.html',
'进行中': 'video-detail-in-progress.html',
'已完成': 'video-detail-completed.html',
'已拒绝': 'video-detail-rejected.html',
'已取消': 'video-detail-cancelled.html'
web-admin/health-consult/video-detail-in-progress.html
+140
View File
@@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>视频咨询详情 - 进行中</title>
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#fff;color:#333;}
:root{--primary:#1890FF;--primary-light:#E6F7FF;--border:#E8E8E8;--text-secondary:#666;--font-xs:11px;--font-sm:13px;--font-base:15px;--radius-sm:4px;}
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);}
.title{font-size:var(--font-base);font-weight:600;}
.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:10px;font-size:var(--font-xs);}
.tag-blue{background:var(--primary-light);color:var(--primary);}
.info-grid{padding:16px 24px;background:#FAFAFA;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;}
.info-item{display:flex;flex-direction:column;gap:3px;}
.info-label{font-size:var(--font-xs);color:var(--text-secondary);}
.info-value{font-size:var(--font-sm);font-weight:500;}
.body{padding:24px;}
.call-status{display:flex;align-items:center;gap:12px;padding:16px;background:#E6F7FF;border:1px solid #91D5FF;border-radius:6px;margin-bottom:20px;}
.call-status__icon{width:40px;height:40px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.call-status__info{flex:1;}
.call-status__title{font-size:var(--font-sm);font-weight:600;color:#333;margin-bottom:2px;}
.call-status__desc{font-size:var(--font-xs);color:var(--text-secondary);}
.call-status__duration{font-size:var(--font-base);font-weight:700;color:var(--primary);flex-shrink:0;}
.archive-wrap{border:1px solid var(--border);border-radius:6px;margin-bottom:20px;overflow:hidden;}
.archive-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;background:#FAFAFA;user-select:none;}
.archive-toggle:hover{background:#F0F8FF;}
.archive-toggle-title{font-size:var(--font-sm);font-weight:500;}
.archive-toggle-arrow{font-size:12px;color:var(--text-secondary);transition:transform .2s;}
.archive-toggle-arrow.open{transform:rotate(180deg);}
.archive-body{display:none;}
.archive-body.open{display:block;}
.archive-section{border-top:1px solid var(--border);}
.archive-section-title{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:var(--font-xs);font-weight:500;color:#333;background:#fff;}
.archive-section-title::before{content:'';width:3px;height:13px;background:var(--primary);border-radius:2px;display:inline-block;}
.archive-table{width:100%;border-collapse:collapse;}
.archive-table td{padding:9px 16px;font-size:var(--font-sm);border-top:1px solid #F5F5F5;vertical-align:middle;}
.archive-table td.lbl{color:var(--primary);width:90px;white-space:nowrap;}
.archive-table td.val{color:#333;}
.archive-attach{display:flex;gap:10px;padding:10px 16px 14px;}
.attach-card{width:88px;height:64px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:500;cursor:pointer;}
.attach-card.blue{background:#E6F7FF;color:var(--primary);}
.attach-card.orange{background:#FFF7E6;color:#FA8C16;}
.archive-desc{padding:12px 0 4px;font-size:var(--font-sm);color:#555;line-height:1.7;}
.timeline{margin-top:20px;text-align:left;border-top:1px solid var(--border);padding-top:20px;}
.timeline-title{font-size:var(--font-sm);font-weight:500;margin-bottom:12px;}
.timeline-item{display:flex;gap:12px;margin-bottom:12px;font-size:var(--font-sm);}
.timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0;}
.timeline-dot.done{background:#52C41A;}
.timeline-dot.active{background:var(--primary);box-shadow:0 0 0 3px rgba(24,144,255,0.2);}
.timeline-dot.todo{background:#E8E8E8;}
.timeline-text{color:#333;}
.timeline-time{color:var(--text-secondary);font-size:var(--font-xs);margin-top:2px;}
</style>
</head>
<body>
<div class="header">
<div class="title">视频咨询详情</div>
<span class="tag tag-blue">进行中</span>
</div>
<div class="info-grid">
<div class="info-item"><div class="info-label">员工姓名</div><div class="info-value">马丽</div></div>
<div class="info-item"><div class="info-label">咨询专家</div><div class="info-value">李医生（主任医师）</div></div>
<div class="info-item"><div class="info-label">专家医院</div><div class="info-value">长庆医院</div></div>
<div class="info-item"><div class="info-label">专家科室</div><div class="info-value">心血管内科</div></div>
<div class="info-item"><div class="info-label">发起时间</div><div class="info-value">2026-04-09 16:30</div></div>
<div class="info-item"><div class="info-label">预约时间</div><div class="info-value">2026-04-09 17:00-17:30</div></div>
</div>
<div class="body">
<!-- 通话状态卡片 -->
<div class="call-status">
<div class="call-status__icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>
</div>
<div class="call-status__info">
<div class="call-status__title">已拨打视频通话</div>
<div class="call-status__desc">拨打时间：2026-04-09 17:00</div>
<div class="call-status__desc">结束时间：2026-04-09 17:05</div>
</div>
<div class="call-status__duration">05:00</div>
</div>
<!-- 咨询人信息 -->
<div class="archive-wrap">
<div class="archive-toggle" onclick="toggleArchive(this)">
<span class="archive-toggle-title">咨询人信息</span>
</div>
<div class="archive-body open">
<div class="archive-section">
<div class="archive-section-title">基本信息</div>
<table class="archive-table">
<tr><td class="lbl">咨询人姓名</td><td class="val">马丽本人</td><td class="lbl">性别</td><td class="val">女</td></tr>
<tr><td class="lbl">出生日期</td><td class="val">1990-06-15</td><td class="lbl">与本人关系</td><td class="val">本人</td></tr>
</table>
</div>
<div class="archive-section">
<div class="archive-section-title">生活习惯</div>
<table class="archive-table">
<tr><td class="lbl">是否抽烟</td><td class="val">否</td><td class="lbl">是否饮酒</td><td class="val">否</td></tr>
<tr><td class="lbl">饮食喜好</td><td class="val">清淡</td><td class="lbl">睡眠质量</td><td class="val">较差</td></tr>
</table>
</div>
<div class="archive-section">
<div class="archive-section-title">身体情况</div>
<table class="archive-table">
<tr><td class="lbl">身高</td><td class="val">162cm</td><td class="lbl">体重</td><td class="val">55kg</td></tr>
<tr><td class="lbl">过敏史</td><td class="val">青霉素过敏</td><td class="lbl">遗传史</td><td class="val">无</td></tr>
<tr><td class="lbl">既往史</td><td class="val">无</td><td class="lbl">其他疾病</td><td class="val">无</td></tr>
</table>
</div>
<div class="archive-section">
<div class="archive-section-title">本次档案</div>
<table class="archive-table">
<tr><td class="lbl" style="vertical-align:top;padding-top:12px;">问题描述</td><td class="val" colspan="3"><div class="archive-desc">近一个月反复出现心悸、胸闷，活动后加重，休息后可缓解，偶有头晕。</div></td></tr>
<tr><td class="lbl">持续时间</td><td class="val" colspan="3"><span style="display:inline-block;margin:2px 0;padding:2px 10px;background:#E6F7FF;color:var(--primary);border-radius:10px;font-size:var(--font-xs);">1个月</span></td></tr>
</table>
<div style="padding:4px 16px 2px;font-size:var(--font-xs);color:var(--text-secondary);">检查资料</div>
<div class="archive-attach">
<div class="attach-card blue">心电图报告</div>
<div class="attach-card orange">体检报告</div>
</div>
<table class="archive-table">
<tr><td class="lbl">医院名称</td><td class="val">长庆油田职工医院</td><td class="lbl">科室</td><td class="val">心血管内科</td></tr>
<tr><td class="lbl">疾病名称</td><td class="val" colspan="3">心悸待查</td></tr>
<tr><td class="lbl" style="vertical-align:top;padding-top:12px;">期望帮助</td><td class="val" colspan="3"><div class="archive-desc">希望了解心悸的可能原因，是否需要进一步检查，以及日常注意事项。</div></td></tr>
</table>
</div>
</div>
</div>
</div>
<script>
function toggleArchive(el) {
var arrow = el.querySelector('.archive-toggle-arrow');
if (arrow) arrow.classList.toggle('open');
el.nextElementSibling.classList.toggle('open');
}
</script>