2ffce2a53ce252fdeffe378c492a4b1038308f18.svn-base 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <title>应急指挥驾驶舱</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=8">
  7. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  8. <meta http-equiv="description" content="this is my page">
  9. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  10. <!--框架必需start 扁平风格-->
  11. <link href="/nwyj/scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  12. <link href="/nwyj/scripts/qui/system/layout_flat/skin/style.css" rel="stylesheet" type="text/css" id="skin" skinPath="/nwyj/scripts/qui/" scrollerY="false" scrollerX="false"/>
  13. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
  14. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
  15. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/framework.js"></script>
  16. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
  17. <!--框架必需end-->
  18. <!--自动提示框start-->
  19. <script type='text/javascript' src='/nwyj/scripts/qui/libs/js/form/suggestion.js'></script>
  20. <!--自动提示框end-->
  21. <!--数据表格start-->
  22. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/table/quiGrid.js" ></script>
  23. <!--数据表格end-->
  24. <!--树组件start-->
  25. <link rel="stylesheet" type="text/css" href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
  26. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
  27. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
  28. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
  29. <!--树组件end-->
  30. <!-- 模版js和css start-->
  31. <link href="/nwyj/scripts/qui/libs/skins/flatBlue/style1.css" rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
  32. positionTarget="positionContent" selInputHeight="32" selButtonWidth="35" defaultSelWidth="200" fileBtnWidth="60"
  33. defaultFileInputWidth="200" defaultGridHeaderHeight="34" defaultGridRowHeight="38" defaultFontSize="12" defaultPageSelWidth="55"
  34. defaultFilterItemHeight="32" dialogWidthFix="0" defaultSelItemHeight="32" defaultFontFamily="宋体" />
  35. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/pageNumber.js"></script>
  36. <script type="text/javascript" src="/nwyj/scripts/ECM_gridtemplate/changeFormat.js"></script>
  37. <link href="/nwyj/scripts/ECM_gridtemplate/changeFormat.css" rel="stylesheet" type="text/css"/>
  38. <!-- 模版js和css end-->
  39. <link href="/nwyj/scripts/showLoading/showLoading.css" rel="stylesheet" type="text/css" />
  40. <script type="text/javascript" src="/nwyj/scripts/showLoading/jquery.showLoading.js"></script>
  41. <script type="text/javascript" src="/nwyj/scripts/tongyongqui.js"></script>
  42. <link rel="stylesheet" type="text/css" href="/nwyj/css/cockpit/search/mapsearch.css">
  43. <link href="/nwyj/css/cockpit/search/search.css" rel="stylesheet" type="text/css"/>
  44. <script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/cockpitSearch.js"></script>
  45. <style type="text/css">
  46. .jt:hover{
  47. filter:alpha(opacity=50);
  48. }
  49. body{
  50. background-color: #2c3a54;
  51. margin:0;
  52. padding:0;
  53. }
  54. </style>
  55. <script type="text/javascript">
  56. $(function(){
  57. });
  58. </script>
  59. </head>
  60. <body>
  61. <div class="map_search">
  62. <!-- <div class="sear_tit"></div> -->
  63. <div class="sear_tab">
  64. <table class="st_count">
  65. <tr><td>
  66. <div class="dw_plan"><span class="dw_text">电网地图图层面板</span></div>
  67. </td></tr><tr><td>
  68. <div class="title_bar">
  69. <span class="title_name fl">日常气象</span>
  70. <span class="zb oc_open fr mouse_dis" id="rc"></span>
  71. <input type="button" id="11" onclick="getValue('11')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  72. </div>
  73. <div class="bsc rc">内容</div>
  74. </td></tr><tr><td>
  75. <div class="title_bar">
  76. <span class="title_name fl">台风图层</span>
  77. <span class="zb oc_open fr mouse_dis" id="tf"></span>
  78. <input type="button" id="12" onclick="getValue('12')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  79. </div>
  80. <div class="bsc tf">内容</div>
  81. </td></tr><tr><td>
  82. <!-- <div class="title_bar">
  83. <span class="title_name fl">暴雨图层</span>
  84. <span class="zb oc_open fr mouse_dis" id="by"></span>
  85. <input type="button" id="13" onclick="getValue('13')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  86. </div>
  87. <div class="bsc by">内容</div>
  88. </td></tr><tr><td>
  89. <div class="title_bar">
  90. <span class="title_name fl">冰灾图层</span>
  91. <span class="zb oc_open fr mouse_dis" id="bz"></span>
  92. <input type="button" id="14" onclick="getValue('14')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  93. </div>
  94. <div class="bsc bz">内容</div>
  95. </td></tr><tr><td> -->
  96. <div class="title_bar">
  97. <span class="title_name fl">应急预警与响应图层</span>
  98. <span class="zb oc_open fr" id="yjxy"></span>
  99. <input type="button" id="21" onclick="getValue('21')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  100. </div>
  101. <div class="bsc yjxy">
  102. <div class="look_plan">
  103. <span>查看</span>
  104. <div class="fr three_text">
  105. <span class="fr gap_img">表格</span>
  106. <span class="fr gap_img">图例</span>
  107. <span class="fr gap_img">全图</span>
  108. </div>
  109. </div>
  110. <div class="border_plan fr three_btn">
  111. <span class="tab_bor fr gap_bor"></span>
  112. <span class="len_bor fr gap_bor"></span>
  113. <span class="ful_bor fr gap_bor"></span>
  114. </div>
  115. <!-- 应急预警与响应查询面板start -->
  116. <table id="ewer">
  117. <tr><td><span>发布单位:</span></td></tr>
  118. <tr><td><div id="unitId" class="selectTree" selWidth="244" boxWidth="245" boxHeight="185" asyncMode="true" multiMode="true" openDirection="bottom" ></div></td></tr>
  119. <tr><td><span>事件类别:</span></td></tr>
  120. <tr><td><div style="float:left" class="selectTree" id="erewInci" name="team" multiMode="true" noGroup="true" selWidth = "244" boxWidth = "245" boxHeight="125" openDirection = "bottom" ></div></td></tr>
  121. <tr><td width="100"><span>开始时间:</span></td></tr>
  122. <tr><td><input type="text" id="beginTime" class="dateIcon" style="width:244px"/></td></tr>
  123. <tr><td><span>截止时间:</span></td></tr>
  124. <tr><td><input type="text" id="endTime" class="dateIcon" style="width:244px"/></td></tr>
  125. <tr><td><span>事件级别:</span></td></tr>
  126. <tr><td><div style="float:left" class="selectTree" id="incidentLevel" multiMode="true" noGroup="true"
  127. selWidth = "244" boxWidth = "244" boxHeight="110" openDirection = "top"
  128. data='{"treeNodes":[{ "id":"1", "parentId":"0", "name":"红/Ⅰ"},
  129. { "id":"2", "parentId":"0", "name":"橙/Ⅱ"},
  130. { "id":"3", "parentId":"0", "name":"黄/Ⅲ"},
  131. { "id":"4", "parentId":"0", "name":"蓝/Ⅳ"}]}'></div></td></tr>
  132. </table><!-- 应急预警与响应end -->
  133. <button type="button" class="btn btn-primary bfr" onclick="searchEwerClick()">查询&nbsp;&nbsp;<i class="fa fa-search"></i></button>
  134. <!-- 应急预警与响应查询面板end -->
  135. </div>
  136. </td></tr><tr><td>
  137. <div class="title_bar">
  138. <span class="title_name fl">应急资源图层</span>
  139. <span class="zb oc_open fr mouse_dis" id="yjzy"></span>
  140. <input type="button" id="41" onclick="getValue('41')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  141. </div>
  142. <div class="bsc yjzy">
  143. <div class="look_plan">
  144. <span>查看</span>
  145. <div class="fr three_text">
  146. <span class="fr gap_img">表格</span>
  147. <span class="fr gap_img">图例</span>
  148. <span class="fr gap_img">全图</span>
  149. </div>
  150. </div>
  151. <div class="border_plan fr three_btn">
  152. <span class="tab_bor fr gap_bor"></span>
  153. <span class="len_bor fr gap_bor"></span>
  154. <span class="ful_bor fr gap_bor"></span>
  155. </div>
  156. <div class="zy_toolbar">
  157. <table class="st_count">
  158. <tr><td>
  159. <div class="zy_bar">
  160. <span class="title_name fl">应急资源投入</span>
  161. <span class="zb oc_open fr mouse_dis" id="zy_tr"></span>
  162. <input type="button" id="411" onclick="getValue('411')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  163. </div><div class="bsc zy_tr">
  164. <div class="sub_panl">
  165. <table id="investment">
  166. <tr><td width="100"><span>单&nbsp;&nbsp;&nbsp;&nbsp;位:</span></td></tr>
  167. <tr><td><div id="unitIdByEr" class="selectTree" selWidth="233" boxWidth="238" boxHeight="150" asyncMode="false" multiMode="true" openDirection="bottom" ></div></td></tr>
  168. <tr><td width="100"><span>资源类型:</span></td></tr>
  169. <tr><td>
  170. <select selWidth="233" boxWidth="233" boxHeight="100" id="erTypeID" openDirection="bottom" >
  171. <option value="265" selected="selected">应急发电车</option>
  172. <option value="261">抢修人员</option>
  173. <option value="266">应急发电机</option>
  174. </select></td></tr>
  175. <tr><td><span>开始时间:</span></td></tr>
  176. <tr><td><input type="text" id="beginTimeByEr" class="dateIcon" style="width:233px"/></td></tr>
  177. <tr><td><span>截止时间:</span></td></tr>
  178. <tr><td><input type="text" id="endTimeByEr" class="dateIcon" style="width:233px"/></td></tr>
  179. <tr><td><br><button type="button" class="btn btn-primary bfrt" onclick="searchErCount()"><i class="fa fa-search"></i>查询</button></td></tr>
  180. </table>
  181. </div>
  182. </div>
  183. </td></tr>
  184. <tr><td>
  185. <div class="zy_bar">
  186. <span class="title_name fl">绘图工具</span>
  187. <span class="zb oc_open fr mouse_dis" id="zy_ht"></span>
  188. <input type="button" id="412" onclick="getValue('412')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  189. </div>
  190. <div class="bsc zy_ht">
  191. <div class="sub_panl">
  192. <span>应急事件:</span><br/>
  193. <select id="inic" keepDefaultStyle="true" selWidth="231" boxWidth="235" boxHeight="155" openDirection="bottom" ></select><br/>
  194. <button type="button" onclick="openDrawPolylineTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but2.png" />&nbsp;&nbsp;折线</button>
  195. <button type="button" onclick="openDrawPolygonTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but4.png" />&nbsp;&nbsp;多边形</button>
  196. <button type="button" onclick="openDrawCircleTool()" class="toolbtn bm"><img src="/nwyj/images/cockpit/but5.png" />&nbsp;&nbsp;圆形</button><br/>
  197. <button type="button" onclick="openDrawRectangleTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but11.png" />&nbsp;&nbsp;矩形</button>
  198. <button type="button" onclick="addMarkerToUserDefined('but9')" class="toolbtn"><img src="/nwyj/images/cockpit/but9.png" />&nbsp;&nbsp;起点</button>
  199. <button type="button" onclick="addMarkerToUserDefined('but7')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but7.png" />&nbsp;&nbsp;地点</button><br/>
  200. <button type="button" onclick="addMarkerToUserDefined('but10')" class="toolbtn"><img src="/nwyj/images/cockpit/but10.png" />&nbsp;&nbsp;终点</button>
  201. <button type="button" onclick="addMarkerToUserDefined('but8')" class="toolbtn"><img src="/nwyj/images/cockpit/but8.png" />&nbsp;&nbsp;车辆</button>
  202. <button type="button" onclick="addMarkerToUserDefined('but6')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but6.png" />&nbsp;&nbsp;人员</button><br/>
  203. <div>
  204. <button type="button" onclick="erSave()" class="toolbtnsarch">保存</button>
  205. <button type="button" onclick="clearDrawUserDefined()" class="toolbtnsarch" >清除</button>
  206. <button type="button" onclick="showDraw()" class="toolbtnsarch" >查看</button>
  207. </div>
  208. </div>
  209. </div>
  210. </td></tr>
  211. <tr><td>
  212. <div class="zy_bar">
  213. <span class="title_name fl">应急队伍</span>
  214. <span class="zb oc_open fr mouse_dis" id="zy_dw"></span>
  215. <input type="button" id="413" onclick="getValue('413')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  216. </div><div class="bsc zy_dw">
  217. <div class="sub_panl">
  218. <span>突发事件:</span><br>
  219. <div style="float:left" class="selectTree" id="teamInci" name="team" multiMode="true" noGroup="true" selWidth = "231" boxWidth = "231" boxHeight = "100" openDirection = "bottom" ></div><br>
  220. <span>应急队伍:</span><br>
  221. <div style="float:left" class="selectTree" id="teamByInci" name="teamByInci" multiMode="true" noGroup="true" selWidth = "231" boxWidth = "231" boxHeight = "100" openDirection = "bottom" ></div><br>
  222. <span>开始时间:</span>
  223. <input type="text" class="date" id="beginTime" style="width:231px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
  224. <span>截止时间:</span>
  225. <input type="text" class="date" id="endTime" style="width:231px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
  226. <div>
  227. <button type="button" onclick="locationPosition()" class="toolbtnsarch">定位</button>
  228. <button type="button" onclick="tracingMachine()" class="toolbtnsarch">轨迹描绘</button>
  229. <button type="button" id="roadHistory" class="toolbtnsarch">轨迹回放</button>
  230. </div>
  231. </div>
  232. </div>
  233. </td></tr>
  234. </table>
  235. </div>
  236. </div>
  237. </td></tr><!-- <tr><td>
  238. <div class="title_bar">
  239. <span class="title_name fl">设备损失图层</span>
  240. <span class="zb oc_open fr mouse_dis" id="sbss"></span>
  241. <input type="button" id="61" onclick="getValue('61')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  242. </div>
  243. <div class="bsc sbss">内容</div>
  244. </td></tr><tr><td>
  245. <div class="title_bar">
  246. <span class="title_name fl">用户停电图层</span>
  247. <span class="zb oc_open fr mouse_dis" id="yhtd"></span>
  248. <input type="button" id="71" onclick="getValue('71')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  249. </div>
  250. <div class="bsc yhtd">内容</div>
  251. </td></tr> -->
  252. </table>
  253. </div>
  254. </div>
  255. </body>
  256. </html>