0a43ea603dbf2eb11ce7930fd37cc0254be18bbb.svn-base 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title></title>
  7. <%@include file="../../../../include.jsp" %>
  8. <script type="text/javascript" src="/nwyj/scripts/business/em/monitor/anticipation/WarningAnticipation.js"></script>
  9. <link type="text/css" href="/nwyj/page/business/em/report/reportCss/warnningreport.css" rel="stylesheet"/>
  10. <script type="text/javascript" src='/nwyj/page/business/em/report/reportCss/tableStyle.js'></script>
  11. <style type="text/css">
  12. .planHover{
  13. text-decoration:underline;
  14. color:red;
  15. width: 97%;
  16. cursor: pointer;
  17. }
  18. .divStyle{
  19. width: 97%;
  20. cursor: pointer;
  21. }
  22. .divColor{
  23. color:blue
  24. }
  25. .tzd_show{
  26. background-image: url("/nwyj/scripts/qui/libs/images/icons/bgd_hide.png") ;
  27. background-repeat: no-repeat;
  28. background-size: 24px 24px;
  29. padding-left: 30px;
  30. background-position: 0 50%;
  31. _background-position: 0 40%;
  32. cursor: pointer;
  33. }
  34. .tzd_hide{
  35. background-image: url("/nwyj/scripts/qui/libs/images/icons/bgd_show.png");
  36. background-repeat: no-repeat;
  37. background-size: 24px 24px;
  38. padding-left: 30px;
  39. background-position: 0 50%;
  40. _background-position: 0 40%;
  41. cursor: pointer;
  42. }
  43. /* .class_color{
  44. background-color: rgb(237, 239, 253);
  45. } */
  46. </style>
  47. <script type="text/javascript">
  48. var fd_id = "<%=request.getParameter("fd_id")%>";
  49. //页面初始化
  50. $(function(){
  51. $("#toNotice").bind("click",function(){
  52. $('#frmright', window.parent.document).attr('src',$.pathname()+ "/page/business/em/alert/warning/WarningAddEdit.jsp?is_yanPan="+fd_id);
  53. });
  54. $("#back").hover(function() {
  55. $(this).attr("src", "/nwyj/images/temp/back_hover.png");
  56. }, function() {
  57. $(this).attr("src", "/nwyj/images/temp/back.png");
  58. });
  59. //查看表单
  60. if(fd_id.length>0){
  61. $(".titleShow").text("预警监测预判");
  62. $('#fileDiv').newAsyncFileUpload("",fd_id,"0");
  63. //默认隐藏
  64. $.each($(".tzd_hide"), function(i, n){
  65. $(n).next().hide();
  66. });
  67. //绑定事件
  68. $(".tzd_show").live("click",function(){
  69. $(this).next().hide();
  70. $(this).removeClass("tzd_show");
  71. $(this).addClass("tzd_hide");
  72. _resetHeight();
  73. });
  74. //绑定事件
  75. $(".tzd_hide").live("click",function(){
  76. $(this).next().show();
  77. $(this).removeClass("tzd_hide");
  78. $(this).addClass("tzd_show");
  79. _resetHeight();
  80. });
  81. }
  82. });
  83. function goback(){
  84. $('#frmright', window.parent.document).attr('src',$.pathname()+ "/page/business/em/monitor/anticipation/AnticipationManager.jsp");
  85. }
  86. //调整页面高度
  87. function _resetHeight(){
  88. var $P1iframe = $(parent.document.body).find("iframe");
  89. //alert("$P1iframe11111===="+$P1iframe.height());
  90. //alert("body===="+$(window.document.body).height())
  91. //alert($P1iframe.prop("outerHTML"))
  92. if(!!$P1iframe.prop("outerHTML")){
  93. var _height = $P1iframe.height()>$(window.document.body).height()?$P1iframe.height():$(window.document.body).height()
  94. $P1iframe.height(_height);
  95. //alert("$P1iframe22222===="+$P1iframe.height())
  96. }
  97. if(parent!=top){
  98. var $P2iframe = $(parent.parent.document.body).find("iframe");
  99. if(!!$P2iframe.prop("outerHTML")){
  100. $P2iframe.height($(parent.document.body).height());
  101. }
  102. }
  103. }
  104. </script>
  105. </head>
  106. <body style="width: 1000px; margin:0 auto; margin-top:15px" align="center" >
  107. <div class="box1" id="formContent" width="1000px">
  108. <div class="titlehead">
  109. <div class="go_img">
  110. <a href="javascript:;" onclick="goback();">
  111. <img class="backYupan" align="left" alt="返回" title="返回" src="/nwyj/images/temp/back.png" id="back"/>
  112. </a>
  113. </div>
  114. <font class="titleShow titleMsg"></font>
  115. </div>
  116. <!-- 跳转到预警响应通知单 -->
  117. <div class="button_jl">
  118. <input value="发布预警" type="button" id="toNotice" />
  119. </div>
  120. <table width="960px" align="center">
  121. <tr>
  122. <td width="25%" align="left">
  123. <div style="float:left;">发布单位:</div>
  124. <div style="float:left" id="RELEASE_UNIT_365_SHOW"></div>
  125. </td>
  126. <td align="right">签发人:<label id="WRITER_365"></label></td>
  127. </tr>
  128. </table>
  129. <form id="showForm1">
  130. <fieldset class="basic_fieldset">
  131. <table class="tableStyle" align="center" >
  132. <tr>
  133. <td align="right" width="140px" >预警名称:</td>
  134. <td colspan="2">
  135. <div style="width: 97%" name="EARLY_WARNING_NAME_365" id="EARLY_WARNING_NAME_365"></div>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td align="right" width="120px" >发布时间:</td>
  140. <td colspan="2">
  141. <div style="width: 97%" id="RELEASE_RELIEVE_DATE_365" name="RELEASE_RELIEVE_DATE_365"></div>
  142. </td>
  143. </tr>
  144. <tr>
  145. <td align="right" width="120px" >预警编号:</td>
  146. <td colspan="2">
  147. <div style="width: 97%" name="EARLY_WARNING_ID_365" id="EARLY_WARNING_ID_365"></div>
  148. </td>
  149. </tr>
  150. <tr>
  151. <td align="right" width="120px" >预警范围:</td>
  152. <td colspan="2">
  153. <div style="width: 97%" id="EARLY_WARNING_AREA_NAME_365" name="EARLY_WARNING_AREA_NAME_365" readonly="readonly"></div>
  154. </td>
  155. </tr>
  156. <tr>
  157. <td align="right" width="120px" >预警性质:</td>
  158. <td ><input type="checkbox" id="WARNING_PROPERTY" disabled="disabled"/>初次发布</td>
  159. <td>预警调整:<input type="checkbox" disabled="disabled" id="WETHER_EW_ADJUST"/>预警调整<br/>上次预警单号:(<label id="PREV_EW_ID"></label>)</td>
  160. </tr>
  161. <tr>
  162. <td align="right" width="120px" >预警级别:</td>
  163. <td>
  164. <div style="float:left"><label>&nbsp;本次:</label></div>
  165. <div style="float:left">
  166. <div style="width: 100%" name="CURRENT_EW_LEVEL_365_SHOW" id="CURRENT_EW_LEVEL_365_SHOW"></div>
  167. </div>
  168. </td>
  169. <td>
  170. <div style="float:left"><label>&nbsp;上次:</label></div>
  171. <div style="float:left">
  172. <div style="width: 100%" id="PREV_EW_LEVEL_365_SHOW" name="PREV_EW_LEVEL_365_SHOW"></div>
  173. </div>
  174. </td>
  175. </tr>
  176. <tr>
  177. <td align="right" width="120px" >应急预案:</td>
  178. <td colspan="2">
  179. <div name="MEET_EMERGENCIES_PLAN_365_SHOW" id="MEET_EMERGENCIES_PLAN_365_SHOW"
  180. class="divStyle divColor"></div>
  181. </td>
  182. </tr>
  183. <tr>
  184. <td align="right" width="120px" >预警概要:</td>
  185. <td colspan="2">
  186. <div style="width: 97%" name="EW_SUMMARY_365" id="EW_SUMMARY_365"></div><br />
  187. </td>
  188. </tr>
  189. <tr>
  190. <td align="right" width="120px" >预防措施及工作要求:</td>
  191. <td colspan="2">
  192. <div style="width: 97%" name="MEASURE_AND_REQUEST_365" id="MEASURE_AND_REQUEST_365"></div>
  193. </td>
  194. </tr>
  195. <tr>
  196. <td align="right" width="120px" >备注:</td>
  197. <td colspan="2">
  198. <div name="REMARK_365" id="REMARK_365" style="width: 97%;"/>
  199. </td>
  200. </tr>
  201. </table>
  202. </fieldset>
  203. </form>
  204. <fieldset class="fileTable_border">
  205. <legend class="tzd_show">附件信息:</legend>
  206. <table style="width: 85%;margin:auto;" align="center" border="0" >
  207. <tr><td colspan="3"><div id="fileDiv"></div></td></tr>
  208. </table>
  209. </fieldset>
  210. <fieldset class="fileTable_border" >
  211. <legend class="tzd_hide">预警启动条件:</legend>
  212. <DIV style="overflow-x:hidden;OVERFLOW-y: auto; WIDTH: 100%;">
  213. <table width="960px" class="tableStyle" align="center">
  214. <tr>
  215. <td align="right" width="120px" >红色预警</td>
  216. <td><div name="FRIST_GRADE" id="FRIST_GRADE"></div></td>
  217. </tr>
  218. <tr>
  219. <td align="right" width="120px" >橙色预警</td>
  220. <td><div name="SECOND_GRADE" id="SECOND_GRADE"></div></td>
  221. </tr>
  222. <tr>
  223. <td align="right" width="120px" >黄色预警</td>
  224. <td><div name="THRID_GRADE" id="THRID_GRADE"></div></td>
  225. </tr>
  226. <tr>
  227. <td align="right" width="120px" >蓝色预警</td>
  228. <td><div name="FOURTH_GRADE" id="FOURTH_GRADE"></div></td>
  229. </tr>
  230. </TABLE>
  231. </DIV>
  232. </fieldset>
  233. <fieldset class="fileTable_border" >
  234. <legend class="tzd_hide">政府发布的预警信息:</legend>
  235. <DIV style="overflow-x:hidden;OVERFLOW-y: auto; WIDTH: 100%;" id="govWarningDiv">
  236. <TABLE class="tableStyle" style="width: 100%" align="center" id="govWarningTable">
  237. <tr id="govWarningInfo">
  238. <th style="width:15%">发布单位</th>
  239. <th style="width:15%">发布时间</th>
  240. <th style="width:10%">预警类别</th>
  241. <th style="width:10%">预警级别</th>
  242. <th style="width:25%">预警范围</th>
  243. <th style="width:25%">预警内容</th>
  244. </tr>
  245. </TABLE>
  246. </DIV>
  247. </fieldset>
  248. <fieldset class="fileTable_border" >
  249. <legend class="tzd_hide">政府发布的响应信息:</legend>
  250. <DIV style="overflow-x:hidden;OVERFLOW-y: auto; WIDTH: 100%;" id="govResponseDiv">
  251. <TABLE class="tableStyle" style="width: 100%" align="center" id="govResponseTable">
  252. <tr id="govResponseInfo">
  253. <th style="width:15%">发布单位</th>
  254. <th style="width:15%">发布时间</th>
  255. <th style="width:10%">响应类别</th>
  256. <th style="width:10%">响应级别</th>
  257. <th style="width:25%">响应范围</th>
  258. <th style="width:25%">响应内容</th>
  259. </tr>
  260. </TABLE>
  261. </DIV>
  262. </fieldset>
  263. <!--
  264. <fieldset style="border-color:#999999;" id="fileTable">
  265. <legend class="tzd_hide">停电信息展示:</legend>
  266. <center>接口数据暂时没有接入</center>
  267. </fieldset>
  268. <fieldset style="border-color:#999999;" id="fileTable">
  269. <legend class="tzd_hide">95598报障数:</legend>
  270. <center>接口数据暂时没有接入</center>
  271. </fieldset>
  272. <fieldset style="border-color:#999999;" id="fileTable">
  273. <legend class="tzd_hide">线路跳闸信息展示:</legend>
  274. <center>接口数据暂时没有接入</center>
  275. </fieldset>
  276. -->
  277. </div>
  278. </body>
  279. </html>