police_o.html 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514
  1. <!DOCTYPE html>
  2. <!--[if IE 8]>
  3. <html lang="en" class="ie8 no-js"> <![endif]-->
  4. <!--[if IE 9]>
  5. <html lang="en" class="ie9 no-js"> <![endif]-->
  6. <html>
  7. <head>
  8. <meta charset="utf-8"/>
  9. <title>智感融合系统</title>
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11. <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  12. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  13. <link rel="stylesheet" type="text/css" href="/static/css/sub_bureau.css">
  14. <link rel="stylesheet" type="text/css" href="/static/css/common.css"/>
  15. <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
  16. <link rel="stylesheet" href="/static/layui_2/css/layui.css" media="all"/>
  17. <script src="/static/js/jquery.min.js" type="text/javascript"></script>
  18. <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=0qkp0ZeSYy2GKUAvlr7GdLRn5lgQlN1m"></script>
  19. <script src="/static/js/echarts.min.js" type="text/javascript"></script>
  20. <script src="/static/js/template.js" type="text/javascript"></script>
  21. <script src="/static/js/police_o.js" type="text/javascript"></script>
  22. <script type="text/javascript" src="/static/layui_2/layui.js"></script>
  23. <script src="/static/js/global.js" type="text/javascript"></script>
  24. <script src="/static/js/baidu_map.js" type="text/javascript"></script>
  25. <script src="/static/js/jquery.slimscroll.min.js" type="text/javascript"></script>
  26. <script src="/static/js/TweenMax.js" type="text/javascript"></script>
  27. <script src="/static/js/mqtt.min.js" type="text/javascript"></script>
  28. <style type="text/css">
  29. .layui-form-switch em{font-size: 1.5rem;color: #fff !important;}
  30. .layui-form-onswitch{background-color: #233C7F;}
  31. .layui-form-switch{margin-top: 0;background-color: #233C7F;;border: 0;}
  32. </style>
  33. </head>
  34. <body>
  35. <div class="monitor_center" style="width:100%;height: 100%;">
  36. <div class="header">
  37. <div class="header_logo">
  38. <span class="system_big_title">智感梯间实战应用平台</span>
  39. <span class="system_middle_title">黄埔区公安分局</span>
  40. <span class="system_small_title">Intelligent Sensing Staircase Practical Application Platform</span>
  41. </div>
  42. <div class="header_background">
  43. <div>
  44. <div class="main_bar" id="main_bar">
  45. <!-- 小区列表:在进入楼栋、房间列表时显示-->
  46. <div class="app_default" mark="" style="width: 18%;height: 1px;">
  47. <span id="global_area_xq" class="hidden" style="cursor: pointer;position: relative;">
  48. <input type="" name="" readonly="" style="background: #233975;border: 0px solid #020e33;border-radius: 5px;margin-right: 1rem;height: 2.4rem;line-height: 2.4rem;"><i class="fa fa-chevron-circle-down" style="position: absolute;right: 1.3rem;top: 0px;color: #ccc;"></i></span>
  49. </div>
  50. <div class="app_default" style="border-right: 1px solid #233c7f;padding-right: 10px;margin-right: 10px;">
  51. <form class="layui-form">
  52. <label class="layui-form-label" style="width: auto;padding: 0;">主数据</label>
  53. <div class="layui-input-block" id="masterdata_type" style="margin-left:60px;min-height: auto;" typevalue="1">
  54. <input type="checkbox" checked="true" name="switch_state" lay-skin="switch" lay-filter="masterdata_type" lay-text=" 人像 | IMSI码 ">
  55. </div>
  56. </form>
  57. </div>
  58. <div class="app_active" mark="screen" onclick="window.location.href='police_o.html'">
  59. <i class="app_icon"></i>
  60. <span>智慧大屏</span>
  61. </div>
  62. <div class="app_default" mark="search">
  63. <i class="app_icon"></i>
  64. <span>智慧搜索</span>
  65. </div>
  66. <div class="app_default" mark="elevator">
  67. <i class="app_icon"></i>
  68. <span>智感梯间</span>
  69. </div>
  70. <div class="app_default" mark="">
  71. <i class="app_icon data_default_icon"></i>
  72. <a href="javascript:window.location.href='/static/index.html'">数据中心</a>
  73. </div>
  74. <div class="app_default hidden" mark="deviceadmin">
  75. <i class="app_icon deviceadmin_default_icon"></i>
  76. <span>设备管理</span>
  77. </div>
  78. </div>
  79. <div class="app_default">
  80. <span class="week" style="cursor:default;">&nbsp</span>
  81. <span class="hour_minute" style="cursor:default;">&nbsp;</span>
  82. </div>
  83. <div class="app_default">
  84. <ul class="layui-nav layui-layout-right" style="background-color:transparent;">
  85. <li class="layui-nav-item layui-hide layui-show-md-inline-block">
  86. <a href="javascript:;" class="current_user" id="login_user_name"></a>
  87. </li>
  88. <span class="layui-nav-bar" style="left: 20px; width: 0px; opacity: 0; top: 55px;"></span>
  89. </ul>
  90. </div>
  91. <div class="app_default">
  92. <i class="layui-icon layui-icon-logout" style="background-color: transparent !important;color: #233C7F;"></i>
  93. <a style="font-size: 16px;cursor: pointer;" href="/">退出</a>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="user_role" id="login_user_role"></div>
  98. <div class="header_bar" style="display:none;">
  99. <span flag="synthetical_center" class="control_active" style="margin-left:5rem;">
  100. <a style="color:#2AAEF2;cursor: pointer;text-decoration: none;" href="index.html">综合分析</a>
  101. </span>
  102. <span flag="control_center">
  103. <a style="color:#ffffff;cursor: pointer;text-decoration: none;" href="police.html">实战应用</a>
  104. </span>
  105. </div>
  106. </div>
  107. <div class="body_content">
  108. <!--左侧部分-->
  109. <div class="body_side side_left">
  110. <!--设备统计-->
  111. <div id="left_device_stat" style="margin-bottom:18px;">
  112. <div class="navigation_bar_area">
  113. <div class="navigation_bar" id="navigation_device" >
  114. <span class="navigation_mark">&nbsp;</span>设备统计
  115. </div>
  116. </div>
  117. <div class="content_box" id="left_total_device" style="height:194px;">
  118. <div style="width:100%;margin:0 auto;height:95%;" id="device_area"></div>
  119. </div>
  120. </div>
  121. <!--数据统计-->
  122. <div id="left_data_stat" style="margin-bottom:18px;">
  123. <div class="navigation_bar_area">
  124. <div class="navigation_bar">
  125. <span class="navigation_mark">&nbsp;</span>数据统计
  126. </div>
  127. </div>
  128. <div class="content_box" id="left_total_data">
  129. <div class="stat_row" style="margin-top:2rem;">
  130. <i class="layui-icon layui-icon-triangle-r" style="color:#233C7F;"></i>
  131. <span class="stat_field">人像总数(<span class="number_unit">人</span>)</span>
  132. <span class="stat_number">&nbsp;</span>
  133. <span class="stat_today">&nbsp;</span>
  134. </div>
  135. <div class="stat_row">
  136. <i class="layui-icon layui-icon-triangle-r" style="color:#233C7F;"></i>
  137. <span class="stat_field">抓拍总数(<span class="number_unit">万张</span>)</span>
  138. <span class="stat_number">&nbsp;</span>
  139. <span class="stat_today">&nbsp;</span>
  140. </div>
  141. <div class="stat_row">
  142. <i class="layui-icon layui-icon-triangle-r" style="color:#233C7F;"></i>
  143. <span class="stat_field">IMSI卡号(<span class="number_unit">万张</span>)</span>
  144. <span class="stat_number">&nbsp;</span>
  145. <span class="stat_today">&nbsp;</span>
  146. </div>
  147. </div>
  148. </div>
  149. <!--小区列表-->
  150. <div id="left_area_item">
  151. <div class="navigation_bar_area" id="navigation_area">
  152. <div class="navigation_bar">
  153. <span class="navigation_mark">&nbsp;</span>小区列表
  154. </div>
  155. <span class="device_icon camera_location" onclick="PoliceObject.GetSiteInfo();" title="显示全部小区"></span>
  156. </div>
  157. <div class="content_box" id="left_area_list">
  158. <div class="place_area" style="height:340px;">
  159. <table id="table_site_list" class="table_list" cellpadding="0" cellspacing="0">
  160. <thead>
  161. <tr>
  162. <th style="width:10%;">序号</th>
  163. <th style="width:85%;">名称</th>
  164. </tr>
  165. </thead>
  166. <tbody></tbody>
  167. </table>
  168. </div>
  169. </div>
  170. </div>
  171. <!--楼栋列表-->
  172. <div id="left_floor_item" style="display:none;">
  173. <div class="navigation_bar_area">
  174. <div class="navigation_bar">
  175. <span class="navigation_mark">&nbsp;</span>楼栋列表
  176. </div>
  177. <div class="return_prev" onclick="PoliceObject.ReturnArea();" title="显示全部小区">
  178. <i class="layui-icon layui-icon-prev"></i>
  179. <span>返回</span>
  180. </div>
  181. </div>
  182. <div class="content_box" id="left_floor_list">
  183. <table id="village_area" class="table_list" cellpadding="0" cellspacing="0">
  184. <tbody></tbody>
  185. </table>
  186. </div>
  187. </div>
  188. </div>
  189. <!--中间-->
  190. <div class="body_center container_data_show hidden" id="container_data_show">
  191. </div>
  192. <!--搜索区域-->
  193. <div id="search_panel" class="search_panel" style="display:none;">
  194. <div class="search_box">
  195. <div class="search_key" style="font-size:14px;">地图搜索</div>
  196. <input class="search_input" style="width:65%;font-size:14px;" id="search_input" maxlength="40" placeholder="请输入关键词,如楼栋、地址、房号"/>
  197. </div>
  198. <span class="search_botton" id="search_button" style="letter-spacing:5px;font-size:14px;width:70px;margin-top: -38px;height: 32px;line-height: 32px;">搜索</span>
  199. </div>
  200. <div class="map_search hidden" id="search_result"></div>
  201. <!--搜索区域结束-->
  202. <!--中间人员信息-->
  203. <div id="container_person_show"></div>
  204. <!--中间全文搜索-->
  205. <div class="body_center container_data_show hidden" id="container_fulltext_search" style="position: absolute;margin:0;width: 100%;"></div>
  206. <!--中间地图-->
  207. <div class="body_center home_center" id="container_map" style="display:block;"></div>
  208. <!--右侧-->
  209. <div class="side_right" id="right_area" style="height:800px;">
  210. <div class="content_box" style="height:800px;"></div>
  211. </div>
  212. </div>
  213. </div>
  214. <div id="site_device_list" class="site_device_list hidden">
  215. <span class="text_overflow" style="position: relative;"><b></b>
  216. <i class="fa fa-times" title="关闭窗口" onclick="$('#site_device_list').addClass('hidden')"></i></span>
  217. <div class="dataitemlist"></div>
  218. </div>
  219. <div id="device_video" class="site_device_list hidden" style="height: 640px;width: 480px;">
  220. <span class="text_overflow caption" style="position: relative;"><b></b><i class="fa fa-times" title="关闭窗口"
  221. onclick="$('#device_video').addClass('hidden')"></i></span>
  222. <div class="dataitemlist" style="padding:0;height:92%;">
  223. <easy-player style="width: 100%;height: 100%" class="videoElement" video-url="" live="true"
  224. stretch="true"></easy-player>
  225. </div>
  226. </div>
  227. <div class="clearn"></div>
  228. </body>
  229. <div class="layout_dialog" id="dialog_common" style="width:900px;height:650px;z-index:10000">
  230. <div class="layout_caption">
  231. <span class="layout_title"></span>
  232. <i class="layout_close"></i>
  233. </div>
  234. <div class="layout_content" style="padding-top:10px;">
  235. <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: 100%; height: 576px;">
  236. <div id="table_alert_desc_div" style="overflow: hidden; width: 100%; height: 576px;">
  237. </div>
  238. <div class="slimScrollBar"
  239. style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div>
  240. <div class="slimScrollRail"
  241. style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
  242. </div>
  243. </div>
  244. </div>
  245. <div class="layout_dialog" id="upload_image_dialog" style="width:900px;height:600px;">
  246. <div class="layout_caption">
  247. <span class="layout_title" style="font-size:16px;">标题</span>
  248. <span style="float: right;text-align: right;" onclick="Global.CloseDialog();">
  249. <img class="close" src="/static/images/close.png" style="margin-right: 1rem;cursor: pointer;">
  250. </span>
  251. </div>
  252. <div class="layout_content" style="float:none;margin-top:20px;">
  253. <div style="width:98%;margin:20px auto 0 auto;">
  254. <div id="stress_uploade" style="float:left;height:485px;margin-bottom:10px;width:100%;"></div>
  255. <div style="float: left;width: 100%;">
  256. <div style="width:235px;margin: 0 auto;">
  257. <button class="button_cancel" onclick="Global.CloseDialog();">取消</button>
  258. <button class="button_ok stress_save">确定</button>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. <!--电梯详情-->
  265. <div class="layout_dialog" id="lift_detail" style="width:90rem;height:80rem;z-index: 10050;">
  266. <div class="person_title">
  267. <div class="person_info_title">
  268. <span><b></b>电梯详情</span>
  269. <i class="layout_close" onclick="Global.CloseDialog($('#lift_detail'));PoliceObject.LiftRunController.WssMessageUnCallback(callbackhandler);"></i>
  270. </div>
  271. </div>
  272. <div class="lift_detail_run" style="float: left;text-align: center;position: absolute;width: 40%;height: 71rem;bottom: 1rem">
  273. </div>
  274. <div class="lift_info" style="float: left; width: 58%; height: 68rem; overflow: hidden;padding: 1rem;margin-left: 40%;">
  275. <div class="person_title" style="float: left;width:100%;margin-bottom: 0;height: auto;">
  276. <span class="person_title_text" style="float: left;width:20%;border-bottom: 2px solid #fff;">
  277. <span style="float:left;">基本信息</span>
  278. </span>
  279. <div id="lift_info_basic" style="float: left;width: 100%;margin-top:0rem;height: auto;overflow: hidden;">
  280. <div style="float:left;width:100%;">
  281. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  282. <span style="width:49%;">名称</span>
  283. <span style="width:45%;">注册码</span>
  284. </div>
  285. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  286. <input class="LIFTNAME" name="LIFTNAME" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  287. <input class="REGISTERCODE" name="REGISTERCODE" style="float:right;width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  288. </div>
  289. </div>
  290. <div style="float:left;width:100%;">
  291. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  292. <span style="width:49%;">摄像头名称</span>
  293. <span style="width:45%;">摄像头SN</span>
  294. </div>
  295. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  296. <input class="CAMERA_NAME" name="CAMERA_NAME" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  297. <input class="CAMERA_SN" name="CAMERA_SN" style="float:right;width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  298. </div>
  299. </div>
  300. <div style="float:left;width:100%;">
  301. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  302. <span style="width:49%;">电子围栏名称</span>
  303. <span style="width:45%;">电子围栏MAC</span>
  304. </div>
  305. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  306. <input class="ap_devname" name="ap_devname" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  307. <input class="APMAC" name="APMAC" style="float:right;width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  308. </div>
  309. </div>
  310. <div style="float:left;width:100%;">
  311. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  312. <span style="width:90%;">电梯地址</span>
  313. </div>
  314. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  315. <input class="FULLPATH" name="FULLPATH" style="width:97%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  316. </div>
  317. </div>
  318. <div class="hidden" style="float:left;width:100%;">
  319. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  320. <span style="width:49%;">状态</span>
  321. <span style="width:45%;">创建时间</span>
  322. </div>
  323. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  324. <input class="ONLINESTATUS" name="ONLINESTATUS" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  325. <input class="CREATED_TIME" name="CREATED_TIME" style="float:right;width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. <div class="person_title" style="float: left;width:100%;margin-bottom: 0;height: auto;">
  331. <span class="person_title_text" style="float: left;width:auto;border-bottom: 2px solid #fff;">
  332. <span style="float:left;">实时状态</span><span id="lift_info_runinfo_loading" class="fa fa-circle-o-notch fa-spin fa-3x fa-fw" style="float: left;font-size: 2rem;line-height: 4rem;margin-left: 1rem;color: #6c6c5b;"></span>
  333. </span>
  334. <div id="lift_info_runinfo" style="float: left;width: 100%;margin-top:0rem;height: auto;overflow: hidden;">
  335. <div style="float:left;width:100%;">
  336. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  337. <span style="width:49%;">运行速度(mm/s)</span>
  338. <span style="width:45%;">是否载人</span>
  339. </div>
  340. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  341. <input class="speed" name="speed" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  342. <input class="carHuman" name="carHuman" style="width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;float: right;color: #8fadd2;"/>
  343. </div>
  344. </div>
  345. <div style="float:left;width:100%;">
  346. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  347. <span style="width:49%;">轿厢烟感</span>
  348. <span style="width:45%;">轿厢温度(°C)</span>
  349. </div>
  350. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  351. <input class="smokeDetector" name="smokeDetector" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  352. <input class="carTemperature" name="carTemperature" style="width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;float: right;color: #8fadd2;"/>
  353. </div>
  354. </div>
  355. <div style="float:left;width:100%;">
  356. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  357. <span style="width:49%;">气压(μPa)</span>
  358. <span style="width:45%;">数据采集时间</span>
  359. </div>
  360. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  361. <input class="press" name="press" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  362. <input class="packageTime" name="packageTime" style="width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;float: right;color: #8fadd2;"/>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. <div class="person_title" style="float: left;width:100%;margin-bottom: 0;height: auto;">
  368. <span class="person_title_text" style="float: left;width:auto;border-bottom: 2px solid #fff;">
  369. <span style="float:left;">运行信息</span><span id="lift_info_runstate_loading" class="fa fa-circle-o-notch fa-spin fa-3x fa-fw" style="float: left;font-size: 2rem;line-height: 4rem;margin-left: 1rem;color: #6c6c5b;"></span>
  370. </span>
  371. <div id="lift_info_runstate" style="float: left;width: 100%;margin-top:0;height: auto;overflow: hidden;">
  372. <div style="float:left;width:100%;">
  373. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  374. <span style="width:49%;">当前楼层</span>
  375. <span style="width:45%;">平层状态</span>
  376. </div>
  377. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  378. <input class="floor" name="floor" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  379. <input class="flatStatus" name="flatStatus" style="width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;float: right;color: #8fadd2;"/>
  380. </div>
  381. </div>
  382. <div style="float:left;width:100%;">
  383. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  384. <span style="width:49%;">运行方向</span>
  385. <span style="width:45%;">轿门状态</span>
  386. </div>
  387. <div class="person_field" style="margin-bottom: 0;float:left;width:100%;">
  388. <input class="direction" name="direction" style="width:44%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;color: #8fadd2;"/>
  389. <input class="doorStatus" name="doorStatus" style="width:47%;border: 0;border-bottom: 1px solid #3f4973;padding: 0;height: 1.8rem;float: right;color: #8fadd2;"/>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. <div style="float: left;width: 58%;margin-left: 40%;">
  396. <div style="width:100%;margin: 0 auto;text-align: center;">
  397. <button class="layui-btn layui-btn-normal" onclick="Global.CloseDialog($('#lift_detail'));PoliceObject.LiftRunController.WssMessageUnCallback(callbackhandler);">关闭</button>
  398. </div>
  399. </div>
  400. </div>
  401. <script src="/static/easyplayer/EasyPlayer-element.min.js"></script>
  402. <script type="text/javascript">
  403. template.helper("FullImgPath",function(imgsrc){
  404. if(imgsrc==null||imgsrc=="") return Global.AccessUrl+ "/static/images/userhead.png";
  405. if (imgsrc.substr(0, 4) != "http") {
  406. var _index = imgsrc.indexOf("static/");
  407. if (_index > -1) return Global.AccessUrl + imgsrc.substr(_index);
  408. }
  409. return imgsrc;
  410. })
  411. template.helper("ts2datetime",function(timestamp){
  412. if(timestamp==null||timestamp=="") return "";
  413. if(timestamp.indexOf("-")>-1 || timestamp.indexOf(":")>-1) return timestamp;
  414. if(timestamp.length>13) timestamp=timestamp.substring(0,13);
  415. else if( timestamp.length==10) timestamp=timestamp*1000;
  416. return new Date(timestamp).Format("yyyy-MM-dd hh:mm:ss");
  417. })
  418. $(document).ready(function () {
  419. var token = $.trim(localStorage.getItem("sessionid"));
  420. if (token == "") {
  421. window.location.href = "/";
  422. return false;
  423. }
  424. PoliceObject.AlwaysTimer();
  425. PoliceObject.init();
  426. });
  427. </script>
  428. <!--场所列表-->
  429. <script type="text/html" id="site_list">
  430. {{each data}}
  431. <tr keyid="{{$value.id}}" jd="{{$value.jd}}" area_code="{{$value.area_code}}" wd="{{$value.wd}}">
  432. <td style="width:10%;">
  433. <span class="place_index">{{$value.xh}}</span>
  434. </td>
  435. <td style="width:85%;text-align:left;">{{$value.area_name}}{{if $value.jd!='' && $value.wd!=''&&$value.jd!=null
  436. && $value.wd!=null}}<i class="fa fa-map-marker" style="margin-left:2rem;color: green;"></i>{{/if}}
  437. </td>
  438. </tr>
  439. {{/each}}
  440. </script>
  441. <!--场所-设备列表-->
  442. <script type="text/html" id="site_building_list_tpl">
  443. {{each data}}
  444. <div class="building_item_row" pid="{{$value.pid}}" keyid="{{$value.id}}" jd="{{$value.jd}}" wd="{{$value.wd}}" style="width: 100%;float: left;cursor: pointer;">
  445. <span style="width:6%;float: left;" class="place_index">{{$index+1}}&nbsp;&nbsp;</span>
  446. <span class="text_overflow" style="width:83%;float:left;color:#233C7F;" title="{{$value.area_name}}">{{$value.area_name}}</span>
  447. <span class="text_overflow" style="width:10%;float: left;">
  448. {{if $value.jd!='' && $value.wd!=''&&$value.jd!=null && $value.wd!=null}}
  449. <i class="fa fa-map-marker" style="margin-left: 1rem;color:green;"></i>
  450. {{/if}}
  451. </span>
  452. </div>
  453. {{/each}}
  454. </script>
  455. <!--楼栋列表-->
  456. <script type="text/html" id="village_list">
  457. <tr class="hidden">
  458. <td colspan="2"></td>
  459. </tr>
  460. {{each data}}
  461. <tr class="village_row" keyid="{{$value.id}}" jd="{{$value.jd}}" area_code="{{$value.area_code}}" wd="{{$value.wd}}" pid="{{$value.pid}}">
  462. <td style="width:10%;">
  463. <span class="place_index">{{$index+1}}</span>
  464. </td>
  465. <td style="width:85%;text-align:left;">
  466. {{$value.area_name}}
  467. {{if $value.jd!='' && $value.wd!=''&&$value.jd!=null && $value.wd!=null}}
  468. <i class="fa fa-map-marker" style="margin-left:2rem;color: green;"></i>
  469. {{/if}}
  470. </td>
  471. </tr>
  472. {{/each}}
  473. </script>
  474. <!--搜索结果列表-->
  475. <script type="text/html" id="search_result_list_tpl">
  476. <div style="color: #999;padding: 1rem;font-size: 1.2rem;">为您找到<span style="padding:0 5px;color:#233C7F;">{{count}}</span>个相关结果</div>
  477. <div class="search_result_list_item">
  478. {{each data}}
  479. <ul style="padding-bottom: 0.5rem;" areaid="{{$value.id}}" jd="{{$value.jd}}" wd="{{$value.wd}}">
  480. <li style="color: #999">
  481. <span style="font-size: 1.6rem;display: inline-block;width: 2rem;height: 2rem;">
  482. {{if $value.jd!="" && $value.wd!=""}}
  483. <i class="fa fa-map-marker" style="font-size: 2rem;"></i>
  484. {{/if}}
  485. </span>
  486. <span style="font-size: 1.6rem;">{{$value.area_name}}</span>
  487. </li>
  488. <li><span style="padding-left: 2rem;">{{$value.ct}}添加 </span></li>
  489. <li><span style="padding-left: 2rem;">{{$value.area_addr||$value.fullpath}}</span></li>
  490. </ul>
  491. {{/each}}
  492. </div>
  493. </script>
  494. <!--IMSI列表-->
  495. <script type="text/html" id="global_imsi_list_tpl">
  496. {{each data}}
  497. <div keyid="{{$value.id}}" class="imsi_tr">
  498. <span class="index">
  499. <span class="number_flag">{{$value.index||($index+1)}}</span>
  500. </span>
  501. <span class="imsino">{{$value.imsi}}</span>
  502. </div>
  503. {{/each}}
  504. </script>