Merge branch 'master' of https://gitea.rk-health.com/yixiong/platform-prototype
This commit is contained in:
@@ -140,8 +140,10 @@
|
||||
<th>应急中心</th>
|
||||
<th>操作人员人数 ↕</th>
|
||||
<th>专业人员人数 ↕</th>
|
||||
<th>120求助次数 ↕</th>
|
||||
<th>应急视频次数 ↕</th>
|
||||
<th>应急电话次数 ↕</th>
|
||||
<th>线下应急次数 ↕</th>
|
||||
<th>总工单数量 ↕</th>
|
||||
<th>已完成工单数量 ↕</th>
|
||||
<th>未完成工单数量 ↕</th>
|
||||
@@ -153,8 +155,10 @@
|
||||
<td style="font-weight:500;">西安应急中心</td>
|
||||
<td >12</td>
|
||||
<td >8</td>
|
||||
<td >210</td>
|
||||
<td >350</td>
|
||||
<td >280</td>
|
||||
<td >85</td>
|
||||
<td >630</td>
|
||||
<td >580</td>
|
||||
<td >50</td>
|
||||
@@ -164,8 +168,10 @@
|
||||
<td style="font-weight:500;">庆阳应急中心</td>
|
||||
<td>8</td>
|
||||
<td>5</td>
|
||||
<td>130</td>
|
||||
<td >200</td>
|
||||
<td>160</td>
|
||||
<td>45</td>
|
||||
<td>360</td>
|
||||
<td>330</td>
|
||||
<td >30</td>
|
||||
@@ -177,8 +183,10 @@
|
||||
<td>8</td>
|
||||
<td>5</td>
|
||||
<td>5</td>
|
||||
<td>95</td>
|
||||
<td >200</td>
|
||||
<td>160</td>
|
||||
<td>38</td>
|
||||
<td>360</td>
|
||||
<td>330</td>
|
||||
</tr>
|
||||
@@ -187,8 +195,10 @@
|
||||
<td style="font-weight:500;">榆林应急中心</td>
|
||||
<td>8</td>
|
||||
<td>5</td>
|
||||
<td>110</td>
|
||||
<td >200</td>
|
||||
<td>160</td>
|
||||
<td>30</td>
|
||||
<td>360</td>
|
||||
<td>330</td>
|
||||
<td >30</td>
|
||||
@@ -198,8 +208,10 @@
|
||||
<td style="font-weight:500;">银川应急中心</td>
|
||||
<td>8</td>
|
||||
<td>5</td>
|
||||
<td>85</td>
|
||||
<td >200</td>
|
||||
<td>160</td>
|
||||
<td>25</td>
|
||||
<td>360</td>
|
||||
<td>330</td>
|
||||
<td >30</td>
|
||||
|
||||
@@ -146,6 +146,7 @@
|
||||
<option>拨打120</option>
|
||||
<option>应急视频</option>
|
||||
<option>应急电话</option>
|
||||
<option>线下应急</option>
|
||||
</select>
|
||||
</div>
|
||||
<button class="btn btn-primary">查询</button>
|
||||
@@ -176,7 +177,6 @@
|
||||
<th>操作人员</th>
|
||||
<th>驻场人员</th>
|
||||
<th>工单状态</th>
|
||||
<th>工单类型</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -191,20 +191,18 @@
|
||||
<td>李操作</td>
|
||||
<td>张驻场</td>
|
||||
<td><span class="tag tag-blue">进行中</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td style="font-weight:500;">YJ58966524</td>
|
||||
<td><span class="tag tag-green">应急电话</span></td>
|
||||
<td><span class="tag tag-orange">线下应急</span></td>
|
||||
<td>2026-03-25 09:15:32</td>
|
||||
<td>西安应急中心</td>
|
||||
<td>赵医生</td>
|
||||
<td>刘操作</td>
|
||||
<td>陈驻场</td>
|
||||
<td><span class="tag tag-blue">进行中</span></td>
|
||||
<td>事后补单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -217,7 +215,6 @@
|
||||
<td>周操作</td>
|
||||
<td>吴驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -230,7 +227,6 @@
|
||||
<td>吴操作</td>
|
||||
<td>郑驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -243,7 +239,6 @@
|
||||
<td>黄操作</td>
|
||||
<td>林驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>事后补单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive">详细过程</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -182,6 +182,7 @@
|
||||
<th>拨打120次数 ↕</th>
|
||||
<th>应急视频次数 ↕</th>
|
||||
<th>应急电话次数 ↕</th>
|
||||
<th>线下应急次数 ↕</th>
|
||||
<th>大病就医次数 ↕</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
@@ -199,6 +200,7 @@
|
||||
<td>4</td>
|
||||
<td>3</td>
|
||||
<td>2</td>
|
||||
<td>2</td>
|
||||
<!-- [交互] 点击跳转至: ./archive-personal-detail.html -->
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
@@ -214,6 +216,7 @@
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td>1</td>
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -227,6 +230,7 @@
|
||||
<td>2</td>
|
||||
<td>3</td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>0</td>
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
@@ -241,6 +245,7 @@
|
||||
<td>1</td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>0</td>
|
||||
<td>1</td>
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
@@ -255,6 +260,7 @@
|
||||
<td>0</td>
|
||||
<td>1</td>
|
||||
<td>2</td>
|
||||
<td>1</td>
|
||||
<td>0</td>
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
@@ -270,6 +276,7 @@
|
||||
<td>0</td>
|
||||
<td>1</td>
|
||||
<td>0</td>
|
||||
<td>0</td>
|
||||
<td><a class="link" href="archive-personal-detail.html">详细数据</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -186,7 +186,6 @@
|
||||
<th>操作人员</th>
|
||||
<th>驻场人员</th>
|
||||
<th>工单状态</th>
|
||||
<th>工单类型</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -203,7 +202,6 @@
|
||||
<td>李操作</td>
|
||||
<td>赵驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive-unit">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -218,7 +216,6 @@
|
||||
<td>王操作</td>
|
||||
<td>陈驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive-unit">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -233,7 +230,6 @@
|
||||
<td>赵操作</td>
|
||||
<td>吴驻场</td>
|
||||
<td><span class="tag tag-blue">进行中</span></td>
|
||||
<td>事后补单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive-unit">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -248,7 +244,6 @@
|
||||
<td>李操作</td>
|
||||
<td>郑驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive-unit">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -263,7 +258,6 @@
|
||||
<td>王操作</td>
|
||||
<td>黄驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html?from=archive-unit">详细过程</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
@@ -60,6 +60,9 @@
|
||||
.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;}
|
||||
/* 统计行 */
|
||||
.stat-row td{background:#FAFAFA;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border);}
|
||||
.stat-row td:first-child{text-align:center;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -166,6 +169,7 @@
|
||||
<th colspan="2" style="text-align:center;">拨打120</th>
|
||||
<th colspan="2" style="text-align:center;">应急视频</th>
|
||||
<th colspan="2" style="text-align:center;">应急电话</th>
|
||||
<th colspan="2" style="text-align:center;">线下应急</th>
|
||||
<th colspan="2" style="text-align:center;">大病就医预约</th>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -177,9 +181,21 @@
|
||||
<th>人数 ↕</th>
|
||||
<th>次数 ↕</th>
|
||||
<th>人数 ↕</th>
|
||||
<th>次数 ↕</th>
|
||||
<th>人数 ↕</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="stat-row">
|
||||
<td>合计</td>
|
||||
<td>6个单位</td>
|
||||
<td>10,300</td>
|
||||
<td>850</td><td>685</td>
|
||||
<td>355</td><td>315</td>
|
||||
<td>830</td><td>675</td>
|
||||
<td>185</td><td>155</td>
|
||||
<td>200</td><td>178</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td style="font-weight:500;">公司机关</td>
|
||||
@@ -190,6 +206,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">45</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">120</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">95</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">35</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">30</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">30</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">28</a></td>
|
||||
</tr>
|
||||
@@ -203,6 +221,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">70</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">180</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">150</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">40</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">35</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">45</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">40</a></td>
|
||||
</tr>
|
||||
@@ -216,6 +236,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">55</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">140</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">110</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">28</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">22</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">35</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">30</a></td>
|
||||
</tr>
|
||||
@@ -229,6 +251,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">35</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">100</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">85</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">20</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">16</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">20</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">18</a></td>
|
||||
</tr>
|
||||
@@ -242,6 +266,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">90</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">220</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">180</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">50</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">42</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">55</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">50</a></td>
|
||||
</tr>
|
||||
@@ -255,6 +281,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">20</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">70</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">55</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">12</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">10</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">15</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">12</a></td>
|
||||
</tr>
|
||||
@@ -343,6 +371,7 @@
|
||||
<th colspan="2" style="text-align:center;">应急视频</th>
|
||||
<th colspan="2" style="text-align:center;">拨打120</th>
|
||||
<th colspan="2" style="text-align:center;">应急电话</th>
|
||||
<th colspan="2" style="text-align:center;">线下应急</th>
|
||||
<th colspan="2" style="text-align:center;">大病就医预约</th>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -354,9 +383,22 @@
|
||||
<th>人数 ↕</th>
|
||||
<th>次数 ↕</th>
|
||||
<th>人数 ↕</th>
|
||||
<th>次数 ↕</th>
|
||||
<th>人数 ↕</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="stat-row">
|
||||
<td>合计</td>
|
||||
<td>5个单位</td>
|
||||
<td>8个部门</td>
|
||||
<td>1,202</td>
|
||||
<td>225</td><td>185</td>
|
||||
<td>81</td><td>67</td>
|
||||
<td>206</td><td>165</td>
|
||||
<td>41</td><td>31</td>
|
||||
<td>33</td><td>28</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>采油一厂</td>
|
||||
@@ -368,6 +410,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">15</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">38</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">30</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">10</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">8</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">8</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">7</a></td>
|
||||
</tr>
|
||||
@@ -382,6 +426,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">12</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">35</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">28</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">8</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">6</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">6</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">5</a></td>
|
||||
</tr>
|
||||
@@ -396,6 +442,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">10</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">30</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">25</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">6</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">5</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">5</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">4</a></td>
|
||||
</tr>
|
||||
@@ -410,6 +458,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">8</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">28</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">22</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">5</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">4</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">4</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">3</a></td>
|
||||
</tr>
|
||||
@@ -424,6 +474,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">7</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">22</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">18</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">4</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">3</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">3</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">3</a></td>
|
||||
</tr>
|
||||
@@ -438,6 +490,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">6</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">20</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">16</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">3</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">2</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">3</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">2</a></td>
|
||||
</tr>
|
||||
@@ -452,6 +506,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">5</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">18</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">14</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">3</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">2</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">2</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">2</a></td>
|
||||
</tr>
|
||||
@@ -466,6 +522,8 @@
|
||||
<td><a class="link" href="archive-unit-detail.html">4</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">15</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">12</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">2</a></td>
|
||||
<td><a class="link" href="archive-unit-detail.html">1</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">2</a></td>
|
||||
<td><a class="link" href="archive-unit-detail-illness.html">1</a></td>
|
||||
</tr>
|
||||
|
||||
@@ -64,11 +64,11 @@ thead th.sticky-right{background:#FAFAFA;z-index:8;}
|
||||
tbody td.sticky-right{z-index:6;}
|
||||
tbody tr:hover td.sticky-right{background:#F8FBFF;}
|
||||
thead th.sticky-right-1,tbody td.sticky-right-1{right:0;}
|
||||
thead th.sticky-right-2,tbody td.sticky-right-2{right:210px;}
|
||||
thead th.sticky-right-3,tbody td.sticky-right-3{right:314px;}
|
||||
.sticky-col-actions{min-width:210px;width:210px;max-width:210px;}
|
||||
.sticky-col-default{min-width:104px;width:104px;max-width:104px;text-align:center;}
|
||||
.sticky-col-status{min-width:104px;width:104px;max-width:104px;text-align:center;}
|
||||
thead th.sticky-right-2,tbody td.sticky-right-2{right:160px;}
|
||||
thead th.sticky-right-3,tbody td.sticky-right-3{right:250px;}
|
||||
.sticky-col-actions{min-width:160px;width:160px;max-width:160px;}
|
||||
.sticky-col-default{min-width:90px;width:90px;max-width:90px;text-align:center;}
|
||||
.sticky-col-status{min-width:80px;width:80px;max-width:80px;text-align:center;}
|
||||
.sticky-shadow-right-start{box-shadow:-4px 0 10px rgba(0,0,0,0.08);}
|
||||
.sticky-shadow-left{box-shadow:2px 0 4px rgba(0,0,0,0.06);}
|
||||
.action-btns{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
|
||||
|
||||
@@ -68,6 +68,8 @@ 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-success{color:var(--success);cursor:pointer;font-size:var(--font-sm);text-decoration:none;}
|
||||
.link-success:hover{color:#73d13d;}
|
||||
.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;}
|
||||
@@ -235,6 +237,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>接听时间</th>
|
||||
<th>结束时间</th>
|
||||
<th>通话时长</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -252,6 +255,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-20 09:15:45</td>
|
||||
<td>2026-04-20 09:23:57</td>
|
||||
<td>08:12</td>
|
||||
<td><div class="action-btns"><a class="link-success" href="center-work-order-detail.html">查看应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">2</td>
|
||||
@@ -267,6 +271,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-20 08:42:30</td>
|
||||
<td>2026-04-20 08:46:05</td>
|
||||
<td>03:35</td>
|
||||
<td><div class="action-btns"><a class="link-success" href="center-work-order-detail.html">查看应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">3</td>
|
||||
@@ -282,6 +287,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-19 22:06:02</td>
|
||||
<td>2026-04-19 22:18:20</td>
|
||||
<td>12:18</td>
|
||||
<td><div class="action-btns"><a class="link-success" href="center-work-order-detail.html">查看应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">4</td>
|
||||
@@ -297,6 +303,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>—</td>
|
||||
<td>—</td>
|
||||
<td>—</td>
|
||||
<td><div class="action-btns"><a class="link" href="center-work-order-add.html?from=call&name=刘志强&code=EMP-20456&org=采油二厂&dept=工程技术科">新建应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">5</td>
|
||||
@@ -312,6 +319,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-19 16:13:08</td>
|
||||
<td>2026-04-19 16:19:50</td>
|
||||
<td>06:42</td>
|
||||
<td><div class="action-btns"><a class="link" href="center-work-order-add.html?from=call&name=赵国庆&code=EMP-40321&org=长庆工程监督处&dept=质量监督科">新建应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">6</td>
|
||||
@@ -327,6 +335,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>—</td>
|
||||
<td>—</td>
|
||||
<td>—</td>
|
||||
<td><div class="action-btns"><a class="link" href="center-work-order-add.html?from=call&name=孙明亮&code=EMP-10234&org=采油三厂&dept=综合管理科">新建应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">7</td>
|
||||
@@ -342,6 +351,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-19 11:45:35</td>
|
||||
<td>2026-04-19 11:48:50</td>
|
||||
<td>03:15</td>
|
||||
<td><div class="action-btns"><a class="link" href="center-work-order-add.html?from=call&name=周文博&code=EMP-50178&org=勘探开发研究院&dept=地质所">新建应急工单</a></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="col-fixed col-fixed-1">8</td>
|
||||
@@ -357,6 +367,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>2026-04-19 09:08:55</td>
|
||||
<td>2026-04-19 09:13:51</td>
|
||||
<td>04:56</td>
|
||||
<td><div class="action-btns"><a class="link" href="center-work-order-add.html?from=call&name=吴海涛&code=EMP-20789&org=第二采气厂&dept=生产运行科">新建应急工单</a></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -392,6 +403,15 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
var sidebar=document.querySelector('.sidebar');
|
||||
if(sidebar)sidebar.style.display='none';
|
||||
document.querySelector('.main').style.marginLeft='0';
|
||||
/* 操作列链接适配操作人员角色 */
|
||||
document.querySelectorAll('.action-btns a.link-success').forEach(function(a){
|
||||
a.href=a.href.replace('center-work-order-detail.html','center-work-order-detail.html?role=operator');
|
||||
});
|
||||
document.querySelectorAll('.action-btns a.link').forEach(function(a){
|
||||
if(a.href.indexOf('center-work-order-add.html')>-1){
|
||||
a.href=a.href+(a.href.indexOf('?')>-1?'&':'?')+'role=operator';
|
||||
}
|
||||
});
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -225,17 +225,9 @@
|
||||
var params=new URLSearchParams(window.location.search);
|
||||
var role=params.get('role');
|
||||
if(role==='professional'){
|
||||
document.querySelector('.top-bar__logo').lastChild.textContent='\u00a0应急就医–专业人员';
|
||||
document.querySelector('.top-bar__nav').innerHTML=
|
||||
'<a href="../professional/professional.html">正在应急</a>'+
|
||||
'<a href="center-work-order.html?role=professional">应急工单</a>'+
|
||||
'<a href="center-schedule.html?role=professional" class="active">值班小组</a>';
|
||||
document.querySelector('.avatar').textContent='专';
|
||||
document.querySelector('.top-bar__right span:last-child').textContent='专业人员 ▾';
|
||||
var sidebar=document.querySelector('.sidebar');
|
||||
if(sidebar)sidebar.style.display='none';
|
||||
document.querySelector('.main').style.marginLeft='0';
|
||||
document.getElementById('btnEdit').style.display='none';
|
||||
/* 专业人员无值班小组权限,跳转回应急工单 */
|
||||
window.location.href='center-work-order.html?role=professional';
|
||||
return;
|
||||
}
|
||||
if(role==='operator'){
|
||||
document.title='应急就医 - 值班小组 | 健康长庆原型';
|
||||
|
||||
@@ -141,11 +141,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
<div class="form-group">
|
||||
<label class="form-label"><span class="required">*</span>求助方式:</label>
|
||||
<div class="form-control-wrap">
|
||||
<div class="radio-group">
|
||||
<label class="radio-item"><input type="radio" name="helpType" checked><span class="radio-dot"></span>拨打120</label>
|
||||
<label class="radio-item"><input type="radio" name="helpType"><span class="radio-dot"></span>应急视频</label>
|
||||
<label class="radio-item"><input type="radio" name="helpType"><span class="radio-dot"></span>应急电话</label>
|
||||
</div>
|
||||
<span id="helpTypeText" style="line-height:36px;font-size:var(--font-sm);font-weight:500;">线下应急</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -312,6 +308,22 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">目的地:</label>
|
||||
<div class="form-control-wrap">
|
||||
<input class="form-input" placeholder="请输入目的地">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">备注信息:</label>
|
||||
<div class="form-control-wrap">
|
||||
<textarea class="form-input" placeholder="请输入备注信息" style="min-height:80px;resize:vertical;line-height:1.6;font-family:inherit;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
@@ -439,6 +451,36 @@ function pickAmb2(idx){
|
||||
document.addEventListener('click',function(e){
|
||||
if(!e.target.closest('#ambSelect2'))document.getElementById('ambDrop2').classList.remove('open');
|
||||
});
|
||||
/* 根据入口区分求助方式和工单类型 */
|
||||
(function(){
|
||||
var params=new URLSearchParams(window.location.search);
|
||||
var from=params.get('from');
|
||||
if(from==='call'){
|
||||
/* 通话记录入口:应急电话工单 */
|
||||
var readonlyItems=document.querySelectorAll('.form-readonly__item');
|
||||
if(readonlyItems.length){readonlyItems[0].querySelector('.form-readonly__value').textContent='应急电话工单';}
|
||||
document.getElementById('helpTypeText').textContent='应急电话';
|
||||
/* 回填员工信息 */
|
||||
var name=params.get('name')||'';
|
||||
var code=params.get('code')||'';
|
||||
var org=params.get('org')||'';
|
||||
var dept=params.get('dept')||'';
|
||||
if(name){
|
||||
document.getElementById('empInput').value=name+' ('+code+')';
|
||||
document.getElementById('empInput').disabled=true;
|
||||
document.getElementById('ecName').textContent=name;
|
||||
document.getElementById('ecCode').textContent=code;
|
||||
document.getElementById('ecOrg').textContent=org;
|
||||
document.getElementById('ecDept').textContent=dept;
|
||||
document.getElementById('empCard').classList.add('show');
|
||||
}
|
||||
}else{
|
||||
/* 手动新建入口:线下应急工单 */
|
||||
var readonlyItems=document.querySelectorAll('.form-readonly__item');
|
||||
if(readonlyItems.length){readonlyItems[0].querySelector('.form-readonly__value').textContent='线下应急工单';}
|
||||
document.getElementById('helpTypeText').textContent='线下应急';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -121,6 +121,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
.btn-primary:hover{background:#40a9ff;}
|
||||
.btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}
|
||||
.btn-default:hover{border-color:var(--primary);color:var(--primary);}
|
||||
.btn-danger{background:var(--danger);color:#fff;}
|
||||
.btn-danger:hover{background:#ff7875;}
|
||||
.btn-sm{height:28px;padding:0 12px;font-size:var(--font-xs);}
|
||||
.end-confirm{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
|
||||
.end-confirm.open{display:flex;}
|
||||
.end-confirm__box{background:#fff;border-radius:var(--radius-md);width:400px;box-shadow:0 4px 24px rgba(0,0,0,0.18);}
|
||||
.end-confirm__body{padding:32px 24px;text-align:center;}
|
||||
.end-confirm__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;}
|
||||
|
||||
/* 位置链接 */
|
||||
.location-link{color:var(--primary);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
|
||||
@@ -227,7 +235,6 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
<div class="card__title">基本信息</div>
|
||||
<div class="info-row">
|
||||
<div class="info-cell"><span class="info-cell__label">工单编号:</span><span class="info-cell__value">YJ5633256</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">工单类型:</span><span class="info-cell__value">正常派单</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">应急中心:</span><span class="info-cell__value">西安应急中心</span></div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
@@ -243,7 +250,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
<div class="info-row">
|
||||
<div class="info-cell"><span class="info-cell__label">操作人员:</span><span class="info-cell__value">刘旭</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">专业人员:</span><span class="info-cell__value">刘旭</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">工单状态:</span><span class="info-cell__value status status--done">已完成</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">工单状态:</span><span class="info-cell__value status status--doing" id="orderStatus">处理中</span> <button class="btn btn-danger btn-sm" id="btnEndEmergency" style="display:none;margin-left:12px;" onclick="openEndConfirm()">结束应急</button></div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-cell"><span class="info-cell__label">完成时间:</span><span class="info-cell__value">2026-03-21 16:45:00</span></div>
|
||||
@@ -252,21 +259,64 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
|
||||
<!-- 救助信息 -->
|
||||
<div class="card">
|
||||
<div class="card__title">救助信息</div>
|
||||
<div class="desc-block">
|
||||
<div class="desc-block__label">救助意见:</div>
|
||||
<div class="desc-block__text">建议立即送往最近医院急诊科进行头颅CT检查,排除脑血管意外可能。</div>
|
||||
<div class="card__header">
|
||||
<div class="card__title">救助信息</div>
|
||||
<button class="card__header-btn" id="rescueEditBtn" onclick="editRescue()"><svg width="12" height="12" viewBox="0 0 16 16" fill="none"><path d="M11.5 2.5l2 2L5 13H3v-2l8.5-8.5z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>编辑</button>
|
||||
</div>
|
||||
<div class="desc-block">
|
||||
<div class="desc-block__label">救助结果:</div>
|
||||
<div class="desc-block__text">员工已送达长庆油田职工医院急诊科,完成头颅CT检查,排除脑出血,诊断为高血压引起的眩晕,已开具降压药物并留观。</div>
|
||||
<!-- 只读视图 -->
|
||||
<div id="rescueInfoView">
|
||||
<div class="desc-block">
|
||||
<div class="desc-block__label">救助意见:</div>
|
||||
<div class="desc-block__text" id="rv_opinion">建议立即送往最近医院急诊科进行头颅CT检查,排除脑血管意外可能。</div>
|
||||
</div>
|
||||
<div class="desc-block">
|
||||
<div class="desc-block__label">救助结果:</div>
|
||||
<div class="desc-block__text" id="rv_result">员工已送达长庆油田职工医院急诊科,完成头颅CT检查,排除脑出血,诊断为高血压引起的眩晕,已开具降压药物并留观。</div>
|
||||
</div>
|
||||
<div class="photo-block">
|
||||
<span class="photo-block__label">相关照片:</span>
|
||||
<div class="photo-list" id="rv_photos">
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 1</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 2</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 3</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="photo-block">
|
||||
<span class="photo-block__label">相关照片:</span>
|
||||
<div class="photo-list">
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 1</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 2</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 3</div></div>
|
||||
<!-- 编辑视图 -->
|
||||
<div id="rescueEditView" style="display:none;">
|
||||
<div class="form-row">
|
||||
<div class="form-group" style="flex:1;">
|
||||
<label class="form-label">救助意见:</label>
|
||||
<div class="form-control-wrap">
|
||||
<textarea class="form-input" id="rescueOpinion" placeholder="请输入救助意见" style="min-height:80px;resize:vertical;line-height:1.6;font-family:inherit;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group" style="flex:1;">
|
||||
<label class="form-label">救助结果:</label>
|
||||
<div class="form-control-wrap">
|
||||
<textarea class="form-input" id="rescueResult" placeholder="请输入救助结果" style="min-height:80px;resize:vertical;line-height:1.6;font-family:inherit;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group" style="flex:1;">
|
||||
<label class="form-label">相关照片:</label>
|
||||
<div class="form-control-wrap">
|
||||
<div class="photo-list">
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 1</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 2</div></div>
|
||||
<div class="photo-item"><div class="photo-item__placeholder">现场照片 3</div></div>
|
||||
<div style="width:80px;height:80px;border-radius:var(--radius-sm);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;font-size:28px;" title="上传照片">+</div>
|
||||
</div>
|
||||
<div style="font-size:var(--font-xs);color:var(--text-secondary);margin-top:6px;">3/6</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer-inline">
|
||||
<button class="btn btn-primary" onclick="saveRescue()">保存</button>
|
||||
<button class="btn btn-default" onclick="cancelRescue()">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="desc-block">
|
||||
@@ -337,6 +387,12 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
<div class="info-cell"><span class="info-cell__label">随行人:</span><span class="info-cell__value" id="av_escort">张伟</span></div>
|
||||
<div class="info-cell"><span class="info-cell__label">随行人电话:</span><span class="info-cell__value" id="av_escortTel">138-9201-5001</span></div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-cell"><span class="info-cell__label">目的地:</span><span class="info-cell__value" id="av_dest">长庆油田职工医院急诊科</span></div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-cell" style="flex:1;"><span class="info-cell__label">备注信息:</span><span class="info-cell__value" id="av_remark" style="white-space:pre-wrap;">患者胸闷气短,请尽快到达</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 编辑视图 -->
|
||||
<div id="ambEditView" style="display:none">
|
||||
@@ -373,6 +429,22 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">目的地:</label>
|
||||
<div class="form-control-wrap">
|
||||
<input class="form-input" id="ambDest" placeholder="请输入目的地">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">备注信息:</label>
|
||||
<div class="form-control-wrap">
|
||||
<textarea class="form-input" id="ambRemark" placeholder="请输入备注信息" style="min-height:80px;resize:vertical;line-height:1.6;font-family:inherit;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-footer-inline">
|
||||
<button class="btn btn-primary" onclick="saveAmb()">保存</button>
|
||||
<button class="btn btn-default" onclick="cancelAmb()">取消</button>
|
||||
@@ -462,6 +534,8 @@ function editAmb(){
|
||||
}
|
||||
document.getElementById('ambEscort').value=document.getElementById('av_escort').textContent;
|
||||
document.getElementById('ambEscortTel').value=document.getElementById('av_escortTel').textContent;
|
||||
document.getElementById('ambDest').value=document.getElementById('av_dest').textContent;
|
||||
document.getElementById('ambRemark').value=document.getElementById('av_remark').textContent;
|
||||
}
|
||||
function saveAmb(){
|
||||
if(_selectedAmb){
|
||||
@@ -473,6 +547,8 @@ function saveAmb(){
|
||||
}
|
||||
document.getElementById('av_escort').textContent=document.getElementById('ambEscort').value;
|
||||
document.getElementById('av_escortTel').textContent=document.getElementById('ambEscortTel').value;
|
||||
document.getElementById('av_dest').textContent=document.getElementById('ambDest').value;
|
||||
document.getElementById('av_remark').textContent=document.getElementById('ambRemark').value;
|
||||
document.getElementById('ambInfoView').style.display='';
|
||||
document.getElementById('ambEditView').style.display='none';
|
||||
document.getElementById('ambEditBtn').style.display='';
|
||||
@@ -605,8 +681,7 @@ function addSummary(){
|
||||
document.querySelector('.top-bar__logo').lastChild.textContent='\u00a0应急就医–专业人员';
|
||||
document.querySelector('.top-bar__nav').innerHTML=
|
||||
'<a href="../professional/professional.html">正在应急</a>'+
|
||||
'<a href="center-work-order.html?role=professional" class="active">应急工单</a>'+
|
||||
'<a href="center-schedule.html?role=professional">值班小组</a>';
|
||||
'<a href="center-work-order.html?role=professional" class="active">应急工单</a>';
|
||||
document.querySelector('.avatar').textContent='专';
|
||||
document.querySelector('.top-bar__right span:last-child').textContent='专业人员 ▾';
|
||||
var sidebar=document.querySelector('.sidebar');
|
||||
@@ -633,7 +708,56 @@ function addSummary(){
|
||||
if(bc)bc.href='center-work-order.html?role=operator';
|
||||
}
|
||||
})();
|
||||
/* ===== 救助信息编辑 ===== */
|
||||
function editRescue(){
|
||||
document.getElementById('rescueInfoView').style.display='none';
|
||||
document.getElementById('rescueEditView').style.display='';
|
||||
document.getElementById('rescueEditBtn').style.display='none';
|
||||
document.getElementById('rescueOpinion').value=document.getElementById('rv_opinion').textContent;
|
||||
document.getElementById('rescueResult').value=document.getElementById('rv_result').textContent;
|
||||
}
|
||||
function saveRescue(){
|
||||
document.getElementById('rv_opinion').textContent=document.getElementById('rescueOpinion').value;
|
||||
document.getElementById('rv_result').textContent=document.getElementById('rescueResult').value;
|
||||
document.getElementById('rescueInfoView').style.display='';
|
||||
document.getElementById('rescueEditView').style.display='none';
|
||||
document.getElementById('rescueEditBtn').style.display='';
|
||||
}
|
||||
function cancelRescue(){
|
||||
document.getElementById('rescueInfoView').style.display='';
|
||||
document.getElementById('rescueEditView').style.display='none';
|
||||
document.getElementById('rescueEditBtn').style.display='';
|
||||
}
|
||||
/* ===== 结束应急确认 ===== */
|
||||
function openEndConfirm(){document.getElementById('endConfirmModal').classList.add('open');document.body.style.overflow='hidden';}
|
||||
function closeEndConfirm(){document.getElementById('endConfirmModal').classList.remove('open');document.body.style.overflow='';}
|
||||
function confirmEndEmergency(){
|
||||
closeEndConfirm();
|
||||
var st=document.getElementById('orderStatus');
|
||||
st.textContent='已完成';st.className='info-cell__value status status--done';
|
||||
document.getElementById('btnEndEmergency').style.display='none';
|
||||
}
|
||||
/* 页面加载时判断工单状态,非已完成则显示结束应急按钮 */
|
||||
(function(){
|
||||
var st=document.getElementById('orderStatus');
|
||||
if(st&&st.textContent.trim()!=='已完成'){
|
||||
document.getElementById('btnEndEmergency').style.display='';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<!-- 结束应急确认弹窗 -->
|
||||
<div class="end-confirm" id="endConfirmModal" onclick="if(event.target===this)closeEndConfirm()">
|
||||
<div class="end-confirm__box">
|
||||
<div class="end-confirm__body">
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" style="margin-bottom:16px;"><circle cx="24" cy="24" r="24" fill="#FAAD14"/><text x="24" y="33" text-anchor="middle" fill="#fff" font-size="28" font-weight="700">!</text></svg>
|
||||
<div style="font-size:var(--font-base);color:var(--text-primary);line-height:1.8;">请确定本次应急求助已完成后再执行该操作</div>
|
||||
</div>
|
||||
<div class="end-confirm__footer">
|
||||
<button class="btn btn-default" onclick="closeEndConfirm()">取消</button>
|
||||
<button class="btn btn-danger" onclick="confirmEndEmergency()">确认结束</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -187,14 +187,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<option>应急视频</option>
|
||||
<option>应急电话</option>
|
||||
<option>拨打120</option>
|
||||
</select>
|
||||
</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">
|
||||
@@ -214,7 +207,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<div id="actionBar" style="display:flex;gap:12px;margin-bottom:16px;">
|
||||
<button class="btn btn-primary" id="btnAddOrder" style="display:none;" onclick="location.href='center-work-order-add.html?role=operator'">
|
||||
<button class="btn btn-primary" id="btnAddOrder" style="display:none;" onclick="location.href='center-work-order-add.html?role=operator&from=manual'">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1v12M1 7h12" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||||
新增应急工单
|
||||
</button>
|
||||
@@ -248,7 +241,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<th>操作人员</th>
|
||||
<th>驻场人员</th>
|
||||
<th>工单状态</th>
|
||||
<th>工单类型</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -267,7 +259,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>李操作</td>
|
||||
<td>赵驻场</td>
|
||||
<td><span class="tag tag-blue">进行中</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -284,7 +275,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>王操作</td>
|
||||
<td>陈驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -301,7 +291,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>赵操作</td>
|
||||
<td>吴驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -311,14 +300,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>EMP100102</td>
|
||||
<td>采油一厂</td>
|
||||
<td>作业二区</td>
|
||||
<td><span class="tag tag-blue">应急视频</span></td>
|
||||
<td><span class="tag tag-orange">线下应急</span></td>
|
||||
<td>2026-04-19 18:30:12</td>
|
||||
<td>延安应急中心</td>
|
||||
<td>王医生</td>
|
||||
<td>李操作</td>
|
||||
<td>郑驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>事后补单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -335,7 +323,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>王操作</td>
|
||||
<td>黄驻场</td>
|
||||
<td><span class="tag tag-blue">进行中</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -352,7 +339,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>赵操作</td>
|
||||
<td>林驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -362,14 +348,13 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>EMP100890</td>
|
||||
<td>采油一厂</td>
|
||||
<td>作业三区</td>
|
||||
<td><span class="tag tag-blue">应急视频</span></td>
|
||||
<td><span class="tag tag-orange">线下应急</span></td>
|
||||
<td>2026-04-19 11:45:20</td>
|
||||
<td>西安应急中心</td>
|
||||
<td>刘医生</td>
|
||||
<td>李操作</td>
|
||||
<td>张驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>事后补单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -386,7 +371,6 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
<td>王操作</td>
|
||||
<td>吴驻场</td>
|
||||
<td><span class="tag tag-green">已完成</span></td>
|
||||
<td>正常派单</td>
|
||||
<td><a class="link" href="center-work-order-detail.html">详细过程</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -415,8 +399,7 @@ tbody tr:hover{background:#F8FBFF;}
|
||||
/* 顶部导航 */
|
||||
document.querySelector('.top-bar__nav').innerHTML=
|
||||
'<a href="../professional/professional.html">正在应急</a>'+
|
||||
'<a href="center-work-order.html?role=professional" class="active">应急工单</a>'+
|
||||
'<a href="center-schedule.html?role=professional">值班小组</a>';
|
||||
'<a href="center-work-order.html?role=professional" class="active">应急工单</a>';
|
||||
/* 右侧角色 */
|
||||
document.querySelector('.avatar').textContent='专';
|
||||
document.querySelector('.top-bar__right span:last-child').textContent='专业人员 ▾';
|
||||
|
||||
@@ -370,5 +370,124 @@ function toggleDocked(){
|
||||
document.querySelectorAll('.docked-input').forEach(function(el){el.style.display=isDocked?'none':'flex';});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var params=new URLSearchParams(window.location.search);
|
||||
var mode=params.get('mode');
|
||||
if(!mode)return;
|
||||
|
||||
// 根据label文本查找表单行(支持对接/非对接模式下的重复label)
|
||||
function findRow(label,scope){
|
||||
var container=scope||document;
|
||||
return Array.from(container.querySelectorAll('.form-row')).find(function(row){
|
||||
var el=row.querySelector('.form-label');
|
||||
return el&&el.textContent.replace(/\s+/g,'').indexOf(label)!==-1;
|
||||
});
|
||||
}
|
||||
|
||||
// 根据label设置字段值
|
||||
function setField(label,value){
|
||||
var row=findRow(label);
|
||||
if(!row)return null;
|
||||
var el=row.querySelector('input,textarea,select');
|
||||
if(!el)return null;
|
||||
if(el.tagName==='SELECT'){
|
||||
Array.from(el.options).some(function(option,index){
|
||||
if(option.textContent.trim()===value){el.selectedIndex=index;return true;}
|
||||
return false;
|
||||
});
|
||||
}else{
|
||||
el.value=value;
|
||||
}
|
||||
return el;
|
||||
}
|
||||
|
||||
// 在指定范围内查找并设置字段(用于对接模式下的select)
|
||||
function setFieldInScope(label,value,cssSelector){
|
||||
var rows=document.querySelectorAll(cssSelector);
|
||||
for(var i=0;i<rows.length;i++){
|
||||
var el=rows[i].querySelector('.form-label');
|
||||
if(el&&el.textContent.replace(/\s+/g,'').indexOf(label)!==-1){
|
||||
var field=rows[i].querySelector('input,textarea,select');
|
||||
if(field&&field.tagName==='SELECT'){
|
||||
Array.from(field.options).some(function(option,index){
|
||||
if(option.textContent.trim()===value){field.selectedIndex=index;return true;}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
return field;
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
var pageTitle=document.querySelector('title');
|
||||
var currentCrumb=document.querySelector('.breadcrumb span:last-child');
|
||||
var primaryBtn=document.querySelector('.bottom-bar .btn-primary');
|
||||
var secondaryBtn=document.querySelector('.bottom-bar .btn-default');
|
||||
|
||||
// 预填示例数据
|
||||
setField('设备编号','AED-2025-001');
|
||||
// 选中"是否对接"的"是"radio
|
||||
var dockedRadios=document.querySelectorAll('input[name="isDocked"]');
|
||||
if(dockedRadios.length>0)dockedRadios[0].checked=true;
|
||||
// 确保对接模式下拉可见
|
||||
if(typeof toggleDocked==='function')toggleDocked();
|
||||
// 对接模式下的设备厂家和型号(使用docked-select范围)
|
||||
setFieldInScope('设备厂家','迈瑞','.docked-select');
|
||||
setFieldInScope('设备型号','BeneHeart C1A','.docked-select');
|
||||
setField('所属单位','长庆油田总部');
|
||||
setField('所属部门','安全环保部');
|
||||
// 设备类型选中"半自动" — 需要特殊处理,因为当前radio选项是立式/挂式/车载
|
||||
// 按需求设置为半自动,但页面radio选项中没有"半自动",改为保持默认
|
||||
setField('出厂日期','2024-06-15');
|
||||
setField('入库日期','2024-07-01');
|
||||
setField('电量','95');
|
||||
// 电极片是否完好:选中"是"(完好)
|
||||
var electrodeRadios=document.querySelectorAll('input[name="electrodeOk"]');
|
||||
if(electrodeRadios.length>0)electrodeRadios[0].checked=true;
|
||||
setField('电池有效期','2027-06-15');
|
||||
setField('电极片有效期','2027-06-15');
|
||||
setField('摄像头序列号','CAM-20250001');
|
||||
setField('摄像头验证码','VER-A1B2C3');
|
||||
setField('管理部门','安全环保部');
|
||||
setField('管理人','张明');
|
||||
setField('管理人电话','138****1001');
|
||||
setField('厂家电话','400-888-8888');
|
||||
|
||||
if(mode==='view'){
|
||||
// 详情只读态
|
||||
if(currentCrumb)currentCrumb.textContent='AED设备详情';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - AED设备详情 | 健康长庆原型';
|
||||
// 所有表单元素设为只读
|
||||
document.querySelectorAll('main input,main select,main textarea').forEach(function(el){
|
||||
if(el.tagName==='SELECT')el.disabled=true;
|
||||
else el.readOnly=true;
|
||||
el.style.background='#fafafa';
|
||||
el.style.color='#666';
|
||||
el.style.cursor='not-allowed';
|
||||
});
|
||||
// radio禁用
|
||||
document.querySelectorAll('main input[type="radio"]').forEach(function(el){
|
||||
el.disabled=true;
|
||||
});
|
||||
// 隐藏上传区域
|
||||
document.querySelectorAll('.upload-area,.upload-video-btn').forEach(function(el){
|
||||
el.style.display='none';
|
||||
});
|
||||
// 隐藏主按钮,次按钮改为返回
|
||||
if(primaryBtn)primaryBtn.style.display='none';
|
||||
if(secondaryBtn)secondaryBtn.textContent='返 回';
|
||||
}
|
||||
|
||||
if(mode==='edit'){
|
||||
// 编辑态
|
||||
if(currentCrumb)currentCrumb.textContent='编辑AED设备';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - 编辑AED设备 | 健康长庆原型';
|
||||
if(primaryBtn)primaryBtn.textContent='保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -234,5 +234,88 @@ document.addEventListener('click',function(e){
|
||||
document.getElementById('empDropdown').style.display='none';
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var mode = new URLSearchParams(window.location.search).get('mode');
|
||||
if (!mode) return;
|
||||
|
||||
// 辅助函数:根据label文本查找对应的表单行
|
||||
function findRow(label) {
|
||||
var labels = document.querySelectorAll('.form-label');
|
||||
for (var i = 0; i < labels.length; i++) {
|
||||
if (labels[i].textContent.replace(/[\s*]/g, '').indexOf(label) > -1) return labels[i].parentElement;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// 辅助函数:根据label文本设置对应字段的值
|
||||
function setField(label, value) {
|
||||
var row = findRow(label);
|
||||
if (!row) return;
|
||||
var el = row.querySelector('input') || row.querySelector('textarea') || row.querySelector('select');
|
||||
if (!el) return;
|
||||
if (el.tagName === 'SELECT') {
|
||||
// 尝试精确匹配option文本,否则选第一个非空option
|
||||
var matched = false;
|
||||
for (var i = 0; i < el.options.length; i++) {
|
||||
if (el.options[i].textContent.trim() === value) { el.selectedIndex = i; matched = true; break; }
|
||||
}
|
||||
if (!matched) { for (var j = 0; j < el.options.length; j++) { if (el.options[j].value !== '') { el.selectedIndex = j; break; } } }
|
||||
} else {
|
||||
el.value = value;
|
||||
}
|
||||
}
|
||||
|
||||
// 预填示例数据
|
||||
selectEmp('张明','EMP-10001','安全环保部','138****1001');
|
||||
setField('证书编号', 'AED-CERT-2025-001');
|
||||
setField('证书类型', 'AED操作证');
|
||||
setField('发证机构', '中国红十字会');
|
||||
setField('取证日期', '2025-03-15');
|
||||
setField('有效期至', '2027-03-15');
|
||||
|
||||
// 面包屑最后一个span
|
||||
var crumbs = document.querySelectorAll('.breadcrumb span');
|
||||
var lastCrumb = crumbs[crumbs.length - 1];
|
||||
|
||||
if (mode === 'view') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 取证人员详情 | 健康长庆原型';
|
||||
lastCrumb.textContent = '取证人员详情';
|
||||
|
||||
// 所有main区域的表单控件设为只读
|
||||
var main = document.querySelector('main');
|
||||
main.querySelectorAll('input').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('select').forEach(function(el){ el.disabled = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('textarea').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('input[type="radio"]').forEach(function(el){ el.disabled = true; });
|
||||
|
||||
// 搜索选择器禁用交互
|
||||
var es = document.getElementById('empSearch');
|
||||
if (es) es.style.pointerEvents = 'none';
|
||||
|
||||
// 隐藏上传区域
|
||||
document.querySelectorAll('.upload-area').forEach(function(el){ el.style.display = 'none'; });
|
||||
|
||||
// 隐藏主按钮,次按钮改为"返 回"
|
||||
var btns = document.querySelectorAll('.bottom-bar .btn');
|
||||
btns.forEach(function(b){
|
||||
if (b.classList.contains('btn-primary')) { b.style.display = 'none'; }
|
||||
if (b.classList.contains('btn-default')) { b.textContent = '返 回'; }
|
||||
});
|
||||
}
|
||||
|
||||
if (mode === 'edit') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 编辑取证人员 | 健康长庆原型';
|
||||
lastCrumb.textContent = '编辑取证人员';
|
||||
|
||||
// 主按钮改为"保 存"
|
||||
var primaryBtn = document.querySelector('.bottom-bar .btn-primary');
|
||||
if (primaryBtn) primaryBtn.textContent = '保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -70,6 +70,13 @@
|
||||
.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);}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -222,7 +229,7 @@
|
||||
<td>2024-06-15</td>
|
||||
<td>2026-06-15</td>
|
||||
<td><span class="tag tag-green">有效</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该取证人员?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=view">详情</a><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该取证人员?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -237,7 +244,7 @@
|
||||
<td>2023-09-20</td>
|
||||
<td>2026-09-20</td>
|
||||
<td><span class="tag tag-green">有效</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该取证人员?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=view">详情</a><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该取证人员?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -252,7 +259,7 @@
|
||||
<td>2023-03-10</td>
|
||||
<td>2025-03-10</td>
|
||||
<td><span class="tag tag-red">已过期</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该取证人员?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=view">详情</a><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该取证人员?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -267,7 +274,7 @@
|
||||
<td>2024-11-05</td>
|
||||
<td>2026-05-05</td>
|
||||
<td><span class="tag tag-orange">即将过期</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该取证人员?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=view">详情</a><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该取证人员?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -282,7 +289,7 @@
|
||||
<td>2025-01-18</td>
|
||||
<td>2027-01-18</td>
|
||||
<td><span class="tag tag-green">有效</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该取证人员?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-certifier-add.html?mode=view">详情</a><a class="link" href="resource-aed-certifier-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该取证人员?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -297,5 +304,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -96,6 +96,13 @@
|
||||
|
||||
/* 图片缩略图 */
|
||||
.thumb{width:60px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:#f0f0f0;border:1px solid var(--border);}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -264,7 +271,7 @@
|
||||
<td><span class="tag tag-green">已接入</span></td>
|
||||
<td>张明</td>
|
||||
<td>138****1001</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该布点记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该布点记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -281,7 +288,7 @@
|
||||
<td><span class="tag tag-green">已接入</span></td>
|
||||
<td>李华</td>
|
||||
<td>139****2002</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该布点记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该布点记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -298,7 +305,7 @@
|
||||
<td><span class="tag tag-gray">未接入</span></td>
|
||||
<td>王强</td>
|
||||
<td>137****3003</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该布点记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该布点记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -315,7 +322,7 @@
|
||||
<td><span class="tag tag-green">已接入</span></td>
|
||||
<td>赵丽</td>
|
||||
<td>136****4004</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该布点记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该布点记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -332,7 +339,7 @@
|
||||
<td><span class="tag tag-green">已接入</span></td>
|
||||
<td>陈伟</td>
|
||||
<td>135****5005</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该布点记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-deploy-add.html?mode=view">详情</a><a class="link" href="resource-aed-deploy-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该布点记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -348,5 +355,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -190,5 +190,77 @@ document.addEventListener('click',function(e){
|
||||
if(!document.getElementById('deviceSearch').contains(e.target))
|
||||
document.getElementById('deviceDropdown').style.display='none';
|
||||
});
|
||||
</script></body>
|
||||
</script>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var mode = new URLSearchParams(window.location.search).get('mode');
|
||||
if (!mode) return;
|
||||
|
||||
// 辅助函数:根据label文本查找对应的表单行
|
||||
function findRow(label) {
|
||||
var labels = document.querySelectorAll('.form-label');
|
||||
for (var i = 0; i < labels.length; i++) {
|
||||
if (labels[i].textContent.replace(/[\s*]/g, '').indexOf(label) > -1) return labels[i].parentElement;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// 辅助函数:根据label文本设置对应字段的值
|
||||
function setField(label, value) {
|
||||
var row = findRow(label);
|
||||
if (!row) return;
|
||||
var el = row.querySelector('input') || row.querySelector('textarea') || row.querySelector('select');
|
||||
if (el) el.value = value;
|
||||
}
|
||||
|
||||
// 预填示例数据
|
||||
selectDevice('AED-2025-001','迈瑞','BeneHeart C1A','长庆油田总部','安全环保部','总部办公楼1层大厅');
|
||||
setField('维护内容', '定期检查电池电量与电极片完好性,清洁设备外壳,测试开机自检功能正常。');
|
||||
setField('维护人', '张明');
|
||||
setField('维护日期', '2026-04-10');
|
||||
|
||||
// 面包屑最后一个span
|
||||
var crumbs = document.querySelectorAll('.breadcrumb span');
|
||||
var lastCrumb = crumbs[crumbs.length - 1];
|
||||
|
||||
if (mode === 'view') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 维护记录详情 | 健康长庆原型';
|
||||
lastCrumb.textContent = '维护记录详情';
|
||||
|
||||
// 所有main区域的表单控件设为只读
|
||||
var main = document.querySelector('main');
|
||||
main.querySelectorAll('input').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('select').forEach(function(el){ el.disabled = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('textarea').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('input[type="radio"]').forEach(function(el){ el.disabled = true; });
|
||||
|
||||
// 搜索选择器禁用交互
|
||||
var ds = document.getElementById('deviceSearch');
|
||||
if (ds) ds.style.pointerEvents = 'none';
|
||||
|
||||
// 隐藏上传区域
|
||||
document.querySelectorAll('.upload-area').forEach(function(el){ el.style.display = 'none'; });
|
||||
|
||||
// 隐藏主按钮,次按钮改为"返 回"
|
||||
var btns = document.querySelectorAll('.bottom-bar .btn');
|
||||
btns.forEach(function(b){
|
||||
if (b.classList.contains('btn-primary')) { b.style.display = 'none'; }
|
||||
if (b.classList.contains('btn-default')) { b.textContent = '返 回'; }
|
||||
});
|
||||
}
|
||||
|
||||
if (mode === 'edit') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 编辑维护记录 | 健康长庆原型';
|
||||
lastCrumb.textContent = '编辑维护记录';
|
||||
|
||||
// 主按钮改为"保 存"
|
||||
var primaryBtn = document.querySelector('.bottom-bar .btn-primary');
|
||||
if (primaryBtn) primaryBtn.textContent = '保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -55,6 +55,13 @@
|
||||
.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);}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -146,7 +153,7 @@
|
||||
<td>更换电极片,清洁设备外壳</td>
|
||||
<td>张明</td>
|
||||
<td>2026-04-15</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该维护记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该维护记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -159,7 +166,7 @@
|
||||
<td>电池电量检测,功能自检</td>
|
||||
<td>李华</td>
|
||||
<td>2026-04-12</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该维护记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该维护记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -172,7 +179,7 @@
|
||||
<td>更换电池,软件升级</td>
|
||||
<td>王强</td>
|
||||
<td>2026-04-10</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该维护记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该维护记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -185,7 +192,7 @@
|
||||
<td>设备返厂维修,主板更换</td>
|
||||
<td>赵丽</td>
|
||||
<td>2026-04-08</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该维护记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该维护记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -198,7 +205,7 @@
|
||||
<td>日常巡检,设备状态正常</td>
|
||||
<td>陈伟</td>
|
||||
<td>2026-04-05</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该维护记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-maintenance-add.html?mode=view">查看</a><a class="link" href="resource-aed-maintenance-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该维护记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -216,5 +223,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -241,5 +241,88 @@ document.addEventListener('click',function(e){
|
||||
if(!document.getElementById('deviceSearch').contains(e.target))
|
||||
document.getElementById('deviceDropdown').style.display='none';
|
||||
});
|
||||
</script></body>
|
||||
</script>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var mode = new URLSearchParams(window.location.search).get('mode');
|
||||
if (!mode) return;
|
||||
|
||||
// 辅助函数:根据label文本查找对应的表单行
|
||||
function findRow(label) {
|
||||
var labels = document.querySelectorAll('.form-label');
|
||||
for (var i = 0; i < labels.length; i++) {
|
||||
if (labels[i].textContent.replace(/[\s*]/g, '').indexOf(label) > -1) return labels[i].parentElement;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// 辅助函数:根据label文本设置对应字段的值
|
||||
function setField(label, value) {
|
||||
var row = findRow(label);
|
||||
if (!row) return;
|
||||
var el = row.querySelector('input') || row.querySelector('textarea') || row.querySelector('select');
|
||||
if (!el) return;
|
||||
if (el.tagName === 'SELECT') {
|
||||
var matched = false;
|
||||
for (var i = 0; i < el.options.length; i++) {
|
||||
if (el.options[i].textContent.trim() === value) { el.selectedIndex = i; matched = true; break; }
|
||||
}
|
||||
if (!matched) { for (var j = 0; j < el.options.length; j++) { if (el.options[j].value !== '') { el.selectedIndex = j; break; } } }
|
||||
} else {
|
||||
el.value = value;
|
||||
}
|
||||
}
|
||||
|
||||
// 预填示例数据
|
||||
selectDevice('AED-2025-001','迈瑞','BeneHeart C1A','长庆油田总部','安全环保部','总部办公楼1层大厅');
|
||||
setField('活动标题', '2026年第一季度AED操作培训');
|
||||
setField('活动日期', '2026-03-20');
|
||||
setField('负责人', '李华');
|
||||
setField('参加人数', '35');
|
||||
setField('活动效果', '良好');
|
||||
|
||||
// 面包屑最后一个span
|
||||
var crumbs = document.querySelectorAll('.breadcrumb span');
|
||||
var lastCrumb = crumbs[crumbs.length - 1];
|
||||
|
||||
if (mode === 'view') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 培演记录详情 | 健康长庆原型';
|
||||
lastCrumb.textContent = '培演记录详情';
|
||||
|
||||
// 所有main区域的表单控件设为只读
|
||||
var main = document.querySelector('main');
|
||||
main.querySelectorAll('input').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('select').forEach(function(el){ el.disabled = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('textarea').forEach(function(el){ el.readOnly = true; el.style.background = '#fafafa'; el.style.color = '#666'; el.style.cursor = 'not-allowed'; });
|
||||
main.querySelectorAll('input[type="radio"]').forEach(function(el){ el.disabled = true; });
|
||||
|
||||
// 搜索选择器禁用交互
|
||||
var ds = document.getElementById('deviceSearch');
|
||||
if (ds) ds.style.pointerEvents = 'none';
|
||||
|
||||
// 隐藏上传区域
|
||||
document.querySelectorAll('.upload-area').forEach(function(el){ el.style.display = 'none'; });
|
||||
|
||||
// 隐藏主按钮,次按钮改为"返 回"
|
||||
var btns = document.querySelectorAll('.bottom-bar .btn');
|
||||
btns.forEach(function(b){
|
||||
if (b.classList.contains('btn-primary')) { b.style.display = 'none'; }
|
||||
if (b.classList.contains('btn-default')) { b.textContent = '返 回'; }
|
||||
});
|
||||
}
|
||||
|
||||
if (mode === 'edit') {
|
||||
// 修改标题和面包屑
|
||||
document.title = '应急就医 - AED设备信息 - 编辑培演记录 | 健康长庆原型';
|
||||
lastCrumb.textContent = '编辑培演记录';
|
||||
|
||||
// 主按钮改为"保 存"
|
||||
var primaryBtn = document.querySelector('.bottom-bar .btn-primary');
|
||||
if (primaryBtn) primaryBtn.textContent = '保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -61,6 +61,13 @@
|
||||
.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;}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -158,7 +165,7 @@
|
||||
<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"><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该培演记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-training-add.html?mode=view">详情</a><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该培演记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-weight:500;">AED-2025-002</td>
|
||||
@@ -174,7 +181,7 @@
|
||||
<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"><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该培演记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-training-add.html?mode=view">详情</a><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该培演记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-weight:500;">AED-2025-003</td>
|
||||
@@ -190,7 +197,7 @@
|
||||
<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"><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该培演记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-training-add.html?mode=view">详情</a><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该培演记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-weight:500;">AED-2025-005</td>
|
||||
@@ -206,7 +213,7 @@
|
||||
<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"><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该培演记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-training-add.html?mode=view">详情</a><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该培演记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-weight:500;">AED-2025-004</td>
|
||||
@@ -222,7 +229,7 @@
|
||||
<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"><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该培演记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-training-add.html?mode=view">详情</a><a class="link" href="resource-aed-training-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该培演记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -237,5 +244,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -58,6 +58,13 @@
|
||||
.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);}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -153,7 +160,7 @@
|
||||
<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"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该应用记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该应用记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -168,7 +175,7 @@
|
||||
<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"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该应用记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该应用记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -183,7 +190,7 @@
|
||||
<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"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该应用记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该应用记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -198,7 +205,7 @@
|
||||
<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"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该应用记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该应用记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -213,7 +220,7 @@
|
||||
<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"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该应用记录?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-usage-add.html?mode=view">详情</a><a class="link" href="resource-aed-usage-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该应用记录?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -227,5 +234,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -93,6 +93,13 @@
|
||||
.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);}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -249,7 +256,7 @@
|
||||
<td>张明</td>
|
||||
<td>138****1001</td>
|
||||
<td>400-700-8899</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该AED设备?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该AED设备?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -264,7 +271,7 @@
|
||||
<td>李华</td>
|
||||
<td>139****2002</td>
|
||||
<td>400-880-1234</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该AED设备?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该AED设备?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -279,7 +286,7 @@
|
||||
<td>王强</td>
|
||||
<td>137****3003</td>
|
||||
<td>400-700-8899</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该AED设备?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该AED设备?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -294,7 +301,7 @@
|
||||
<td>赵丽</td>
|
||||
<td>136****4004</td>
|
||||
<td>400-990-5678</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该AED设备?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该AED设备?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -309,7 +316,7 @@
|
||||
<td>陈伟</td>
|
||||
<td>135****5005</td>
|
||||
<td>400-880-1234</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该AED设备?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-aed-add.html?mode=view">详情</a><a class="link" href="resource-aed-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该AED设备?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -326,5 +333,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -163,15 +163,7 @@
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-label"><span class="required">*</span>科室</div>
|
||||
<select class="form-select">
|
||||
<option value="">请选择科室</option>
|
||||
<option>急诊科</option>
|
||||
<option>心内科</option>
|
||||
<option>骨科</option>
|
||||
<option>外科</option>
|
||||
<option>内科</option>
|
||||
<option>神经外科</option>
|
||||
</select>
|
||||
<input class="form-input" type="text" placeholder="请输入科室名称">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-label"><span class="required">*</span>职称</div>
|
||||
@@ -202,5 +194,86 @@
|
||||
<button class="btn btn-primary" onclick="alert('新增成功!');location.href='resource-doctor.html';">提 交</button>
|
||||
<button class="btn btn-default" onclick="location.href='resource-doctor.html';">取 消</button>
|
||||
</div>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var params=new URLSearchParams(window.location.search);
|
||||
var mode=params.get('mode');
|
||||
if(!mode)return;
|
||||
|
||||
// 根据label文本查找表单行
|
||||
function findRow(label){
|
||||
return Array.from(document.querySelectorAll('.form-row')).find(function(row){
|
||||
var el=row.querySelector('.form-label');
|
||||
return el&&el.textContent.replace(/\s+/g,'').indexOf(label)!==-1;
|
||||
});
|
||||
}
|
||||
|
||||
// 根据label设置字段值
|
||||
function setField(label,value){
|
||||
var row=findRow(label);
|
||||
if(!row)return null;
|
||||
var el=row.querySelector('input,textarea,select');
|
||||
if(!el)return null;
|
||||
if(el.tagName==='SELECT'){
|
||||
Array.from(el.options).some(function(option,index){
|
||||
if(option.textContent.trim()===value){el.selectedIndex=index;return true;}
|
||||
return false;
|
||||
});
|
||||
}else{
|
||||
el.value=value;
|
||||
}
|
||||
return el;
|
||||
}
|
||||
|
||||
var pageTitle=document.querySelector('title');
|
||||
var currentCrumb=document.querySelector('.breadcrumb span:last-child');
|
||||
var primaryBtn=document.querySelector('.bottom-bar .btn-primary');
|
||||
var secondaryBtn=document.querySelector('.bottom-bar .btn-default');
|
||||
|
||||
// 预填示例数据
|
||||
setField('姓名','王建国');
|
||||
setField('身份证号','610102198503****');
|
||||
setField('联系电话','138****2001');
|
||||
setField('所在医院','西安交通大学第一附属医院');
|
||||
setField('科室','急诊科');
|
||||
setField('职称','副主任医师');
|
||||
setField('急救专长','心肺复苏、创伤急救、中毒处理');
|
||||
// 选中"是否签约入库"的"是"radio
|
||||
var contractRadios=document.querySelectorAll('input[name="contract"]');
|
||||
if(contractRadios.length>0)contractRadios[0].checked=true;
|
||||
|
||||
if(mode==='view'){
|
||||
// 详情只读态
|
||||
if(currentCrumb)currentCrumb.textContent='急救医生详情';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - 急救医生信息 - 急救医生详情 | 健康长庆原型';
|
||||
// 所有表单元素设为只读
|
||||
document.querySelectorAll('main input,main select,main textarea').forEach(function(el){
|
||||
if(el.tagName==='SELECT')el.disabled=true;
|
||||
else el.readOnly=true;
|
||||
el.style.background='#fafafa';
|
||||
el.style.color='#666';
|
||||
el.style.cursor='not-allowed';
|
||||
});
|
||||
// radio禁用
|
||||
document.querySelectorAll('main input[type="radio"]').forEach(function(el){
|
||||
el.disabled=true;
|
||||
});
|
||||
// 隐藏头像上传区域
|
||||
var avatarUpload=document.querySelector('.avatar-upload');
|
||||
if(avatarUpload)avatarUpload.style.display='none';
|
||||
// 隐藏主按钮,次按钮改为返回
|
||||
if(primaryBtn)primaryBtn.style.display='none';
|
||||
if(secondaryBtn)secondaryBtn.textContent='返 回';
|
||||
}
|
||||
|
||||
if(mode==='edit'){
|
||||
// 编辑态
|
||||
if(currentCrumb)currentCrumb.textContent='编辑急救医生';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - 急救医生信息 - 编辑急救医生 | 健康长庆原型';
|
||||
if(primaryBtn)primaryBtn.textContent='保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -97,6 +97,13 @@
|
||||
|
||||
/* 头像缩略图 */
|
||||
.avatar-thumb{width:36px;height:36px;border-radius:50%;background:#E6F7FF;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-xs);border:1px solid #91d5ff;vertical-align:middle;}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -186,16 +193,6 @@
|
||||
<option>定边县医院</option>
|
||||
</select>
|
||||
</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" style="min-width:100px;">
|
||||
@@ -257,7 +254,7 @@
|
||||
<td>心肺复苏、创伤急救</td>
|
||||
<td>138****5612</td>
|
||||
<td><span class="tag tag-green">是</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该医生信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该医生信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -271,7 +268,7 @@
|
||||
<td>心血管急症、胸痛处理</td>
|
||||
<td>139****3287</td>
|
||||
<td><span class="tag tag-green">是</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该医生信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该医生信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -285,7 +282,7 @@
|
||||
<td>中毒急救、烧伤处理</td>
|
||||
<td>137****9451</td>
|
||||
<td><span class="tag tag-green">是</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该医生信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该医生信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -299,7 +296,7 @@
|
||||
<td>骨折固定、脊柱损伤</td>
|
||||
<td>136****8723</td>
|
||||
<td><span class="tag tag-gray">否</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该医生信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该医生信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -313,7 +310,7 @@
|
||||
<td>外伤缝合、止血处理</td>
|
||||
<td>135****2164</td>
|
||||
<td><span class="tag tag-green">是</span></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该医生信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-doctor-add.html?mode=view">详情</a><a class="link" href="resource-doctor-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该医生信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -330,5 +327,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -269,5 +269,85 @@ function removeRow(el){
|
||||
Array.from(tbody.rows).forEach(function(tr,i){tr.cells[0].textContent=i+1;});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
(function(){
|
||||
// 读取URL参数中的mode
|
||||
var params=new URLSearchParams(window.location.search);
|
||||
var mode=params.get('mode');
|
||||
if(!mode)return;
|
||||
|
||||
// 根据label文本查找表单行
|
||||
function findRow(label){
|
||||
return Array.from(document.querySelectorAll('.form-row')).find(function(row){
|
||||
var el=row.querySelector('.form-label');
|
||||
return el&&el.textContent.replace(/\s+/g,'').indexOf(label)!==-1;
|
||||
});
|
||||
}
|
||||
|
||||
// 根据label设置字段值
|
||||
function setField(label,value){
|
||||
var row=findRow(label);
|
||||
if(!row)return null;
|
||||
var el=row.querySelector('input,textarea,select');
|
||||
if(!el)return null;
|
||||
if(el.tagName==='SELECT'){
|
||||
Array.from(el.options).some(function(option,index){
|
||||
if(option.textContent.trim()===value){el.selectedIndex=index;return true;}
|
||||
return false;
|
||||
});
|
||||
}else{
|
||||
el.value=value;
|
||||
}
|
||||
return el;
|
||||
}
|
||||
|
||||
var pageTitle=document.querySelector('title');
|
||||
var currentCrumb=document.querySelector('.breadcrumb span:last-child');
|
||||
var primaryBtn=document.querySelector('.bottom-bar .btn-primary');
|
||||
var secondaryBtn=document.querySelector('.bottom-bar .btn-default');
|
||||
|
||||
// 预填示例数据
|
||||
setField('急救包编号','FAK-2025-001');
|
||||
setField('所属单位','长庆油田总部');
|
||||
setField('布放日期','2026-01-15');
|
||||
setField('管理部门','安全环保部');
|
||||
setField('管理人','李华');
|
||||
setField('管理人电话','139****2002');
|
||||
|
||||
if(mode==='view'){
|
||||
// 详情只读态
|
||||
if(currentCrumb)currentCrumb.textContent='急救包详情';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - 急救包信息 - 急救包详情 | 健康长庆原型';
|
||||
// 所有表单元素设为只读
|
||||
document.querySelectorAll('main input,main select,main textarea').forEach(function(el){
|
||||
if(el.tagName==='SELECT')el.disabled=true;
|
||||
else el.readOnly=true;
|
||||
el.style.background='#fafafa';
|
||||
el.style.color='#666';
|
||||
el.style.cursor='not-allowed';
|
||||
});
|
||||
// 地图选择器禁用交互
|
||||
var mapPicker=document.getElementById('mapPicker');
|
||||
if(mapPicker)mapPicker.style.pointerEvents='none';
|
||||
// 隐藏添加行按钮
|
||||
var addRowBtn=document.querySelector('.add-row-btn');
|
||||
if(addRowBtn)addRowBtn.style.display='none';
|
||||
// 隐藏用品清单中的删除列
|
||||
document.querySelectorAll('.supplies-table th:last-child,.supplies-table td:last-child').forEach(function(el){
|
||||
el.style.display='none';
|
||||
});
|
||||
// 隐藏主按钮,次按钮改为返回
|
||||
if(primaryBtn)primaryBtn.style.display='none';
|
||||
if(secondaryBtn)secondaryBtn.textContent='返 回';
|
||||
}
|
||||
|
||||
if(mode==='edit'){
|
||||
// 编辑态
|
||||
if(currentCrumb)currentCrumb.textContent='编辑急救包';
|
||||
if(pageTitle)pageTitle.textContent='应急就医 - 急救包信息 - 编辑急救包 | 健康长庆原型';
|
||||
if(primaryBtn)primaryBtn.textContent='保 存';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -98,6 +98,13 @@
|
||||
.modal__close:hover{background:#f5f5f5;color:var(--text-primary);}
|
||||
.modal__body{padding:20px 24px;overflow-y:auto;max-height:calc(80vh - 60px);}
|
||||
.modal__body table{width:100%;}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -246,7 +253,7 @@
|
||||
<td>安全环保部</td>
|
||||
<td>刘芳</td>
|
||||
<td>138****6721</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该急救包?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该急救包?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -258,7 +265,7 @@
|
||||
<td>生产运行部</td>
|
||||
<td>王刚</td>
|
||||
<td>139****3208</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该急救包?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该急救包?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -270,7 +277,7 @@
|
||||
<td>综合管理部</td>
|
||||
<td>陈丽</td>
|
||||
<td>137****5519</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该急救包?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该急救包?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -282,7 +289,7 @@
|
||||
<td>安全环保部</td>
|
||||
<td>孙伟</td>
|
||||
<td>136****8842</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该急救包?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该急救包?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -294,7 +301,7 @@
|
||||
<td>综合管理部</td>
|
||||
<td>赵敏</td>
|
||||
<td>135****2107</td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="if(confirm('确认删除该急救包?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><a class="link" href="resource-first-aid-kit-add.html?mode=view">详情</a><a class="link" href="resource-first-aid-kit-add.html?mode=edit">编辑</a><span class="link-danger" onclick="openConfirm(this,'确认删除该急救包?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -430,6 +437,35 @@ function showSupplies(idx){
|
||||
document.getElementById('suppliesModal').classList.add('show');
|
||||
}
|
||||
function closeSupplies(){document.getElementById('suppliesModal').classList.remove('show');}
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -108,6 +108,13 @@
|
||||
.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;}
|
||||
/* 删除确认弹窗 */
|
||||
.confirm-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:300;display:none;align-items:center;justify-content:center;}
|
||||
.confirm-mask.show{display:flex;}
|
||||
.confirm-dialog{background:#fff;border-radius:8px;padding:24px;width:360px;box-shadow:0 8px 24px rgba(0,0,0,0.15);}
|
||||
.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#333;margin-bottom:20px;}
|
||||
.confirm-dialog__footer{display:flex;justify-content:flex-end;gap:8px;}
|
||||
.btn-sm{height:32px;padding:0 16px;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -250,7 +257,7 @@
|
||||
<td>综合性三甲教学医院,西北地区医疗中心</td>
|
||||
<td>心脑血管急救、创伤外科</td>
|
||||
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="if(confirm('确认删除该医院信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="openConfirm(this,'确认删除该医院信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
@@ -262,7 +269,7 @@
|
||||
<td>长庆油田直属职工医疗保障机构</td>
|
||||
<td>职业病防治、常规急救</td>
|
||||
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="if(confirm('确认删除该医院信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="openConfirm(this,'确认删除该医院信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
@@ -274,7 +281,7 @@
|
||||
<td>省属大型综合三甲医院</td>
|
||||
<td>急诊重症、中毒救治</td>
|
||||
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="if(confirm('确认删除该医院信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="openConfirm(this,'确认删除该医院信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
@@ -287,7 +294,7 @@
|
||||
<td>庆阳地区综合性二甲医院</td>
|
||||
<td>基层急救、骨伤科</td>
|
||||
<td><div class="switch on" onclick="this.classList.toggle('on')"></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="if(confirm('确认删除该医院信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="openConfirm(this,'确认删除该医院信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
@@ -300,7 +307,7 @@
|
||||
<td>延安区域重点综合医院</td>
|
||||
<td>野外急救、高原病救治</td>
|
||||
<td><div class="switch" onclick="this.classList.toggle('on')"></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="if(confirm('确认删除该医院信息?'))this.closest('tr').remove()">删除</span></div></td>
|
||||
<td><div class="action-btns"><span class="link" onclick="openDrawer()">编辑</span><span class="link-danger" onclick="openConfirm(this,'确认删除该医院信息?')">删除</span></div></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -435,4 +442,33 @@ document.addEventListener('click',function(e){
|
||||
var sel=document.getElementById('hospitalSelect');
|
||||
if(sel&&!sel.contains(e.target)){document.getElementById('hospitalDropdown').classList.remove('show');}
|
||||
});
|
||||
/* 删除确认弹窗逻辑 */
|
||||
var _deleteRow=null;
|
||||
function openConfirm(el,msg){
|
||||
_deleteRow=el.closest('tr');
|
||||
document.getElementById('confirmMsg').textContent=msg||'确认删除该记录?';
|
||||
document.getElementById('confirmModal').classList.add('show');
|
||||
}
|
||||
function closeConfirm(){
|
||||
document.getElementById('confirmModal').classList.remove('show');
|
||||
_deleteRow=null;
|
||||
}
|
||||
function doDelete(){
|
||||
if(_deleteRow){_deleteRow.remove();_deleteRow=null;}
|
||||
closeConfirm();
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- 删除确认弹窗 -->
|
||||
<div class="confirm-mask" id="confirmModal" onclick="if(event.target===this)closeConfirm()">
|
||||
<div class="confirm-dialog">
|
||||
<div class="confirm-dialog__body">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" style="flex-shrink:0;margin-top:1px;"><circle cx="11" cy="11" r="11" fill="#FAAD14"/><text x="11" y="16" text-anchor="middle" fill="#fff" font-size="14" font-weight="700">!</text></svg>
|
||||
<span id="confirmMsg">确认删除该记录?</span>
|
||||
</div>
|
||||
<div class="confirm-dialog__footer">
|
||||
<button class="btn btn-default btn-sm" onclick="closeConfirm()">取 消</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="doDelete()">确 定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -88,19 +88,6 @@
|
||||
.toolbar-btn--call:hover{background:#F6FFED;color:var(--success);}
|
||||
.toolbar-btn--video{color:var(--primary);}
|
||||
.toolbar-btn--video:hover{background:var(--primary-light);color:var(--primary);}
|
||||
/* 常用语弹出面板 */
|
||||
.phrase-wrap{position:relative;}
|
||||
.phrase-pop{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:260px;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:50;overflow:hidden;}
|
||||
.phrase-pop.open{display:block;}
|
||||
.phrase-pop__title{padding:10px 14px;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;}
|
||||
.phrase-pop__tabs{display:flex;gap:6px;padding:4px 14px 8px;flex-wrap:wrap;border-bottom:1px solid var(--border);}
|
||||
.phrase-tab{font-size:12px;padding:2px 10px;border-radius:10px;cursor:pointer;background:#F5F7FA;color:var(--text-secondary);border:1px solid var(--border);}
|
||||
.phrase-tab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);}
|
||||
.phrase-pop__list{max-height:220px;overflow-y:auto;}
|
||||
.phrase-pop__item{padding:9px 14px;font-size:var(--font-sm);cursor:pointer;transition:background .12s;border-bottom:1px solid #F5F5F5;}
|
||||
.phrase-pop__item:last-child{border-bottom:none;}
|
||||
.phrase-pop__item:hover{background:var(--primary-light);color:var(--primary);}
|
||||
.phrase-pop::after{content:'';position:absolute;bottom:-6px;left:24px;width:10px;height:10px;background:#fff;transform:rotate(45deg);box-shadow:2px 2px 4px rgba(0,0,0,0.06);}
|
||||
.chat-input-wrap{display:flex;gap:8px;align-items:flex-end;}
|
||||
.chat-input{flex:1;min-height:80px;max-height:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;resize:none;font-family:inherit;line-height:1.6;}
|
||||
.chat-input:focus{border-color:var(--primary);}
|
||||
@@ -158,27 +145,10 @@
|
||||
/* 结束应急弹窗 */
|
||||
.end-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
|
||||
.end-modal.open{display:flex;}
|
||||
.end-modal__box{background:#fff;border-radius:var(--radius-md);width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,0.18);position:relative;}
|
||||
.end-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.end-modal__title{font-size:var(--font-base);font-weight:600;}
|
||||
.end-modal__close{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.04);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all .15s;}
|
||||
.end-modal__close:hover{background:rgba(0,0,0,0.08);color:#333;}
|
||||
.end-modal__box{background:#fff;border-radius:var(--radius-md);max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,0.18);position:relative;}
|
||||
.end-modal__body{padding:24px;}
|
||||
.end-modal__patient{font-size:var(--font-sm);color:var(--text-secondary);padding-bottom:16px;border-bottom:1px solid var(--border);display:flex;gap:32px;}
|
||||
.end-modal__warn{margin-top:20px;font-size:var(--font-base);font-weight:600;color:var(--text-primary);line-height:1.8;}
|
||||
.end-modal__hint{margin-top:8px;font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.end-modal__label{margin-top:20px;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;}
|
||||
.end-modal__label .required{color:var(--danger);margin-left:2px;}
|
||||
.end-modal__textarea{width:100%;min-height:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-sm);outline:none;resize:vertical;font-family:inherit;line-height:1.6;}
|
||||
.end-modal__textarea:focus{border-color:var(--primary);}
|
||||
.end-modal__photos{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
|
||||
.end-modal__photo{width:80px;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FAFAFA;position:relative;}
|
||||
.end-modal__photo svg{width:24px;height:24px;color:#bbb;}
|
||||
.end-modal__photo-add{width:80px;height:80px;border-radius:var(--radius-sm);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;font-size:28px;transition:all .15s;}
|
||||
.end-modal__photo-add:hover{border-color:var(--primary);color:var(--primary);}
|
||||
.end-modal__photo-count{font-size:var(--font-xs);color:var(--text-secondary);margin-top:8px;}
|
||||
.end-modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;}
|
||||
/* 补充小结弹窗 */
|
||||
/* 救助信息弹窗 */
|
||||
.summary-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
|
||||
.summary-modal.open{display:flex;}
|
||||
.summary-modal__box{background:#fff;border-radius:var(--radius-md);width:620px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,0.18);}
|
||||
@@ -395,7 +365,7 @@
|
||||
</button>
|
||||
<button class="btn btn-default btn-sm" onclick="openSummaryModal()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 2h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5z" stroke="currentColor" stroke-width="1.1"/><path d="M5 5h4M5 7h4M5 9h2.5" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"/></svg>
|
||||
补充小结
|
||||
救助信息
|
||||
</button>
|
||||
<button class="btn btn-danger btn-sm" onclick="openEndEmergency()">
|
||||
<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>
|
||||
@@ -455,43 +425,13 @@
|
||||
<!-- 操作按钮行 -->
|
||||
<div class="im-right__actions">
|
||||
<button class="btn btn-default" onclick="document.getElementById('mapModal').classList.add('open');document.body.style.overflow='hidden'">查看员工求助位置</button>
|
||||
<button class="btn btn-default" onclick="alert('【交互说明】查看应急详情')">应急详情</button>
|
||||
<!-- <button class="btn btn-default" onclick="alert('【交互说明】查看应急详情')">应急详情</button>-->
|
||||
<!-- <button class="btn btn-default" onclick="alert('【交互说明】查看员工档案')">员工档案</button>-->
|
||||
</div>
|
||||
|
||||
<!-- 发送输入框 -->
|
||||
<div class="im-right__input">
|
||||
<div class="chat-toolbar">
|
||||
<div class="phrase-wrap">
|
||||
<button class="toolbar-btn" onclick="togglePhrase(event)">
|
||||
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.2"/><path d="M5 7l2 2 4-4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
常用语
|
||||
</button>
|
||||
<div class="phrase-pop" id="phrasePop">
|
||||
<div class="phrase-pop__title">选择常用语</div>
|
||||
<div class="phrase-pop__tabs">
|
||||
<span class="phrase-tab active" onclick="filterPhrase('all',this)">全部</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('calm',this)">安抚话术</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('first',this)">急救指导</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('ask',this)">信息采集</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('end',this)">结束语</span>
|
||||
</div>
|
||||
<div class="phrase-pop__list">
|
||||
<div class="phrase-pop__item" data-cat="calm" onclick="sendPhrase(this)">请保持冷静,急救团队正在赶来。</div>
|
||||
<div class="phrase-pop__item" data-cat="calm" onclick="sendPhrase(this)">不要紧张,我会一直在线协助您。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">请立即停止活动,就地平卧休息。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">请解开衣领和腰带,保持呼吸通畅。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">如有出血,请用干净布料按压伤口止血。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">如身边有阿司匹林,请嚼碎服用300mg。</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">请描述您目前的症状变化。</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">请问您现在的具体位置在哪里?</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">您有高血压、糖尿病等基础疾病吗?</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">您身边有同事或家属吗?</div>
|
||||
<div class="phrase-pop__item" data-cat="end" onclick="sendPhrase(this)">急救人员已到达,请配合检查。</div>
|
||||
<div class="phrase-pop__item" data-cat="end" onclick="sendPhrase(this)">本次应急处置结束,祝您早日康复。</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="toolbar-btn">
|
||||
<svg viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.2"/><circle cx="6" cy="7" r="0.8" fill="currentColor"/><circle cx="10" cy="7" r="0.8" fill="currentColor"/><path d="M5.5 10c.5 1.2 2 2 2.5 2s2-0.8 2.5-2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
表情
|
||||
@@ -658,15 +598,16 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 补充小结弹窗 -->
|
||||
<!-- 救助信息弹窗 -->
|
||||
<div class="summary-modal" id="summaryModal" onclick="if(event.target===this)closeSummaryModal()">
|
||||
<div class="summary-modal__box">
|
||||
<div class="summary-modal__header">
|
||||
<span class="summary-modal__title">补充小结</span>
|
||||
<span class="summary-modal__title">救助信息</span>
|
||||
<button class="summary-modal__close" onclick="closeSummaryModal()">✕</button>
|
||||
</div>
|
||||
<div class="summary-modal__body" id="summaryList">
|
||||
<!-- 示例小结条目 -->
|
||||
<!-- 补充小结区域 -->
|
||||
<div style="font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;">补充小结</div>
|
||||
<div class="summary-item" data-id="1">
|
||||
<div class="summary-item__head">
|
||||
<span class="summary-item__time">2026-04-20 09:18</span>
|
||||
@@ -697,13 +638,29 @@
|
||||
<button class="btn btn-primary btn-sm" onclick="saveEditSummary(this)">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align:right;margin-bottom:20px;">
|
||||
<button class="btn btn-primary btn-sm" onclick="addSummary()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
新增小结
|
||||
</button>
|
||||
</div>
|
||||
<!-- 救助结果区域 -->
|
||||
<div style="border-top:1px solid var(--border);padding-top:20px;">
|
||||
<div style="font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-bottom:12px;">救助结果</div>
|
||||
<div style="font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;">结果说明:</div>
|
||||
<textarea id="rescueResult" style="width:100%;min-height:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-sm);outline:none;resize:vertical;font-family:inherit;line-height:1.6;box-sizing:border-box;" placeholder="请输入救助结果说明"></textarea>
|
||||
<div style="font-size:var(--font-sm);color:var(--text-primary);margin:16px 0 8px;">相关照片:</div>
|
||||
<div style="display:flex;gap:12px;flex-wrap:wrap;">
|
||||
<div style="width:80px;height:80px;border-radius:var(--radius-sm);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;font-size:28px;" title="上传照片">+</div>
|
||||
<div style="width:80px;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FAFAFA;position:relative;"><svg viewBox="0 0 24 24" fill="none" style="width:24px;height:24px;color:#bbb;"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
<div style="width:80px;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FAFAFA;position:relative;"><svg viewBox="0 0 24 24" fill="none" style="width:24px;height:24px;color:#bbb;"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
</div>
|
||||
<div style="font-size:var(--font-xs);color:var(--text-secondary);margin-top:8px;">2/6</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary-modal__footer">
|
||||
<span class="summary-modal__count" id="summaryCount">共 2 条小结</span>
|
||||
<button class="btn btn-primary btn-sm" onclick="addSummary()">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 2v10M2 7h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
新增小结
|
||||
</button>
|
||||
<button class="btn btn-primary btn-sm" onclick="closeSummaryModal()">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -780,7 +737,7 @@
|
||||
<div class="amb-driver__item"><span class="amb-driver__label">电话:</span><span class="amb-driver__value"><a id="ambDriverTel" href=""></a></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dispatch-field__row" style="margin-bottom:20px;">
|
||||
<div class="dispatch-field__row">
|
||||
<div class="dispatch-field">
|
||||
<div class="dispatch-field__label">随行人</div>
|
||||
<input class="dispatch-field__input" id="ambEscort" placeholder="请输入随行人姓名">
|
||||
@@ -790,6 +747,14 @@
|
||||
<input class="dispatch-field__input" id="ambEscortTel" placeholder="请输入电话号码">
|
||||
</div>
|
||||
</div>
|
||||
<div class="dispatch-field">
|
||||
<div class="dispatch-field__label">目的地</div>
|
||||
<input class="dispatch-field__input" id="ambDest" placeholder="请输入目的地">
|
||||
</div>
|
||||
<div class="dispatch-field" style="margin-bottom:20px;">
|
||||
<div class="dispatch-field__label">备注信息</div>
|
||||
<textarea class="dispatch-field__input" id="ambRemark" placeholder="请输入备注信息" style="min-height:80px;resize:vertical;padding:10px 12px;line-height:1.6;font-family:inherit;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dispatch-modal__body" id="ambInfo" style="display:none;">
|
||||
<div class="dispatch-info">
|
||||
@@ -800,6 +765,8 @@
|
||||
<div class="dispatch-info__row"><span class="dispatch-info__label">驾驶人电话:</span><span class="dispatch-info__value" id="aiDriverTel"></span></div>
|
||||
<div class="dispatch-info__row"><span class="dispatch-info__label">随行人:</span><span class="dispatch-info__value" id="aiEscort"></span></div>
|
||||
<div class="dispatch-info__row"><span class="dispatch-info__label">随行人电话:</span><span class="dispatch-info__value" id="aiEscortTel"></span></div>
|
||||
<div class="dispatch-info__row"><span class="dispatch-info__label">目的地:</span><span class="dispatch-info__value" id="aiDest"></span></div>
|
||||
<div class="dispatch-info__row"><span class="dispatch-info__label">备注信息:</span><span class="dispatch-info__value" id="aiRemark" style="white-space:pre-wrap;"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dispatch-modal__footer" id="ambFormFooter">
|
||||
@@ -815,27 +782,10 @@
|
||||
|
||||
<!-- 结束应急确认弹窗 -->
|
||||
<div class="end-modal" id="endModal" onclick="if(event.target===this)closeEndEmergency()">
|
||||
<div class="end-modal__box">
|
||||
<div class="end-modal__header">
|
||||
<span class="end-modal__title">结束应急</span>
|
||||
<button class="end-modal__close" onclick="closeEndEmergency()">✕</button>
|
||||
</div>
|
||||
<div class="end-modal__body">
|
||||
<div class="end-modal__patient">
|
||||
<span>求助员工:张伟–男–45岁</span>
|
||||
<span>单位部门:采油一厂–生产部</span>
|
||||
</div>
|
||||
<div class="end-modal__warn">请务必确认:现场人员已妥善救助、安全风险已完全解除、周边隐患已排查到位。</div>
|
||||
<div class="end-modal__hint">请如实填写以下信息,提交后工单将直接标记为已完成</div>
|
||||
<div class="end-modal__label">补充说明:<span class="required">*</span></div>
|
||||
<textarea class="end-modal__textarea" id="endNote" placeholder="请输入"></textarea>
|
||||
<div class="end-modal__label">补充照片:</div>
|
||||
<div class="end-modal__photos">
|
||||
<div class="end-modal__photo-add" title="上传照片">+</div>
|
||||
<div class="end-modal__photo"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
<div class="end-modal__photo"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
</div>
|
||||
<div class="end-modal__photo-count">2/6</div>
|
||||
<div class="end-modal__box" style="width:400px;">
|
||||
<div class="end-modal__body" style="padding:32px 24px;text-align:center;">
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" style="margin-bottom:16px;"><circle cx="24" cy="24" r="24" fill="#FAAD14"/><text x="24" y="33" text-anchor="middle" fill="#fff" font-size="28" font-weight="700">!</text></svg>
|
||||
<div style="font-size:var(--font-base);color:var(--text-primary);line-height:1.8;">请确定本次应急求助已完成后再执行该操作</div>
|
||||
</div>
|
||||
<div class="end-modal__footer">
|
||||
<button class="btn btn-default" onclick="closeEndEmergency()">取消</button>
|
||||
@@ -871,6 +821,8 @@ function openAmb(){
|
||||
document.getElementById('aiDriverTel').textContent=_ambData.driverTel;
|
||||
document.getElementById('aiEscort').textContent=_ambData.escort||'无';
|
||||
document.getElementById('aiEscortTel').textContent=_ambData.escortTel||'无';
|
||||
document.getElementById('aiDest').textContent=_ambData.dest||'无';
|
||||
document.getElementById('aiRemark').textContent=_ambData.remark||'无';
|
||||
}else{
|
||||
document.getElementById('ambForm').style.display='';
|
||||
document.getElementById('ambFormFooter').style.display='';
|
||||
@@ -948,7 +900,8 @@ function submitAmb(){
|
||||
var now=new Date();
|
||||
var ts=now.getFullYear()+'-'+String(now.getMonth()+1).padStart(2,'0')+'-'+String(now.getDate()).padStart(2,'0')+' '+String(now.getHours()).padStart(2,'0')+':'+String(now.getMinutes()).padStart(2,'0');
|
||||
_ambData={time:ts,plate:_selectedAmb.plate,station:_selectedAmb.station,org:_selectedAmb.org,driver:_selectedAmb.driver,driverTel:_selectedAmb.driverTel,
|
||||
escort:document.getElementById('ambEscort').value.trim(),escortTel:document.getElementById('ambEscortTel').value.trim()};
|
||||
escort:document.getElementById('ambEscort').value.trim(),escortTel:document.getElementById('ambEscortTel').value.trim(),
|
||||
dest:document.getElementById('ambDest').value.trim(),remark:document.getElementById('ambRemark').value.trim()};
|
||||
_ambFormCache=null;
|
||||
closeAmb();
|
||||
}
|
||||
@@ -968,6 +921,8 @@ function editAmb(){
|
||||
}
|
||||
document.getElementById('ambEscort').value=d.escort||'';
|
||||
document.getElementById('ambEscortTel').value=d.escortTel||'';
|
||||
document.getElementById('ambDest').value=d.dest||'';
|
||||
document.getElementById('ambRemark').value=d.remark||'';
|
||||
_ambData=null;
|
||||
}
|
||||
document.addEventListener('click',function(e){
|
||||
@@ -1111,7 +1066,7 @@ function renderCalendar(){
|
||||
}
|
||||
}
|
||||
initCalendar();
|
||||
/* 补充小结弹窗 */
|
||||
/* 救助信息弹窗 */
|
||||
var _summaryId=2;
|
||||
function openSummaryModal(){document.getElementById('summaryModal').classList.add('open');document.body.style.overflow='hidden';updateSummaryCount();}
|
||||
function closeSummaryModal(){document.getElementById('summaryModal').classList.remove('open');document.body.style.overflow='';}
|
||||
@@ -1168,25 +1123,6 @@ function deleteSummary(btn){
|
||||
btn.closest('.summary-item').remove();
|
||||
updateSummaryCount();
|
||||
}
|
||||
/* 常用语弹出 */
|
||||
function togglePhrase(e){e.stopPropagation();document.getElementById('phrasePop').classList.toggle('open');}
|
||||
function filterPhrase(cat,el){
|
||||
document.querySelectorAll('.phrase-tab').forEach(function(t){t.classList.remove('active');});
|
||||
el.classList.add('active');
|
||||
document.querySelectorAll('.phrase-pop__item').forEach(function(item){
|
||||
item.style.display=(cat==='all'||item.getAttribute('data-cat')===cat)?'':'none';
|
||||
});
|
||||
}
|
||||
function sendPhrase(el){
|
||||
var text=el.textContent;
|
||||
var msgArea=document.querySelector('.im-right__messages');
|
||||
var html='<div class="chat-message right"><div class="chat-avatar">操</div><div class="chat-body"><div class="chat-name">刘操作员</div><div class="chat-bubble">'+text+'</div></div></div>';
|
||||
msgArea.insertAdjacentHTML('beforeend',html);
|
||||
msgArea.scrollTop=msgArea.scrollHeight;
|
||||
document.getElementById('phrasePop').classList.remove('open');
|
||||
}
|
||||
document.addEventListener('click',function(){document.getElementById('phrasePop').classList.remove('open');});
|
||||
document.getElementById('phrasePop').addEventListener('click',function(e){e.stopPropagation();});
|
||||
/* 资源Tab切换 */
|
||||
function switchResTab(cat,el){
|
||||
document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active');});
|
||||
@@ -1240,8 +1176,6 @@ if(_origOpenMap){
|
||||
function openEndEmergency(){document.getElementById('endModal').classList.add('open');document.body.style.overflow='hidden';}
|
||||
function closeEndEmergency(){document.getElementById('endModal').classList.remove('open');document.body.style.overflow='';}
|
||||
function confirmEndEmergency(){
|
||||
var note=document.getElementById('endNote').value.trim();
|
||||
if(!note){document.getElementById('endNote').style.borderColor='var(--danger)';document.getElementById('endNote').setAttribute('placeholder','补充说明为必填项');document.getElementById('endNote').focus();return;}
|
||||
closeEndEmergency();
|
||||
var now=new Date();
|
||||
var timeStr=now.getFullYear()+'-'+String(now.getMonth()+1).padStart(2,'0')+'-'+String(now.getDate()).padStart(2,'0')+' '+String(now.getHours()).padStart(2,'0')+':'+String(now.getMinutes()).padStart(2,'0');
|
||||
|
||||
@@ -89,19 +89,6 @@
|
||||
.toolbar-btn--call:hover{background:#F6FFED;color:var(--success);}
|
||||
.toolbar-btn--video{color:var(--primary);}
|
||||
.toolbar-btn--video:hover{background:var(--primary-light);color:var(--primary);}
|
||||
/* 常用语弹出面板 */
|
||||
.phrase-wrap{position:relative;}
|
||||
.phrase-pop{display:none;position:absolute;bottom:calc(100% + 8px);left:0;width:260px;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:50;overflow:hidden;}
|
||||
.phrase-pop.open{display:block;}
|
||||
.phrase-pop__title{padding:10px 14px;font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;}
|
||||
.phrase-pop__tabs{display:flex;gap:6px;padding:4px 14px 8px;flex-wrap:wrap;border-bottom:1px solid var(--border);}
|
||||
.phrase-tab{font-size:12px;padding:2px 10px;border-radius:10px;cursor:pointer;background:#F5F7FA;color:var(--text-secondary);border:1px solid var(--border);}
|
||||
.phrase-tab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);}
|
||||
.phrase-pop__list{max-height:220px;overflow-y:auto;}
|
||||
.phrase-pop__item{padding:9px 14px;font-size:var(--font-sm);cursor:pointer;transition:background .12s;border-bottom:1px solid #F5F5F5;}
|
||||
.phrase-pop__item:last-child{border-bottom:none;}
|
||||
.phrase-pop__item:hover{background:var(--primary-light);color:var(--primary);}
|
||||
.phrase-pop::after{content:'';position:absolute;bottom:-6px;left:24px;width:10px;height:10px;background:#fff;transform:rotate(45deg);box-shadow:2px 2px 4px rgba(0,0,0,0.06);}
|
||||
.chat-input-wrap{display:flex;gap:8px;align-items:flex-end;}
|
||||
.chat-input{flex:1;min-height:80px;max-height:160px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;resize:none;font-family:inherit;line-height:1.6;}
|
||||
.chat-input:focus{border-color:var(--primary);}
|
||||
@@ -160,26 +147,8 @@
|
||||
/* 结束应急弹窗 */
|
||||
.end-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);z-index:1000;align-items:center;justify-content:center;}
|
||||
.end-modal.open{display:flex;}
|
||||
.end-modal__box{background:#fff;border-radius:var(--radius-md);width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,0.18);position:relative;}
|
||||
.end-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);}
|
||||
.end-modal__title{font-size:var(--font-base);font-weight:600;}
|
||||
.end-modal__close{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.04);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all .15s;}
|
||||
.end-modal__close:hover{background:rgba(0,0,0,0.08);color:#333;}
|
||||
.end-modal__box{background:#fff;border-radius:var(--radius-md);max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,0.18);position:relative;}
|
||||
.end-modal__body{padding:24px;}
|
||||
.end-modal__patient{font-size:var(--font-sm);color:var(--text-secondary);padding-bottom:16px;border-bottom:1px solid var(--border);display:flex;gap:32px;}
|
||||
.end-modal__warn{margin-top:20px;font-size:var(--font-base);font-weight:600;color:var(--text-primary);line-height:1.8;}
|
||||
.end-modal__hint{margin-top:8px;font-size:var(--font-sm);color:var(--text-secondary);}
|
||||
.end-modal__label{margin-top:20px;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:8px;}
|
||||
.end-modal__label .required{color:var(--danger);margin-left:2px;}
|
||||
.end-modal__textarea{width:100%;min-height:100px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-sm);outline:none;resize:vertical;font-family:inherit;line-height:1.6;}
|
||||
.end-modal__textarea:focus{border-color:var(--primary);}
|
||||
.end-modal__photos{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
|
||||
.end-modal__photo{width:80px;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#FAFAFA;position:relative;}
|
||||
.end-modal__photo svg{width:24px;height:24px;color:#bbb;}
|
||||
.end-modal__photo-label{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;}
|
||||
.end-modal__photo-add{width:80px;height:80px;border-radius:var(--radius-sm);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bbb;font-size:28px;transition:all .15s;}
|
||||
.end-modal__photo-add:hover{border-color:var(--primary);color:var(--primary);}
|
||||
.end-modal__photo-count{font-size:var(--font-xs);color:var(--text-secondary);margin-top:8px;}
|
||||
.end-modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;}
|
||||
/* 应急结束卡片 */
|
||||
.end-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow-sm);min-width:180px;}
|
||||
@@ -267,7 +236,6 @@
|
||||
<nav class="top-bar__nav">
|
||||
<a href="professional.html" class="active">正在应急</a>
|
||||
<a href="../admin/center-work-order.html?role=professional">应急工单</a>
|
||||
<a href="../admin/center-schedule.html?role=professional">值班小组</a>
|
||||
</nav>
|
||||
<div class="top-bar__right">
|
||||
<a class="btn-back" href="../../../index.html">
|
||||
@@ -407,35 +375,6 @@
|
||||
<!-- 发送输入框 -->
|
||||
<div class="im-right__input">
|
||||
<div class="chat-toolbar">
|
||||
<div class="phrase-wrap">
|
||||
<button class="toolbar-btn" onclick="togglePhrase(event)">
|
||||
<svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.2"/><path d="M5 7l2 2 4-4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
常用语
|
||||
</button>
|
||||
<div class="phrase-pop" id="phrasePop">
|
||||
<div class="phrase-pop__title">选择常用语</div>
|
||||
<div class="phrase-pop__tabs">
|
||||
<span class="phrase-tab active" onclick="filterPhrase('all',this)">全部</span>
|
||||
<!-- <span class="phrase-tab" onclick="filterPhrase('calm',this)">其他</span>-->
|
||||
<span class="phrase-tab" onclick="filterPhrase('first',this)">注意事项</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('ask',this)">问候语</span>
|
||||
<span class="phrase-tab" onclick="filterPhrase('end',this)">结束语</span>
|
||||
</div>
|
||||
<div class="phrase-pop__list">
|
||||
<div class="phrase-pop__item" data-cat="calm" onclick="sendPhrase(this)">请保持冷静,急救团队正在赶来。</div>
|
||||
<div class="phrase-pop__item" data-cat="calm" onclick="sendPhrase(this)">不要紧张,我会一直在线指导您。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">请立即停止活动,就地平卧休息。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">请解开衣领和腰带,保持呼吸通畅。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">如有出血,请用干净布料按压伤口止血。</div>
|
||||
<div class="phrase-pop__item" data-cat="first" onclick="sendPhrase(this)">如身边有阿司匹林,请嚼碎服用300mg。</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">请描述您目前的症状变化。</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">疼痛是持续性的还是间断性的?</div>
|
||||
<div class="phrase-pop__item" data-cat="ask" onclick="sendPhrase(this)">您有高血压、糖尿病等基础疾病吗?</div>
|
||||
<div class="phrase-pop__item" data-cat="end" onclick="sendPhrase(this)">急救人员已到达,请配合检查。</div>
|
||||
<div class="phrase-pop__item" data-cat="end" onclick="sendPhrase(this)">本次远程会诊结束,祝您早日康复。</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="toolbar-btn">
|
||||
<svg viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.2"/><circle cx="6" cy="7" r="0.8" fill="currentColor"/><circle cx="10" cy="7" r="0.8" fill="currentColor"/><path d="M5.5 10c.5 1.2 2 2 2.5 2s2-0.8 2.5-2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||||
表情
|
||||
@@ -794,27 +733,10 @@
|
||||
|
||||
<!-- 结束应急确认弹窗 -->
|
||||
<div class="end-modal" id="endModal" onclick="if(event.target===this)closeEndEmergency()">
|
||||
<div class="end-modal__box">
|
||||
<div class="end-modal__header">
|
||||
<span class="end-modal__title">结束应急</span>
|
||||
<button class="end-modal__close" onclick="closeEndEmergency()">✕</button>
|
||||
</div>
|
||||
<div class="end-modal__body">
|
||||
<div class="end-modal__patient">
|
||||
<span>求助员工:张伟–男–43岁</span>
|
||||
<span>单位部门:采油一厂–生产部</span>
|
||||
</div>
|
||||
<div class="end-modal__warn">请务必确认:现场人员已妥善救助、安全风险已完全解除、周边隐患已排查到位。</div>
|
||||
<div class="end-modal__hint">请如实填写以下信息,提交后工单将直接标记为已完成</div>
|
||||
<div class="end-modal__label">补充说明:<span class="required">*</span></div>
|
||||
<textarea class="end-modal__textarea" id="endNote" placeholder="请输入"></textarea>
|
||||
<div class="end-modal__label">补充照片:</div>
|
||||
<div class="end-modal__photos">
|
||||
<div class="end-modal__photo-add" title="上传照片">+</div>
|
||||
<div class="end-modal__photo"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
<div class="end-modal__photo"><svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/><circle cx="8.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><path d="M3 16l5-4 3 3 4-5 6 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg><div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.45);color:#fff;font-size:10px;text-align:center;padding:2px 0;">图片</div></div>
|
||||
</div>
|
||||
<div class="end-modal__photo-count">2/6</div>
|
||||
<div class="end-modal__box" style="width:400px;">
|
||||
<div class="end-modal__body" style="padding:32px 24px;text-align:center;">
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" style="margin-bottom:16px;"><circle cx="24" cy="24" r="24" fill="#FAAD14"/><text x="24" y="33" text-anchor="middle" fill="#fff" font-size="28" font-weight="700">!</text></svg>
|
||||
<div style="font-size:var(--font-base);color:var(--text-primary);line-height:1.8;">请确定本次应急求助已完成后再执行该操作</div>
|
||||
</div>
|
||||
<div class="end-modal__footer">
|
||||
<button class="btn btn-default" onclick="closeEndEmergency()">取消</button>
|
||||
@@ -869,26 +791,6 @@ function renderCalendar(){
|
||||
}
|
||||
}
|
||||
initCalendar();
|
||||
/* 常用语弹出 */
|
||||
function togglePhrase(e){e.stopPropagation();document.getElementById('phrasePop').classList.toggle('open');}
|
||||
function filterPhrase(cat,el){
|
||||
document.querySelectorAll('.phrase-tab').forEach(function(t){t.classList.remove('active');});
|
||||
el.classList.add('active');
|
||||
document.querySelectorAll('.phrase-pop__item').forEach(function(item){
|
||||
item.style.display=(cat==='all'||item.getAttribute('data-cat')===cat)?'':'none';
|
||||
});
|
||||
}
|
||||
function sendPhrase(el){
|
||||
var text=el.textContent;
|
||||
var area=document.querySelector('.im-right__chat');
|
||||
var now=new Date();
|
||||
var time=now.getHours().toString().padStart(2,'0')+':'+now.getMinutes().toString().padStart(2,'0');
|
||||
var html='<div class="chat-message right"><div class="chat-avatar">专</div><div class="chat-body"><div class="chat-name">李医生(心内科副主任)</div><div class="chat-bubble">'+text+'</div></div></div>';
|
||||
area.insertAdjacentHTML('beforeend',html);
|
||||
area.scrollTop=area.scrollHeight;
|
||||
document.getElementById('phrasePop').classList.remove('open');
|
||||
}
|
||||
document.addEventListener('click',function(){document.getElementById('phrasePop').classList.remove('open');});
|
||||
/* 资源Tab切换 */
|
||||
function switchResTab(cat,el){
|
||||
document.querySelectorAll('.res-tab').forEach(function(t){t.classList.remove('active');});
|
||||
@@ -939,7 +841,6 @@ if(_origOpenMap){
|
||||
var _origFn=_origOpenMap.getAttribute('onclick');
|
||||
_origOpenMap.setAttribute('onclick',_origFn+';setTimeout(function(){renderResMarkers("hospital")},0)');
|
||||
}
|
||||
document.getElementById('phrasePop').addEventListener('click',function(e){e.stopPropagation();});
|
||||
/* 结束应急弹窗 */
|
||||
function openEndEmergency(){document.getElementById('endModal').classList.add('open');document.body.style.overflow='hidden';}
|
||||
function closeEndEmergency(){document.getElementById('endModal').classList.remove('open');document.body.style.overflow='';}
|
||||
@@ -966,8 +867,6 @@ function submitAdvice(){
|
||||
msgArea.scrollTop=msgArea.scrollHeight;
|
||||
}
|
||||
function confirmEndEmergency(){
|
||||
var note=document.getElementById('endNote').value.trim();
|
||||
if(!note){document.getElementById('endNote').style.borderColor='var(--danger)';document.getElementById('endNote').setAttribute('placeholder','补充说明为必填项');document.getElementById('endNote').focus();return;}
|
||||
closeEndEmergency();
|
||||
/* 追加"本次应急已结束"卡片消息 */
|
||||
var now=new Date();
|
||||
|
||||
Reference in New Issue
Block a user