<div class='real-time-police' open-li='real-time-police'
|
style='width: 360px; height: calc(100%); background: rgba(12,25,49, .8);'>
|
<ul class='real-time-police-tab'>
|
<li class='on'>实时警情列表</li>
|
<li>传感器管理</li>
|
</ul>
|
<!-- 展示分析研判 -->
|
<div class="realtime-container">
|
<!-- 实时警情信息 -->
|
<div class="realtime-container-police">
|
<div class='realtime-table-content'>
|
<div style='display: flex;'>
|
<div class="realtime-district" style='flex: 1'>
|
<ul>
|
<li id='realtimeDistrict'>
|
行政区：
|
<div>
|
全部
|
|
<i>
|
|
</i>
|
</div>
|
<div class='select-list'>
|
<ul>
|
</ul>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="realtime-level" style='flex: 1'>
|
<ul>
|
<li id='realtimeLevel'>
|
警情类别：
|
<div>
|
全部
|
|
<i>
|
|
</i>
|
</div>
|
<div class='select-list'>
|
<ul>
|
<li>全部</li>
|
<li>治安警情</li>
|
<li>刑事警情</li>
|
<li>火警</li>
|
</ul>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
|
|
<div class="table">
|
<div class="thead">
|
<table>
|
<thead>
|
<tr>
|
<th>序号</th>
|
<th>设备编号</th>
|
<th>行政区</th>
|
<th>警情类别</th>
|
<th>报警时间</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="tbody">
|
<table>
|
<tbody></tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 传感器管理（信息） -->
|
<div class="realtime-container-equipment">
|
<div class='realtime-table-content'>
|
<div id='ztree' class='realtime-equipment-ztree'></div>
|
</div>
|
</div>
|
</div>
|
<div class='layer-realtime-police' style='
|
display: none;
|
position: fixed;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
margin: auto;
|
width: 756px;
|
height: 308px;
|
background: rgba(12, 25, 49, 0.8);'>
|
|
<div class="layer-header">
|
|
<h4>实时报警</h4>
|
<div class="audio open">
|
<audio src="/views/map/images/audio.mp3" loop></audio>
|
</div>
|
<div class="close">
|
|
</div>
|
</div>
|
<ul>
|
</ul>
|
<div class="bottom-tab">
|
<input type="button" class='up-tab off' value='上一条'>
|
<input type="button" class='down-tab on' value='下一条'>
|
</div>
|
</div>
|
<div class='layer-realtime-equipment' style='
|
display: none;
|
position: fixed;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
margin: auto;
|
width: 720px;
|
height: 324px;
|
background: rgba(12, 25, 49, 0.8);'>
|
|
<div class="layer-header">
|
<h4>设备管理</h4>
|
<div class="close">
|
|
</div>
|
</div>
|
<div class='device-management-box'
|
style='position: absolute; top: 40px; bottom: 36px; padding: 10px; box-sizing: border-box; width: 100%; overflow-x: hidden; overflow-y: auto;'>
|
<table>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
<div class='bottom-preservation'
|
style='position: absolute; bottom: 0; width: 100%; height: 36px; line-height: 36px; text-align: center;'>
|
<input type="button" value='保存'
|
style='padding-left: 10px;width: 80px; height: 30px; background: #3680C1; color: #fff; border: none; border-radius: 5px; font-size: 14px; letter-spacing: 10px'>
|
</div>
|
</div>
|
</div>
|
