<div class='real-time-police' open-li='real-time-police' style='height: calc(100%);'>
|
|
<div style="width: 98%">
|
<div class="real-time-select-condition">
|
<div class="realtime-district">
|
<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>
|
</ul>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="realtime-timeselect">
|
<input type="text" placeholder="开始时间" timeSelect="true" id="realTimeBegin" autocomplete="off">
|
-
|
<input type="text" placeholder="结束时间" timeSelect="true" id="realTimeEnd" autocomplete="off">
|
|
<button type="button" quilckQuery="true" id="realTimeQuilckQuery" class="layui-btn layui-btn-sm layui-btn-normal">
|
<i class="layui-icon layui-icon-search"></i>查询
|
</button>
|
|
<button type="button" quilckQuery="false" id="realTimeClearQuery" class="layui-btn layui-btn-sm client-btn-qk">
|
<i class="layui-icon layui-icon-refresh"></i>清空
|
</button>
|
|
</div>
|
|
<div class="realtime-quick">
|
<button type="button">本周</button>
|
<button type="button">本月</button>
|
<button type="button">全部</button>
|
</div>
|
|
</div>
|
|
<div class="real-time-information-list">
|
<table id="real_time_table" lay-filter="test">
|
|
</table>
|
</div>
|
|
<div class="layer-realtime-police-parent">
|
<div class='layer-realtime-police'>
|
|
<div class="layer-header">
|
|
<h4>实时报警</h4>
|
<div class="audio open">
|
<audio src="./images/audio.mp3" loop></audio>
|
</div>
|
<div class="close">
|
|
</div>
|
</div>
|
|
<div class="layer-content">
|
<ul>
|
</ul>
|
<div class="bottom-tab">
|
<input type="button" class='up-tab off' value='上一条'>
|
<input type="button" class='down-tab on' value='下一条'>
|
</div>
|
<div class="layer-realtime-video">
|
<video src="" controls="controls" loop>
|
您的浏览器不支持 video 标签。
|
</video>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<script type="text/html" id="real_time_table_btn">
|
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realDispose" title="处置" style="
|
width: 20px;
|
height: 20px;
|
background: url(./images/real-time-look.png) no-repeat;
|
background-size: 100% 100%;
|
"></button>
|
|
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realHistory" title="设备历史" style="
|
width: 20px;
|
height: 20px;
|
background: url(./images/real-time-history.png) no-repeat;
|
background-size: 100% 100%;
|
"></button>
|
|
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realVideo" title="视频查看" style="
|
width: 20px;
|
height: 20px;
|
background: url(./images/real-time-video-start.png) no-repeat;
|
background-size: 100% 100%;
|
"></button>
|
|
<button class="layui-btn layui-btn-radius layui-btn-normal" lay-event="realLocation" title="定位" style="
|
width: 20px;
|
height: 20px;
|
background: url(./images/real-time-views-goto.png) no-repeat;
|
background-size: 100% 100%;
|
"></button>
|
</script>
|
</div>
|
|
<div style="display:flex;width:2%;align-items:center;justify-content:center;background-color:#F5F5F5;margin-left:4px">
|
<a href="javascript:void(0);" id="realTime-sh-map"><i class="layui-icon"></i></a>
|
</div>
|
</div>
|
