f20836d016427e1451893b5be1e71254c8c90a37.svn-base 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <!DOCTYPE HTML>
  2. <html>
  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=EmulateIE7" />
  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. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/text/vticker.js"></script>
  19. <!--自动提示框start-->
  20. <script type='text/javascript' src='/nwyj/scripts/qui/libs/js/form/suggestion.js'></script>
  21. <!--自动提示框end-->
  22. <!--数据表格start-->
  23. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/table/quiGrid.js" ></script>
  24. <!--数据表格end-->
  25. <!--表单提交start-->
  26. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/form.js"></script>
  27. <!--表单提交end-->
  28. <!--表单验证start-->
  29. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/validation.js"></script>
  30. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/validationRule.js"></script>
  31. <!--表单提交end-->
  32. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  33. <!--数据表格end-->
  34. <script type="text/javascript" src="/nwyj/scripts/qui/libs/thirdparty/highcharts/js/highcharts.js"></script>
  35. <script src="/nwyj/scripts/qui/libs/thirdparty/highcharts/js/highcharts-more.js"></script>
  36. <!--弹窗组件start-->
  37. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/popup/messager.js"></script>
  38. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/popup/drag.js"></script>
  39. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/popup/dialog.js"></script>
  40. <!--弹窗组件end-->
  41. <!--布局组件start-->
  42. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/layout.js"></script>
  43. <!--布局组件start-->
  44. <!--基本选项卡start-->
  45. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/basicTab.js"></script>
  46. <!--基本选项卡end-->
  47. <!--动态选项卡start-->
  48. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/dynamicTab.js"></script>
  49. <!--动态选项卡end-->
  50. <!--树组件start-->
  51. <link rel="stylesheet" type="text/css" href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
  52. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
  53. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
  54. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
  55. <!--树组件end-->
  56. <!-- 扩展工具js -->
  57. <script type="text/javascript" src="/nwyj/scripts/jquery/plugins/jquery.extension.util.js"></script>
  58. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/Request.js"></script>
  59. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/common.js"></script>
  60. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/DateUtil.js"></script>
  61. <script type="text/javascript" src="/nwyj/scripts/commom/common/common.js"></script>
  62. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/utils/utils.js"></script>
  63. <script type="text/javascript" src="/nwyj/scripts/freamwork/com/sinosoft/common/frameWork/frameWork.js"></script>
  64. <script type="text/javascript" src="/nwyj/scripts/setiframeheight.js"></script>
  65. <!-- 模版js和css start-->
  66. <link href="/nwyj/scripts/qui/libs/skins/flatBlue/style1.css"
  67. rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
  68. positionTarget="positionContent" selInputHeight="32"
  69. selButtonWidth="35" defaultSelWidth="200" fileBtnWidth="60"
  70. defaultFileInputWidth="200" defaultGridHeaderHeight="34"
  71. defaultGridRowHeight="38" defaultFontSize="12" defaultPageSelWidth="55"
  72. defaultFilterItemHeight="32" dialogWidthFix="0"
  73. defaultSelItemHeight="32" defaultFontFamily="宋体" />
  74. <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/pageNumber.js"></script>
  75. <script type="text/javascript" src="/nwyj/scripts/ECM_gridtemplate/changeFormat.js"></script>
  76. <link href="/nwyj/scripts/ECM_gridtemplate/changeFormat.css" rel="stylesheet" type="text/css"/>
  77. <!-- 模版js和css end-->
  78. <link href="/nwyj/scripts/showLoading/showLoading.css" rel="stylesheet" type="text/css" />
  79. <script type="text/javascript" src="/nwyj/scripts/showLoading/jquery.showLoading.js"></script>
  80. <script type="text/javascript" src="/nwyj/scripts/tongyongqui.js"></script>
  81. <!-- gis方法star -->
  82. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/js/WebGisUtil.js"></script>
  83. <script type="text/javascript" src="/nwyj/page/cockpit/alert/alert_iframe.js"></script>
  84. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/js/gis_util.js"></script>
  85. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/js/gispackage.js"></script>
  86. <script type="text/javascript" src="/nwyj/page/cockpit/webgis/js/gis_index.js"></script>
  87. <!-- gis方法end -->
  88. <link href="/nwyj/css/cockpit/search/search.css" rel="stylesheet" type="text/css"/>
  89. <link rel="stylesheet" type="text/css" href="/nwyj/css/cockpit/search/mapsearch.css">
  90. </head>
  91. <body onload="init()" >
  92. <iframe name="searchByGis" id="searchByGis" style="z-index:99; position:absolute;left:3px; top:3px; " src="/nwyj/page/cockpit/webgis/gisSearch.jsp" width="50px" height = "50px" frameborder = 0 scrolling =no></iframe>
  93. <table class="map_search"><tr><td>
  94. <!-- ***地图查询start*** -->
  95. <div class="sear_tab" id="leftceladows">
  96. <div class="gis_title_plan">
  97. <img class="fr printImg" id="lw" src="/nwyj/images/cockpit/main/1_31.png" alt="查看专题图表" onclick="" style="padding:15px 20px 15px 0;">
  98. <!-- <img class="pull-right printImg" src="/nwyj/images/cockpit/main/jsc_enlarge.png" alt="放大专题图表" onclick="" style="padding:15px 20px 15px 0;"> -->
  99. <img class="fr printImg" id="" src="/nwyj/images/cockpit/btn/print.png" alt="打印专题" onclick="" style="padding:15px 20px 15px 0;">
  100. </div>
  101. <div class="dw_plan"><span class="dw_text">电网地图图层面板</span></div>
  102. <div class="_search_gis">
  103. <div class="title_bar">
  104. <span class="title_name fl">日常气象</span>
  105. <span class="zb oc_open fr mouse_dis" id="rc"></span>
  106. <input type="button" id="11" onclick="getValue('11')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  107. </div>
  108. <div class="bsc rc">内容</div>
  109. <div class="title_bar">
  110. <span class="title_name fl">台风图层</span>
  111. <span class="zb oc_open fr mouse_dis" id="tf"></span>
  112. <input type="button" id="12" onclick="getValue('12')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  113. </div>
  114. <div class="bsc tf">内容</div>
  115. <div class="title_bar">
  116. <span class="title_name fl">应急预警与响应图层</span>
  117. <span class="zb oc_open fr" id="yjxy"></span>
  118. <input type="button" id="21" onclick="getValue('21')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  119. </div>
  120. <div class="bsc yjxy">
  121. <div class="_bsc_plan">
  122. <div class="look_plan">
  123. <span>查看</span>
  124. <div class="fr three_text">
  125. <span class="fr gap_img">表格</span> <span class="fr gap_img">图例</span> <span class="fr gap_img">全图</span>
  126. </div>
  127. </div>
  128. <div class="border_plan fr three_btn">
  129. <span class="tab_bor fr gap_bor"></span> <span class="len_bor fr gap_bor"></span> <span class="ful_bor fr gap_bor"></span>
  130. </div>
  131. <!-- 应急预警与响应查询面板start -->
  132. <div id="ewer">
  133. <span>发布单位:</span><br>
  134. <div id="unitId" class="selectTree" selWidth="244" boxWidth="250" boxHeight="185" asyncMode="true" multiMode="true" openDirection="bottom" ></div>
  135. <!-- <span>事件类别:</span><br>
  136. <div style="float:left" class="selectTree" id="erewInci" name="team" multiMode="true" noGroup="true" selWidth = "224" boxWidth = "224" boxHeight="125" openDirection = "bottom" ></div> -->
  137. <span>开始时间:</span><br>
  138. <input type="text" id="beginTime" class="dateIcon" style="width:250px"/>
  139. <span>截止时间:</span><br>
  140. <input type="text" id="endTime" class="dateIcon" style="width:250px"/>
  141. <div class="ewer_level">
  142. <span id="ew_level" class="hand">应急预警:</span>
  143. <label for="ew_red" class="hand wrm">红</label><input type="checkbox" id="ew_red" name="ew_type" value="35" checked="checked" />
  144. <label for="ew_org" class="hand wrm">橙</label><input type="checkbox" id="ew_org" name="ew_type" value="36" checked="checked" />
  145. <label for="ew_yel" class="hand wrm">黄</label><input type="checkbox" id="ew_yel" name="ew_type" value="37" checked="checked" />
  146. <label for="ew_bul" class="hand wrm">蓝</label><input type="checkbox" id="ew_bul" name="ew_type" value="38" checked="checked" />
  147. </div><div class="ewer_level">
  148. <span id="er_level" class="hand">应急响应:</span>
  149. <label for="ew_one" class="hand wrm">Ⅰ</label><input type="checkbox" id="ew_one" name="er_type" value="29" checked="checked" />
  150. <label for="ew_two" class="hand wrm">Ⅱ</label><input type="checkbox" id="ew_two" name="er_type" value="30" checked="checked" />
  151. <label for="ew_thr" class="hand wrm">Ⅲ</label><input type="checkbox" id="ew_thr" name="er_type" value="31" checked="checked" />
  152. <label for="ew_for" class="hand wrm">Ⅳ</label><input type="checkbox" id="ew_for" name="er_type" value="32" checked="checked" />
  153. </div>
  154. <button type="button" class="btn" onclick="searchEwerClick()">查询&nbsp;&nbsp;<i class="fa fa-search"></i></button>
  155. </div>
  156. <!-- 应急预警与响应end -->
  157. <!-- 应急预警与响应查询面板end -->
  158. </div>
  159. </div>
  160. <div class="title_bar">
  161. <span class="title_name fl">应急资源图层</span>
  162. <span class="zb oc_open fr mouse_dis" id="yjzy"></span>
  163. <input type="button" id="41" onclick="getValue('41')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  164. </div>
  165. <div class="bsc yjzy">
  166. <div class="_bsc_plan">
  167. <div class="look_plan">
  168. <span>查看</span>
  169. <div class="fr three_text">
  170. <span class="fr gap_img">表格</span> <span class="fr gap_img">图例</span> <span class="fr gap_img">全图</span>
  171. </div>
  172. </div>
  173. <div class="border_plan fr three_btn">
  174. <span class="tab_bor fr gap_bor"></span> <span class="len_bor fr gap_bor"></span> <span class="ful_bor fr gap_bor"></span>
  175. </div>
  176. <div class="zy_toolbar">
  177. <div class="_bsc_plan_sub">
  178. <div class="zy_bar">
  179. <span class="title_name fl">应急资源投入</span>
  180. <span class="zb oc_open fr mouse_dis" id="zy_tr"></span>
  181. <input type="button" id="411" onclick="getValue('411')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  182. </div>
  183. <div class="bsc zy_tr">
  184. <div class="sub_panl">
  185. <table id="investment">
  186. <tr><td width="100"><span>单&nbsp;&nbsp;&nbsp;&nbsp;位:</span></td></tr>
  187. <tr><td><div id="unitIdByEr" class="selectTree" selWidth="244" boxWidth="244" boxHeight="150" asyncMode="false" multiMode="true" openDirection="bottom" ></div></td></tr>
  188. <tr><td width="100"><span>资源类型:</span></td></tr>
  189. <tr><td>
  190. <select selWidth="244" boxWidth="244" boxHeight="100" id="erTypeID" openDirection="bottom" >
  191. <option value="265" selected="selected">应急发电车</option>
  192. <option value="261">抢修人员</option>
  193. <option value="266">应急发电机</option>
  194. </select></td></tr>
  195. <tr><td><span>开始时间:</span></td></tr>
  196. <tr><td><input type="text" id="beginTimeByEr" class="dateIcon" style="width:250px"/></td></tr>
  197. <tr><td><span>截止时间:</span></td></tr>
  198. <tr><td><input type="text" id="endTimeByEr" class="dateIcon" style="width:250px"/></td></tr>
  199. <tr><td><button type="button" class="btn btn-primary bfrt" onclick="searchErCount()"><i class="fa fa-search"></i>查询</button></td></tr>
  200. </table>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="_bsc_plan_sub">
  205. <div class="zy_bar">
  206. <span class="title_name fl">绘图工具</span>
  207. <span class="zb oc_open fr mouse_dis" id="zy_ht"></span>
  208. <input type="button" id="412" onclick="getValue('412')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  209. </div>
  210. <div class="bsc zy_ht">
  211. <div class="sub_panl">
  212. <span>应急事件:</span><br/>
  213. <select id="inic" keepDefaultStyle="true" selWidth="244" boxWidth="250" boxHeight="155" openDirection="bottom" ></select><br/>
  214. <button type="button" onclick="openDrawPolylineTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but2.png" />&nbsp;&nbsp;折线</button>
  215. <button type="button" onclick="openDrawPolygonTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but4.png" />&nbsp;&nbsp;多边形</button>
  216. <button type="button" onclick="openDrawCircleTool()" class="toolbtn bm"><img src="/nwyj/images/cockpit/but5.png" />&nbsp;&nbsp;圆形</button><br/>
  217. <button type="button" onclick="openDrawRectangleTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but11.png" />&nbsp;&nbsp;矩形</button>
  218. <button type="button" onclick="addMarkerToUserDefined('but9')" class="toolbtn"><img src="/nwyj/images/cockpit/but9.png" />&nbsp;&nbsp;起点</button>
  219. <button type="button" onclick="addMarkerToUserDefined('but7')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but7.png" />&nbsp;&nbsp;地点</button><br/>
  220. <button type="button" onclick="addMarkerToUserDefined('but10')" class="toolbtn"><img src="/nwyj/images/cockpit/but10.png" />&nbsp;&nbsp;终点</button>
  221. <button type="button" onclick="addMarkerToUserDefined('but8')" class="toolbtn"><img src="/nwyj/images/cockpit/but8.png" />&nbsp;&nbsp;车辆</button>
  222. <button type="button" onclick="addMarkerToUserDefined('but6')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but6.png" />&nbsp;&nbsp;人员</button><br/>
  223. <div>
  224. <button type="button" onclick="erSave()" class="toolbtnsarch">保存</button>
  225. <button type="button" onclick="clearDrawUserDefined()" class="toolbtnsarch" >清除</button>
  226. <button type="button" onclick="showDraw()" class="toolbtnsarch" >查看</button>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="_bsc_plan_sub">
  232. <div class="zy_bar">
  233. <span class="title_name fl">应急队伍</span>
  234. <span class="zb oc_open fr mouse_dis" id="zy_dw"></span>
  235. <input type="button" id="413" onclick="getValue('413')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
  236. </div>
  237. <div class="bsc zy_dw">
  238. <div class="sub_panl">
  239. <span>突发事件:</span><br>
  240. <div style="float:left" class="selectTree" id="teamInci" name="team" multiMode="true" noGroup="true" selWidth = "244" boxWidth = "250" boxHeight = "100" openDirection = "bottom" ></div><br>
  241. <span>应急队伍:</span><br>
  242. <div style="float:left" class="selectTree" id="teamByInci" name="teamByInci" multiMode="true" noGroup="true" selWidth = "244" boxWidth = "250" boxHeight = "100" openDirection = "bottom" ></div><br>
  243. <span>开始时间:</span>
  244. <input type="text" class="date" id="beginTime" style="width:250px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
  245. <span>截止时间:</span>
  246. <input type="text" class="date" id="endTime" style="width:250px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
  247. <div>
  248. <button type="button" onclick="locationPosition()" class="toolbtnsarch">定位</button>
  249. <button type="button" onclick="tracingMachine()" class="toolbtnsarch">轨迹描绘</button>
  250. <button type="button" id="roadHistory" class="toolbtnsarch">轨迹回放</button>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. <!-- ***地图查询end*** -->
  261. </td><td width="100%">
  262. <!-- ****GIS start*** -->
  263. <div style="width:100%; height:100%;" id="centermap"></div>
  264. <!-- ****GIS end*** -->
  265. </td></tr></table>
  266. </body>
  267. </html>