| | |
| | | <div class='police-dispatching' open-li='police-dispatching'> |
| | | <ul class='police-dispatching-tab'> |
| | | <li class='on'>警情分发</li> |
| | | <li>巡逻管理</li> |
| | | <li>出警队伍管理</li> |
| | | </ul> |
| | | <!-- 展示警情调度 --> |
| | | <div class="police-container"> |
| | | <!-- 警情分发 --> |
| | | <div class="police-container-distribute"> |
| | | <div style='display: flex;'> |
| | | <div class="distribute-district" style='flex: 1'> |
| | | <ul> |
| | | <li id='distributeCategory'> |
| | | 行政区: |
| | | <div> |
| | | 全部 |
| | | |
| | | <i> |
| | | |
| | | </i> |
| | | </div> |
| | | <div class='select-list'> |
| | | <ul> |
| | | <li>全部</li> |
| | | <li>治安警情</li> |
| | | <li>刑事警情</li> |
| | | <li>火警</li> |
| | | </ul> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | <div class="distribute-state" style='flex: 1'> |
| | | <ul> |
| | | <li id='distributeState'> |
| | | 状态: |
| | | <div> |
| | | 全部 |
| | | |
| | | <i> |
| | | |
| | | </i> |
| | | </div> |
| | | <div class='select-list'> |
| | | <ul> |
| | | <li statetype=''>全部</li> |
| | | <li statetype='0'>待处理</li> |
| | | <li statetype='2'>处理中</li> |
| | | </ul> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class='distribute-selection-criteria'> |
| | | <input type="text" id='dispatchingStartTime' readonly> - <input type="text" id='dispatchingEndTime' |
| | | readonly> |
| | | <input type="button" value='查询' id='dispatchingSelectTime'> |
| | | </div> |
| | | <div class='distribute-table-content'> |
| | | <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="police-container-patrol"> |
| | | <ul class='tab-header'> |
| | | <li class='on'>巡逻区域</li> |
| | | <!-- <li class='on'>巡逻区域</li> --> |
| | | <li>巡逻路线</li> |
| | | </ul> |
| | | <ul class='main-content'> |
| | | <li> |
| | | <div class='distribute-table-content'> |
| | | <div class="operation"> |
| | | <input type="text" placeholder="请输入区域名称" class='route-name'> |
| | | <input type="button" value='查询' class='query'> |
| | | <input type="button" value='新增' class='add'> |
| | | </div> |
| | | <div class="table"> |
| | | <div class="thead"> |
| | | <table> |
| | | <thead> |
| | | <tr> |
| | | <th>序号</th> |
| | | <th>区域名称</th> |
| | | <th>时间</th> |
| | | </tr> |
| | | </thead> |
| | | </table> |
| | | </div> |
| | | <div class="tbody"> |
| | | <table> |
| | | <tbody></tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li style="display: none;"> |
| | | <div class='distribute-table-content'> |
| | | <div class="operation"> |
| | | <div class='select'> |
| | | <ul> |
| | | <li id='patrolRoute'> |
| | | 区域: |
| | | <div> |
| | | |
| | | </div> |
| | | <div class='select-list'> |
| | | <ul> |
| | | |
| | | </ul> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | |
| | | </div> |
| | | <input type="button" value='新增' class='add'> |
| | | </div> |
| | | <div class="operation"> |
| | | <input type="text" placeholder="请输入路线名称" class='route-name'> |
| | | <input type="button" value='查询' class='query'> |
| | | </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> |
| | | </li> |
| | | </ul> |
| | | |
| | | <div id="region-tree"></div> |
| | | </div> |
| | | <!-- 出警队伍管理 --> |
| | | <div class="police-container-policeforce"> |
| | | <div class='distribute-table-content'> |
| | | <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> |
| | | <tr> |
| | | <td>1</td> |
| | | <td>011</td> |
| | | <td>我是是</td> |
| | | <td>12233344455</td> |
| | | <td> |
| | | <input type="button" value='查看'> |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | |
| | | <!-- 按钮事件 --> |
| | | <div class="mapBtn" id="mapBtn" style="display: none;"> |
| | | <div class="insBtn"> |
| | | <img src="./images/add-0.png" style="width:14px;height:14px;"> |
| | | <a class=" insert " id="insertEngineeringMap">新增 | </a> |
| | | </div> |
| | | <div class="editBtn"> |
| | | <img src="./images/edit.png" style="width:14px;height:14px;"> |
| | | <a class=" edit " id="editEngineeringMap">编辑 | </a> |
| | | </div> |
| | | <div class="delBtn"> |
| | | <img src="./images/del.png" style="width:14px;height:14px;"> |
| | | <a class="delete " id="securityMapClearMap">删除</a> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 用来显示警情分发的详细内容(编辑或查看) --> |
| | | <div class='police-container-distribute-details' style='display: none;'> |
| | | <div class="header"> |
| | | <h4> |
| | | |
| | | </h4> |
| | | <div class="close"> |
| | | |
| | | </div> |
| | | </div> |
| | | <div class="content"> |
| | | <table> |
| | | <tbody> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | <div class="handle-button" style='display: none;'> |
| | | <input type="button" value="确定" class="confirm"><input type="button" value="取消" class='cancel'> |
| | | </div> |
| | | |
| | | <!-- 保安 --> |
| | | <div class='security-guard-nearby' style='display: none;'> |
| | | <div class="security-staff-header"> |
| | | <h4> |
| | | 附近保安 |
| | | </h4> |
| | | </div> |
| | | <div class="security-staff-content"> |
| | | <table> |
| | | <thead> |
| | | <tr> |
| | | <th>序号</th> |
| | | <th>保安名字</th> |
| | | <th>距离/km</th> |
| | | <th>操作</th> |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | <div class="security-staff-confirm"> |
| | | <input type="button" value="确定"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="tips"> |
| | | 单击左键开始绘制。 |