123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271 |
- <!doctype html>
- <html lang="en">
- <head>
- <title>应急指挥驾驶舱</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta http-equiv="X-UA-Compatible" content="IE=8">
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
-
- <!--框架必需start 扁平风格-->
- <link href="/nwyj/scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
- <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"/>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/jquery.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/language/cn.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/framework.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/main.js"></script>
- <!--框架必需end-->
- <!--自动提示框start-->
- <script type='text/javascript' src='/nwyj/scripts/qui/libs/js/form/suggestion.js'></script>
- <!--自动提示框end-->
- <!--数据表格start-->
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/table/quiGrid.js" ></script>
- <!--数据表格end-->
- <!--树组件start-->
- <link rel="stylesheet" type="text/css" href="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.css" />
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/tree/ztree/ztree.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/selectTree.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/form/listerTree.js"></script>
- <!--树组件end-->
- <!-- 模版js和css start-->
- <link href="/nwyj/scripts/qui/libs/skins/flatBlue/style1.css" rel="stylesheet" type="text/css" id="theme" themeColor="flatBlue"
- positionTarget="positionContent" selInputHeight="32" selButtonWidth="35" defaultSelWidth="200" fileBtnWidth="60"
- defaultFileInputWidth="200" defaultGridHeaderHeight="34" defaultGridRowHeight="38" defaultFontSize="12" defaultPageSelWidth="55"
- defaultFilterItemHeight="32" dialogWidthFix="0" defaultSelItemHeight="32" defaultFontFamily="宋体" />
- <script type="text/javascript" src="/nwyj/scripts/qui/libs/js/nav/pageNumber.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/ECM_gridtemplate/changeFormat.js"></script>
- <link href="/nwyj/scripts/ECM_gridtemplate/changeFormat.css" rel="stylesheet" type="text/css"/>
- <!-- 模版js和css end-->
- <link href="/nwyj/scripts/showLoading/showLoading.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="/nwyj/scripts/showLoading/jquery.showLoading.js"></script>
- <script type="text/javascript" src="/nwyj/scripts/tongyongqui.js"></script>
- <link rel="stylesheet" type="text/css" href="/nwyj/css/cockpit/search/mapsearch.css">
- <link href="/nwyj/css/cockpit/search/search.css" rel="stylesheet" type="text/css"/>
- <script type="text/javascript" src="/nwyj/scripts/cockpit/cockpitIndex/cockpitSearch.js"></script>
-
- <style type="text/css">
-
- .jt:hover{
- filter:alpha(opacity=50);
- }
- body{
- background-color: #2c3a54;
- margin:0;
- padding:0;
- }
- </style>
- <script type="text/javascript">
- $(function(){
-
- });
- </script>
- </head>
- <body>
- <div class="map_search">
- <!-- <div class="sear_tit"></div> -->
- <div class="sear_tab">
- <table class="st_count">
- <tr><td>
- <div class="dw_plan"><span class="dw_text">电网地图图层面板</span></div>
- </td></tr><tr><td>
- <div class="title_bar">
- <span class="title_name fl">日常气象</span>
- <span class="zb oc_open fr mouse_dis" id="rc"></span>
- <input type="button" id="11" onclick="getValue('11')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc rc">内容</div>
- </td></tr><tr><td>
- <div class="title_bar">
- <span class="title_name fl">台风图层</span>
- <span class="zb oc_open fr mouse_dis" id="tf"></span>
- <input type="button" id="12" onclick="getValue('12')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc tf">内容</div>
- </td></tr><tr><td>
- <!-- <div class="title_bar">
- <span class="title_name fl">暴雨图层</span>
- <span class="zb oc_open fr mouse_dis" id="by"></span>
- <input type="button" id="13" onclick="getValue('13')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc by">内容</div>
- </td></tr><tr><td>
- <div class="title_bar">
- <span class="title_name fl">冰灾图层</span>
- <span class="zb oc_open fr mouse_dis" id="bz"></span>
- <input type="button" id="14" onclick="getValue('14')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc bz">内容</div>
- </td></tr><tr><td> -->
- <div class="title_bar">
- <span class="title_name fl">应急预警与响应图层</span>
- <span class="zb oc_open fr" id="yjxy"></span>
- <input type="button" id="21" onclick="getValue('21')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc yjxy">
-
- <div class="look_plan">
- <span>查看</span>
- <div class="fr three_text">
- <span class="fr gap_img">表格</span>
- <span class="fr gap_img">图例</span>
- <span class="fr gap_img">全图</span>
- </div>
- </div>
- <div class="border_plan fr three_btn">
- <span class="tab_bor fr gap_bor"></span>
- <span class="len_bor fr gap_bor"></span>
- <span class="ful_bor fr gap_bor"></span>
- </div>
-
- <!-- 应急预警与响应查询面板start -->
- <table id="ewer">
- <tr><td><span>发布单位:</span></td></tr>
- <tr><td><div id="unitId" class="selectTree" selWidth="244" boxWidth="245" boxHeight="185" asyncMode="true" multiMode="true" openDirection="bottom" ></div></td></tr>
- <tr><td><span>事件类别:</span></td></tr>
- <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>
- <tr><td width="100"><span>开始时间:</span></td></tr>
- <tr><td><input type="text" id="beginTime" class="dateIcon" style="width:244px"/></td></tr>
- <tr><td><span>截止时间:</span></td></tr>
- <tr><td><input type="text" id="endTime" class="dateIcon" style="width:244px"/></td></tr>
- <tr><td><span>事件级别:</span></td></tr>
- <tr><td><div style="float:left" class="selectTree" id="incidentLevel" multiMode="true" noGroup="true"
- selWidth = "244" boxWidth = "244" boxHeight="110" openDirection = "top"
- data='{"treeNodes":[{ "id":"1", "parentId":"0", "name":"红/Ⅰ"},
- { "id":"2", "parentId":"0", "name":"橙/Ⅱ"},
- { "id":"3", "parentId":"0", "name":"黄/Ⅲ"},
- { "id":"4", "parentId":"0", "name":"蓝/Ⅳ"}]}'></div></td></tr>
-
- </table><!-- 应急预警与响应end -->
- <button type="button" class="btn btn-primary bfr" onclick="searchEwerClick()">查询 <i class="fa fa-search"></i></button>
- <!-- 应急预警与响应查询面板end -->
- </div>
- </td></tr><tr><td>
- <div class="title_bar">
- <span class="title_name fl">应急资源图层</span>
- <span class="zb oc_open fr mouse_dis" id="yjzy"></span>
- <input type="button" id="41" onclick="getValue('41')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc yjzy">
- <div class="look_plan">
- <span>查看</span>
- <div class="fr three_text">
- <span class="fr gap_img">表格</span>
- <span class="fr gap_img">图例</span>
- <span class="fr gap_img">全图</span>
- </div>
- </div>
- <div class="border_plan fr three_btn">
- <span class="tab_bor fr gap_bor"></span>
- <span class="len_bor fr gap_bor"></span>
- <span class="ful_bor fr gap_bor"></span>
- </div>
- <div class="zy_toolbar">
- <table class="st_count">
- <tr><td>
- <div class="zy_bar">
- <span class="title_name fl">应急资源投入</span>
- <span class="zb oc_open fr mouse_dis" id="zy_tr"></span>
- <input type="button" id="411" onclick="getValue('411')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div><div class="bsc zy_tr">
- <div class="sub_panl">
- <table id="investment">
- <tr><td width="100"><span>单 位:</span></td></tr>
- <tr><td><div id="unitIdByEr" class="selectTree" selWidth="233" boxWidth="238" boxHeight="150" asyncMode="false" multiMode="true" openDirection="bottom" ></div></td></tr>
- <tr><td width="100"><span>资源类型:</span></td></tr>
- <tr><td>
- <select selWidth="233" boxWidth="233" boxHeight="100" id="erTypeID" openDirection="bottom" >
- <option value="265" selected="selected">应急发电车</option>
- <option value="261">抢修人员</option>
- <option value="266">应急发电机</option>
- </select></td></tr>
- <tr><td><span>开始时间:</span></td></tr>
- <tr><td><input type="text" id="beginTimeByEr" class="dateIcon" style="width:233px"/></td></tr>
- <tr><td><span>截止时间:</span></td></tr>
- <tr><td><input type="text" id="endTimeByEr" class="dateIcon" style="width:233px"/></td></tr>
- <tr><td><br><button type="button" class="btn btn-primary bfrt" onclick="searchErCount()"><i class="fa fa-search"></i>查询</button></td></tr>
- </table>
- </div>
- </div>
- </td></tr>
- <tr><td>
- <div class="zy_bar">
- <span class="title_name fl">绘图工具</span>
- <span class="zb oc_open fr mouse_dis" id="zy_ht"></span>
- <input type="button" id="412" onclick="getValue('412')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc zy_ht">
- <div class="sub_panl">
- <span>应急事件:</span><br/>
- <select id="inic" keepDefaultStyle="true" selWidth="231" boxWidth="235" boxHeight="155" openDirection="bottom" ></select><br/>
- <button type="button" onclick="openDrawPolylineTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but2.png" /> 折线</button>
- <button type="button" onclick="openDrawPolygonTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but4.png" /> 多边形</button>
- <button type="button" onclick="openDrawCircleTool()" class="toolbtn bm"><img src="/nwyj/images/cockpit/but5.png" /> 圆形</button><br/>
- <button type="button" onclick="openDrawRectangleTool()" class="toolbtn"><img src="/nwyj/images/cockpit/but11.png" /> 矩形</button>
- <button type="button" onclick="addMarkerToUserDefined('but9')" class="toolbtn"><img src="/nwyj/images/cockpit/but9.png" /> 起点</button>
- <button type="button" onclick="addMarkerToUserDefined('but7')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but7.png" /> 地点</button><br/>
- <button type="button" onclick="addMarkerToUserDefined('but10')" class="toolbtn"><img src="/nwyj/images/cockpit/but10.png" /> 终点</button>
- <button type="button" onclick="addMarkerToUserDefined('but8')" class="toolbtn"><img src="/nwyj/images/cockpit/but8.png" /> 车辆</button>
- <button type="button" onclick="addMarkerToUserDefined('but6')" class="toolbtn bm"><img src="/nwyj/images/cockpit/but6.png" /> 人员</button><br/>
- <div>
- <button type="button" onclick="erSave()" class="toolbtnsarch">保存</button>
- <button type="button" onclick="clearDrawUserDefined()" class="toolbtnsarch" >清除</button>
- <button type="button" onclick="showDraw()" class="toolbtnsarch" >查看</button>
- </div>
- </div>
- </div>
- </td></tr>
- <tr><td>
- <div class="zy_bar">
- <span class="title_name fl">应急队伍</span>
- <span class="zb oc_open fr mouse_dis" id="zy_dw"></span>
- <input type="button" id="413" onclick="getValue('413')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div><div class="bsc zy_dw">
- <div class="sub_panl">
- <span>突发事件:</span><br>
- <div style="float:left" class="selectTree" id="teamInci" name="team" multiMode="true" noGroup="true" selWidth = "231" boxWidth = "231" boxHeight = "100" openDirection = "bottom" ></div><br>
- <span>应急队伍:</span><br>
- <div style="float:left" class="selectTree" id="teamByInci" name="teamByInci" multiMode="true" noGroup="true" selWidth = "231" boxWidth = "231" boxHeight = "100" openDirection = "bottom" ></div><br>
- <span>开始时间:</span>
- <input type="text" class="date" id="beginTime" style="width:231px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
- <span>截止时间:</span>
- <input type="text" class="date" id="endTime" style="width:231px;" dateFmt="yyyy-MM-dd HH:mm:ss"/><br>
- <div>
- <button type="button" onclick="locationPosition()" class="toolbtnsarch">定位</button>
- <button type="button" onclick="tracingMachine()" class="toolbtnsarch">轨迹描绘</button>
- <button type="button" id="roadHistory" class="toolbtnsarch">轨迹回放</button>
- </div>
- </div>
- </div>
- </td></tr>
- </table>
- </div>
- </div>
- </td></tr><!-- <tr><td>
- <div class="title_bar">
- <span class="title_name fl">设备损失图层</span>
- <span class="zb oc_open fr mouse_dis" id="sbss"></span>
- <input type="button" id="61" onclick="getValue('61')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc sbss">内容</div>
- </td></tr><tr><td>
- <div class="title_bar">
- <span class="title_name fl">用户停电图层</span>
- <span class="zb oc_open fr mouse_dis" id="yhtd"></span>
- <input type="button" id="71" onclick="getValue('71')" value="" class="buttonswich2 swich fr" toggle="true" useMinWidth="false" name="toggle2" relValue="0" />
- </div>
- <div class="bsc yhtd">内容</div>
- </td></tr> -->
- </table>
- </div>
- </div>
- </body>
- </html>
|