zm_dx.jsp 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <%String path = request.getContextPath();%>
  4. <%String imgPath = request.getContextPath()+"/resource/images/hbsj";%>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  10. <title>国电电力和风新能源公司生产运行监控平台</title>
  11. <link href="<%=path %>/resource/css/hbsj/index.css" rel="stylesheet" type="text/css" />
  12. <link href="<%=request.getContextPath() %>/pages/monitor/css/page_zmt.css" rel="stylesheet" type="text/css" />
  13. <link href="<%=request.getContextPath() %>/pages/monitor/css/page_zmt_daixian.css" rel="stylesheet" type="text/css" />
  14. <script src="<%=path %>/resource/js/jquery-1.8.3.js"></script>
  15. <script src="<%=path %>/resource/js/highcharts/highcharts.js"></script>
  16. <script src="<%=path %>/resource/js/highcharts/highcharts-more.js"></script>
  17. <script src="<%=path %>/resource/js/highcharts/modules/solid-gauge.js"></script>
  18. <link rel="stylesheet" type="text/css" href="<%=path %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css"/>
  19. <link rel="stylesheet" type="text/css" media="screen" href="<%=path %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  20. <script type="text/ecmascript" src="<%=path%>/resource/js/system/jqdatagridpage.js"></script>
  21. <script type="text/ecmascript" src="<%=path%>/resource/plugin/jqueryui/js/jquery-ui-1.9.2.custom.min.js"></script>
  22. <script type="text/javascript" src="<%=path %>/pages/mytest/js/myjs.js"></script>
  23. <style type="text/css">
  24. html { overflow-x:hidden;overflow-y:hidden; }
  25. </style>
  26. </head>
  27. <script type="text/javascript">
  28. var state='zm';
  29. function setTab(m,n){
  30. var menu=document.getElementById("tab"+m).getElementsByTagName("li");
  31. //<!--var showdiv=document.getElementById("tablist"+m).getElementsByTagName("div"); -->
  32. for(i=0;i<menu.length;i++)
  33. {
  34. menu[i].className=(i==n?"now":"");
  35. // <!-- showdiv[i].style.display=(i==n?"block":"none"); -->
  36. }
  37. }
  38. </script>
  39. <!--[if gte IE 6]>
  40. <script type="text/javascript">
  41. function correctPNG()
  42. {
  43. for(var i=0; i<document.images.length; i++)
  44. {
  45. var img = document.images[i]
  46. var imgName = img.src.toUpperCase()
  47. if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  48. {
  49. var imgID = (img.id) ? "id='" + img.id + "' " : ""
  50. var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  51. var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  52. var imgStyle = "display:inline-block;" + img.style.cssText
  53. if (img.align == "left") imgStyle = "float:left;" + imgStyle
  54. if (img.align == "right") imgStyle = "float:right;" + imgStyle
  55. if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
  56. var strNewHTML = "<span " + imgID + imgClass + imgTitle
  57. + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
  58. + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  59. + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
  60. img.outerHTML = strNewHTML
  61. i = i-1
  62. }
  63. }
  64. }
  65. window.attachEvent("onload", correctPNG);
  66. </script>
  67. <![endif]-->
  68. <script type="text/javascript">
  69. $(document).ready(function() {
  70. $("#wpId").val('<s:property value="wpId"/>');
  71. $("#zmt1").css("display", "none");
  72. state="jz";
  73. wpaction();
  74. getDetail();
  75. window.setInterval(wpaction, 10000);
  76. window.setInterval(getDetail, 10000);
  77. window.setInterval("getfjjz()",10000);
  78. var tab=window.parent.document.getElementById("tab2");
  79. tab.height="864px";
  80. });
  81. function wpAllInfoAjax() {
  82. var wpId=$("#wpId").val();
  83. $.ajax( {
  84. url : "/wpmonitor/windfarmrealtimeinfo.action?wpId="+wpId,
  85. type : "post",
  86. cache : false,
  87. dataType : "json",
  88. data : {},
  89. ifModified : false,
  90. success : function(res) {
  91. $("#aqts").html(res["aqts"] + "");
  92. $("#zjrl").html(res["zjrl"]*10 + "");
  93. $("#sjgl").html(res["sjgl"] + "");
  94. $("#fs").html(res["fs"] + "");
  95. $("#rfdl").html(res["rfdl"] + "");
  96. $("#rswdl").html(res["rswdl"] + "");
  97. $("#yxts").html(res["yxts"] + "");
  98. $("#djts").html(res["djts"] + "");
  99. $("#whts").html(res["whts"] + "");
  100. $("#gzts").html(res["gzts"] + "");
  101. $("#lxts").html(res["lxts"] + "");
  102. $("#xdts").html(res["xdts"] + "");
  103. $("#jrts").html(res["jrts"] + "");
  104. $("#whss").html(res["whss"] + "");
  105. $("#gzss").html(res["gzss"] + "");
  106. $("#xdss").html(res["xdss"] + "");
  107. $("#slss").html(res["slss"] + "");
  108. $("#xnss").html(res["xnss"] + "");
  109. $("#whssy").html(res["whssy"] + "");
  110. $("#gzssy").html(res["gzssy"] + "");
  111. $("#xdssy").html(res["xdssy"] + "");
  112. $("#slssy").html(res["slssy"] + "");
  113. $("#xnssy").html(res["xnssy"] + "");
  114. $("#whssn").html(res["whssn"] + "");
  115. $("#gzssn").html(res["gzssn"] + "");
  116. $("#xdssn").html(res["xdssn"] + "");
  117. $("#slssn").html(res["slssn"] + "");
  118. $("#xnssn").html(res["xnssn"] + "");
  119. $("#wpName").html(res["wpName"] + "");
  120. }
  121. });
  122. }
  123. function goback()
  124. {
  125. $("#f1").attr("action","/matrix/monitormainIndex.action").submit();
  126. }
  127. function windfarm()
  128. {
  129. $("#f1").attr("action","/wpmonitor/zmindex.action").submit();
  130. }
  131. function tower()
  132. {
  133. $("#f1").attr("action","/wpmonitor/windtower.action").submit();
  134. }
  135. function powerfirst()
  136. {
  137. $("#f1").attr("action","/wpmonitor/pfindex.action").submit();
  138. }
  139. function wtinfo()
  140. {
  141. $("#f1").attr("action","/wpmonitor/wtindex.action").submit();
  142. }
  143. function power()
  144. {
  145. $("#f1").attr("action","/wpmonitor/pwindex.action").submit();
  146. }
  147. function fjpb()
  148. {
  149. $("#f1").attr("action","/wpmonitor/lineindex.action").submit();
  150. }
  151. function gozmindex(wpId)
  152. {
  153. $("#wpId").val(wpId);
  154. $("#f1").attr("action","/wpmonitor/zmindex.action").submit();
  155. }
  156. var typeNew = 0;
  157. function getfjjz(type)
  158. {
  159. var wpId=$("#wpId").val();
  160. var num=$("#pagenums").val();
  161. if(type=="+")
  162. {
  163. num=2;
  164. $("#pagenums").val(2);
  165. }else if(type=="-")
  166. {
  167. num=1;
  168. $("#pagenums").val(1);
  169. }
  170. var html="";
  171. $.ajax({
  172. url : "stateAjax.action?wpId="+wpId+"&type=wp&pagenums="+num,
  173. type : "post",
  174. cache : false,
  175. dataType : "json",
  176. data : {},
  177. async : false,
  178. ifModified : false,
  179. success : function(res) {
  180. html =html+createjzTd(res);
  181. if(typeNew==0){
  182. html += "<div style=\"display:none;align:center;valign:middle\" id=\"chartContainer\"><iframe id=\"myframe\" width=\"1580px\" height=\"700px\"></iframe></div>";
  183. typeNew=1;
  184. }
  185. $("#fjpb").html(html);
  186. /* html =html+createjzTd(res);
  187. html += "<div style=\"display:none;align:center;valign:middle\" id=\"chartContainer\"><iframe id=\"myframe\" width=\"1580px\" height=\"700px\"></iframe></div>";
  188. $("#fjpb").html(html); */
  189. }
  190. });
  191. }
  192. function selectimg(state)
  193. {
  194. var srcpath;
  195. switch(parseInt(state)){
  196. case 1:
  197. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_blue.gif";
  198. break;
  199. case 0:
  200. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_green.png";
  201. break;
  202. case 4:
  203. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_orange.png";
  204. break;
  205. case 2:
  206. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_red.png";
  207. break;
  208. case 3:
  209. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_gray.png";
  210. break;
  211. case 5:
  212. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_pink.gif";
  213. break;
  214. case 6:
  215. srcpath="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fj_pink.png";
  216. break;
  217. }
  218. return srcpath;
  219. }
  220. function selectstyle(state)
  221. {
  222. var srcpath;
  223. switch(parseInt(state)){
  224. case 1:
  225. srcpath="page_zmtjs_top_blue";
  226. break;
  227. case 0:
  228. srcpath="page_zmtjs_top_green";
  229. break;
  230. case 4:
  231. srcpath="page_zmtjs_top_orange";
  232. break;
  233. case 2:
  234. srcpath="page_zmtjs_top_red";
  235. break;
  236. case 3:
  237. srcpath="page_zmtjs_top_gray";
  238. break;
  239. case 5:
  240. srcpath="page_zmtjs_top_pink";
  241. break;
  242. case 6:
  243. srcpath="page_zmtjs_top_pink";
  244. break;
  245. }
  246. return srcpath;
  247. }
  248. function createjzTd(result) {
  249. var html="";
  250. $.each(result,function(i, value) {
  251. var wtid=value["windTurbineId"];
  252. var wtcode=value["wtcode"];
  253. var state=value["state"];
  254. var speed=value["speed"];
  255. var power=value["power"];
  256. var wpId=$("#wpId").val();
  257. /*var temp=wtid.substring(wtid.length-3,wtid.length);
  258. if(isNaN(temp)){
  259. temp=wtid.substring(wtid.length-2,wtid.length);
  260. }*/
  261. html += "<div class='page_zmtjs f' >";
  262. html += "<div class='page_zmtjs_fj' ><img src='"+selectimg(state)+"' width='44' height='63' onclick=gowt('"+wtid+"') onmouseover=show(" + i +",'" + wtid + "') onmouseout=hid(" + i + ",'" + wtid + "') style='cursor:pointer' /></div>";
  263. html += "<div class='"+selectstyle(state)+"' ></div>";
  264. html += "<div class='page_zmtjs_center'><span id='ys" + i + "'>"+wtcode+"</span></div>";
  265. html += "<div class='page_zmtjs_bottom'>";
  266. html += "<li><div class='page_zmtjs_bottom_topl f'>风速m/s</div><div class='page_zmtjs_bottom_bottom l'>"+speed+"</div></li>";
  267. html += "<li><div class='page_zmtjs_bottom_top2 r'>功率Kw</div><div class='page_zmtjs_bottom_bottom l'>"+power+"</div></li>";
  268. html += "</div>";
  269. html += "<div class='page_zmt_jzar' id='bjxx" + i + "' style='display:none'><div class='top'>" + wtcode + "报警信息</div><div class='center' id='bjnr" + i + "'></div><div class='botom'></div></div>";
  270. html += "</div>";
  271. changeColor(i,wtid);
  272. })
  273. //html+="<div class='zmt_page r' id='syy'><a onclick=getfjjz('+')>下一页</a></div><div class='zmt_page r' id='xyy'><a onclick=getfjjz('-')>上一页</a></div>";
  274. return html;
  275. }
  276. function changeColor(i,wtId){
  277. var wpId=$("#wpId").val();
  278. var yskey = "ys" + i;
  279. $.ajax( {
  280. url : "/wpmonitor/querywarningxx.action?wpId="+wpId+"&wtId="+wtId,
  281. type : "post",
  282. cache : false,
  283. dataType : "json",
  284. data : {},
  285. ifModified : false,
  286. success : function(res) {
  287. var nr = res.split(";");
  288. if(nr.length>1){
  289. //$("#"+yskey).css("color","yellow");
  290. $("#"+yskey).css("color","red");
  291. }
  292. }
  293. });
  294. }
  295. function show(i,wtId){
  296. hid(i,wtId);
  297. var wpId=$("#wpId").val();
  298. var xxkey = "bjxx" + i;
  299. var nrkey = "bjnr" + i;
  300. var yskey = "ys" + i;
  301. $.ajax( {
  302. url : "/wpmonitor/querywarningxx.action?wpId="+wpId+"&wtId="+wtId,
  303. type : "post",
  304. cache : false,
  305. dataType : "json",
  306. data : {},
  307. ifModified : false,
  308. success : function(res) {
  309. var nr = res.split(";");
  310. var html=nr[0];
  311. if(html.length<=1){
  312. html="无";
  313. }
  314. // var nr = res.split(";");
  315. // var html = "";
  316. // if(nr.length>1){
  317. // for(var i=0;i<nr.length;i++ ){
  318. // html += nr[i] + "</br>";
  319. // }
  320. // }else{
  321. // html="无";
  322. // }
  323. $("#"+nrkey).html(html);
  324. $("#"+xxkey).show();
  325. }
  326. });
  327. }
  328. function hid(i,wtid){
  329. $("div[id*='bjxx']").each(function(index,data){
  330. $( data ).hide();
  331. //console.info($( data ).text());
  332. //或者console.info($(this).text());
  333. })
  334. // var xxkey = "bjxx" + i;
  335. // $("#"+xxkey).hide();
  336. }
  337. function wpSwitchInfoAjax() {
  338. var wpId=$("#wpId").val();
  339. $.ajax( {
  340. url : "/wpmonitor/windfarmswitchinfo.action?wpId="+wpId,
  341. type : "post",
  342. cache : false,
  343. dataType : "json",
  344. data : {},
  345. ifModified : false,
  346. success : function(res) {
  347. if(res["YMG110kVAmx111"]>0)
  348. {
  349. $("#YMG110kVAmx111").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl02.png'>");
  350. }else
  351. {
  352. $("#YMG110kVAmx111").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl01.png'>");
  353. }
  354. if(res["YMG110kVAmx101"]>0)
  355. {
  356. $("#YMG110kVAmx101").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl02.png'>");
  357. }else
  358. {
  359. $("#YMG110kVAmx101").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl01.png'>");
  360. }
  361. /*****************************************************************************************/
  362. if(res["YMG35kVJdIx311"]>0)
  363. {
  364. $("#YMG35kVJdIx311").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png'>");
  365. }else
  366. {
  367. $("#YMG35kVJdIx311").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n01.png'>");
  368. }
  369. if(res["YMG35kVJdIIx312"]>0)
  370. {
  371. $("#YMG35kVJdIIx312").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png'>");
  372. }else
  373. {
  374. $("#YMG35kVJdIIx312").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n01.png'>");
  375. }
  376. if(res["YMG1Zb301"]>0)
  377. {
  378. $("#YMG1Zb301").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png'>");
  379. }else
  380. {
  381. $("#YMG1Zb301").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n01.png'>");
  382. }
  383. /*****************************************************************************************/
  384. if(res["YMG35kVJdIx311sc"]>0)
  385. {
  386. $("#YMG35kVJdIx311sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png'>");
  387. }else
  388. {
  389. $("#YMG35kVJdIx311sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s01.png'>");
  390. }
  391. if(res["YMG35kVJdIIx312sc"]>0)
  392. {
  393. $("#YMG35kVJdIIx312sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png'>");
  394. }else
  395. {
  396. $("#YMG35kVJdIIx312sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s01.png'>");
  397. }
  398. if(res["YMG1Zb301sc"]>0)
  399. {
  400. $("#YMG1Zb301sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png'>");
  401. }else
  402. {
  403. $("#YMG1Zb301sc").html("<img src='<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s01.png'>");
  404. }
  405. /*****************************************************************************************/
  406. }
  407. });
  408. }
  409. function getDetail(){
  410. var wpId=$("#wpId").val();
  411. $.ajax( {
  412. url : "/wpmonitor/wtStateAjax.action?wpId="+wpId,
  413. type : "post",
  414. cache : false,
  415. dataType : "json",
  416. data : {},
  417. ifModified : false,
  418. success : function(res) {
  419. /*****************************fj************************************************************/
  420. $("#DX01_002").html(getstates(res["DX01_002"] + ""));
  421. $("#DX01_003").html(getstates(res["DX01_003"] + ""));
  422. $("#DX01_004").html(getstates(res["DX01_004"] + ""));
  423. $("#DX01_005").html(getstates(res["DX01_005"] + ""));
  424. $("#DX01_006").html(getstates(res["DX01_006"] + ""));
  425. $("#DX01_007").html(getstates(res["DX01_007"] + ""));
  426. $("#DX01_008").html(getstates(res["DX01_008"] + ""));
  427. $("#DX01_009").html(getstates(res["DX01_009"] + ""));
  428. $("#DX01_010").html(getstates(res["DX01_010"] + ""));
  429. $("#DX01_011").html(getstates(res["DX01_011"] + ""));
  430. $("#DX01_012").html(getstates(res["DX01_012"] + ""));
  431. $("#DX01_013").html(getstates(res["DX01_013"] + ""));
  432. $("#DX01_014").html(getstates(res["DX01_014"] + ""));
  433. $("#DX01_015").html(getstates(res["DX01_015"] + ""));
  434. $("#DX01_016").html(getstates(res["DX01_016"] + ""));
  435. /**************************code****************************/
  436. $("#DX01_002code").html(res["DX01_002code"] + "");
  437. $("#DX01_003code").html(res["DX01_003code"] + "");
  438. $("#DX01_004code").html(res["DX01_004code"] + "");
  439. $("#DX01_005code").html(res["DX01_005code"] + "");
  440. $("#DX01_006code").html(res["DX01_006code"] + "");
  441. $("#DX01_007code").html(res["DX01_007code"] + "");
  442. $("#DX01_008code").html(res["DX01_008code"] + "");
  443. $("#DX01_009code").html(res["DX01_009code"] + "");
  444. $("#DX01_010code").html(res["DX01_010code"] + "");
  445. $("#DX01_011code").html(res["DX01_011code"] + "");
  446. $("#DX01_012code").html(res["DX01_012code"] + "");
  447. $("#DX01_013code").html(res["DX01_013code"] + "");
  448. $("#DX01_014code").html(res["DX01_014code"] + "");
  449. $("#DX01_015code").html(res["DX01_015code"] + "");
  450. $("#DX01_016code").html(res["DX01_016code"] + "");
  451. /*****************************************************************************************/
  452. }
  453. });
  454. }
  455. function getstates(value,id) {
  456. var html;
  457. switch(parseInt(value)){
  458. case 1:
  459. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_blue.gif' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  460. break;
  461. case 0:
  462. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_green.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  463. break;
  464. case 4:
  465. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  466. break;
  467. case 2:
  468. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_red.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  469. break;
  470. case 3:
  471. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_gray.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  472. break;
  473. case 5:
  474. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.gif' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  475. break;
  476. case 6:
  477. html="<img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  478. break;
  479. }
  480. return html;
  481. }
  482. function gowt(wtId)
  483. {
  484. //var wpId= $("#wpId").val();
  485. $("#wtId").val(wtId);
  486. $("#f1").attr("action","/wpmonitor/wtindex.action").submit();
  487. }
  488. function wpaction(wpId)
  489. {
  490. if(wpId!=null && wpId!=undefined)
  491. {
  492. $("#wpId").val(wpId);
  493. }
  494. wpAllInfoAjax();
  495. if(state=='zm')
  496. {
  497. leftclick();
  498. }else
  499. {
  500. rightclick();
  501. }
  502. wpSwitchInfoAjax();
  503. }
  504. function leftclick()
  505. {
  506. $("#zmt1").css("display", "");
  507. $("#bg").css("background", "url(/resource/images/hbsj/page_zmt_bg_daixian.png)");
  508. $("#fjpb").css("display", "none");
  509. //$("#syy").css("display", "none");
  510. //$("#xyy").css("display", "none");
  511. getDetail();
  512. state='zm';
  513. }
  514. function rightclick()
  515. {
  516. $("#zmt1").css("display", "none");
  517. $("#bg").css("background", "url()");
  518. $("#fjpb").css("display", "");
  519. //$("#syy").css("display", "none");
  520. //$("#xyy").css("display", "none");
  521. getfjjz();
  522. state='jz';
  523. }
  524. </script>
  525. <body>
  526. <form action="" id="f1" method="post">
  527. <s:hidden id="wtId" name="wtId"></s:hidden>
  528. <s:hidden id="wpId" name="wpId"></s:hidden>
  529. <s:hidden id="pagenums" value="1"></s:hidden>
  530. <div class="all">
  531. <div class="index_menu">
  532. <div id="tab1">
  533. <ul>
  534. <li onclick="gozmindex('CL_FDC')" >红花梁风电场</li>
  535. <li onclick="gozmindex('KB_FDC')">照阳河风电场</li>
  536. <li onclick="gozmindex('DX_FDC')" class="now">雁门关风电场</li>
  537. </ul>
  538. </div>
  539. </div>
  540. <div class="page_top1">
  541. <div class="index_top_left">综合指标</div>
  542. <div class="page_top_right">
  543. <div class="index_top_center">
  544. <div class="page_top_center_top" id="wpName">雁门关风电场</div>
  545. <div class="page_top_center_top_a">安全天数</div>
  546. <div class="page_top_center_center" id="aqts"></div>
  547. <div class="page_top_center_bottom">天</div>
  548. </div>
  549. <div class="index_top_right_box">
  550. <div class="company_list"><div class="company_list_a">装机容量</div><div class="company_list_b" id="zjrl"></div><div class="company_list_c">MW</div></div>
  551. <div class="company_list"><div class="company_list_a">功率</div><div class="company_list_b" id="sjgl" onclick="showZB('代县实际功率','HB_GD_DXF_JS_XX_XX_XXX_CI0125','MW');"></div><div class="company_list_c">MW</div></div>
  552. <div class="company_list"><div class="company_list_a">风速</div><div class="company_list_b" id="fs" onclick="showZB('代县风速','HB_GD_DXF_JS_XX_XX_XXX_CI0124','m/s');"></div><div class="company_list_c">m/s</div></div>
  553. <div class="company_list"><div class="company_list_a">发电量</div><div class="company_list_b" id="rfdl" onclick="showZB('代县日发电量','HB_GD_DXF_JS_XX_XX_XXX_CI0078','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  554. <div class="company_list1"><div class="company_list_a">上网电量</div><div class="company_list_b" id="rswdl" onclick="showZB('代县上网电量','HB_GD_DXF_JS_XX_XX_XXX_CI0126','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  555. </div>
  556. <div class="index_top_right_box">
  557. <div class="company_list"><div class="company_list_a">日维护损失电量</div><div class="company_list_b" id="whss"></div><div class="company_list_c">万kWh</div></div>
  558. <div class="company_list"><div class="company_list_a">日故障损失电量</div><div class="company_list_b" id="gzss"></div><div class="company_list_c">万kWh</div></div>
  559. <div class="company_list"><div class="company_list_a">日限电损失电量</div><div class="company_list_b" id="xdss" onclick="showZB('代县限电损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0116','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  560. <div class="company_list"><div class="company_list_a">日受累损失电量</div><div class="company_list_b" id="slss"></div><div class="company_list_c">万kWh</div></div>
  561. <div class="company_list1"><div class="company_list_a">日性能损失电量</div><div class="company_list_b" id="xnss" onclick="showZB('代县性能损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0100','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  562. </div>
  563. <div class="index_top_right_box">
  564. <div class="company_list"><div class="company_list_a">月维护损失电量</div><div class="company_list_b" id="whssy"></div><div class="company_list_c">万kWh</div></div>
  565. <div class="company_list"><div class="company_list_a">月故障损失电量</div><div class="company_list_b" id="gzssy" onclick="showZB('代县月故障损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0140','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  566. <div class="company_list"><div class="company_list_a">月限电损失电量</div><div class="company_list_b" id="xdssy" onclick="showZB('代县月限电损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0168','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  567. <div class="company_list"><div class="company_list_a">月受累损失电量</div><div class="company_list_b" id="slssy" onclick="showZB('代县月受累损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0168','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  568. <div class="company_list1"><div class="company_list_a">月性能损失电量</div><div class="company_list_b" id="xnssy"></div><div class="company_list_c">万kWh</div></div>
  569. </div>
  570. <div class="index_top_right_box">
  571. <div class="company_list"><div class="company_list_a">年维护损失电量</div><div class="company_list_b" id="whssn"></div><div class="company_list_c">万kWh</div></div>
  572. <div class="company_list"><div class="company_list_a">年故障损失电量</div><div class="company_list_b" id="gzssn" onclick="showZB('代县年故障损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0034','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  573. <div class="company_list"><div class="company_list_a">年限电损失电量</div><div class="company_list_b" id="xdssn" onclick="showZB('代县年限电损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0065','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  574. <div class="company_list"><div class="company_list_a">年受累损失电量</div><div class="company_list_b" id="slssn" onclick="showZB('代县年受累损失电量','HB_GD_DXF_JS_XX_XX_XXX_CI0050','万kWh');"></div><div class="company_list_c">万kWh</div></div>
  575. <div class="company_list1"><div class="company_list_a">年性能损失电量</div><div class="company_list_b" id="xnssn"></div><div class="company_list_c">万kWh</div></div>
  576. </div>
  577. </div>
  578. </div>
  579. <div class="page_top2">
  580. <div class="page_top_left">风机状态</div>
  581. <div class="page_top_right1">
  582. <div class="page_top_center2">
  583. <div class="page_top_center_top2">接入</div>
  584. <div class="page_top_center_center2" id="jrts"></div>
  585. <div class="page_top_center_bottom2">台</div>
  586. </div>
  587. <div class="page_top_right_box">
  588. <div class="page_list">
  589. <div class="page_list_box"><div class="page_list_box_left1"></div><div class="page_list_box_right"><div class="page_list_box_right_top">运行</div><div class="page_list_box_right_bottom1" id="yxts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  590. <div class="page_list_box"><div class="page_list_box_left2"></div><div class="page_list_box_right"><div class="page_list_box_right_top">待机</div><div class="page_list_box_right_bottom1" id="djts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  591. <div class="page_list_box"><div class="page_list_box_left3"></div><div class="page_list_box_right"><div class="page_list_box_right_top">故障</div><div class="page_list_box_right_bottom1" id="gzts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  592. </div>
  593. <div class="page_list1">
  594. <div class="page_list_box"><div class="page_list_box_left4"></div><div class="page_list_box_right"><div class="page_list_box_right_top">维护</div><div class="page_list_box_right_bottom1" id="whts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  595. <div class="page_list_box"><div class="page_list_box_left5"></div><div class="page_list_box_right"><div class="page_list_box_right_top">限电</div><div class="page_list_box_right_bottom1" id="xdts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  596. <div class="page_list_box"><div class="page_list_box_left6"></div><div class="page_list_box_right"><div class="page_list_box_right_top">离线</div><div class="page_list_box_right_bottom1" id="lxts"></div><div class="page_list_box_right_bottom2">台</div></div></div>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. <div class="page_bottom">
  602. <!--左侧导航-->
  603. <div id="left_menu">
  604. <!-- <a href="#" class="left_menu_over" id="button1" onmouseover="button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="windfarm()"><li>总貌图</li></a>
  605. -->
  606. <a href="#" class="left_menu_out" id="button2" onmouseover="button1.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="fjpb()"><li>排布图</li></a>
  607. <a href="#" class="left_menu_out" id="button3" onmouseover="button1.className='left_menu_out';button2.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';button6.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="powerfirst()"><li>升压站</li></a>
  608. <a href="#" class="left_menu_out" id="button4" onmouseover="button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';button5.className='left_menu_out';button6.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="tower()"><li>测风塔</li></a>
  609. <!-- <a href="#" class="left_menu_out" id="button5" onmouseover="button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button6.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="wtinfo()"><li>风机信息</li></a>
  610. -->
  611. <a href="#" class="left_menu_out" id="button6" onmouseover="button1.className='left_menu_out';button2.className='left_menu_out';button3.className='left_menu_out';button4.className='left_menu_out';button5.className='left_menu_out';this.className='left_menu_over'" onmouseout="this.className='left_menu_over'" onclick="power()"><li>功率曲线</li></a>
  612. </div>
  613. <a onclick="leftclick()" class="page_zmt_leftbot" onmouseover="this.className='page_zmt_leftbot1'" onmouseout="this.className='page_zmt_leftbot'"></a>
  614. <div class="page_zmt_center" id="bg" style="background:url()">
  615. <div class="page_zmtjs_box f" >
  616. <div class="page_zmtjs_box" id="zmt1" style="display:none">
  617. <div class="page_zmt_kg l2601" id="YMG110kVAmx111"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl01.png" /></div>
  618. <div class="page_zmt_kg l2602" id="YMG110kVAmx101"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_gl01.png" /></div>
  619. <!--手车状态2个一组 -->
  620. <div class="page_zmt_sc1 l131a" id="YMG35kVJdIx311sc"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png" /></div>
  621. <div class="page_zmt_sc2 l131a" id="YMG35kVJdIx311"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png" /></div>
  622. <!--手车状态2个一组 -->
  623. <div class="page_zmt_sc1 l131b" id="YMG35kVJdIIx312sc"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png" /></div>
  624. <div class="page_zmt_sc2 l131b" id="YMG35kVJdIIx312"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png" /></div>
  625. <!--手车状态2个一组 -->
  626. <div class="page_zmt_sc1 l131c" id="YMG1Zb301sc"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_s02.png" /></div>
  627. <div class="page_zmt_sc2 l131c" id="YMG1Zb301"><img src="<%=request.getContextPath()%>/resource/images/hbsj/zmt/patrol_n02.png" /></div>
  628. <!--风机图片 -->
  629. <div class="l131a1">
  630. <div class="page_zmt_fj_box">
  631. <div class="page_zmt_fj" id="DX01_002"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_green.png" width="31" height="44" /></div>
  632. <div class="page_zmt_fj_bot" id="DX01_002code">F02</div>
  633. </div>
  634. <div class="page_zmt_fj_box">
  635. <div class="page_zmt_fj" id="DX01_003"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_blue.gif" width="31" height="44" /></div>
  636. <div class="page_zmt_fj_bot" id="DX01_003code">F03</div>
  637. </div>
  638. <div class="page_zmt_fj_box">
  639. <div class="page_zmt_fj" id="DX01_004"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_red.png" width="31" height="44" /></div>
  640. <div class="page_zmt_fj_bot" id="DX01_004code">F04</div>
  641. </div>
  642. <div class="page_zmt_fj_box">
  643. <div class="page_zmt_fj" id="DX01_005"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.png" width="31" height="44" /></div>
  644. <div class="page_zmt_fj_bot" id="DX01_005code">F05</div>
  645. </div>
  646. <div class="page_zmt_fj_box">
  647. <div class="page_zmt_fj" id="DX01_006"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_gray.png" width="31" height="44" /></div>
  648. <div class="page_zmt_fj_bot" id="DX01_006code">F06</div>
  649. </div>
  650. <div class="page_zmt_fj_box">
  651. <div class="page_zmt_fj" id="DX01_007"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png" width="31" height="44" /></div>
  652. <div class="page_zmt_fj_bot" id="DX01_007code">F07</div>
  653. </div>
  654. <div class="page_zmt_fj_box">
  655. <div class="page_zmt_fj" id="DX01_008"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png" width="31" height="44" /></div>
  656. <div class="page_zmt_fj_bot" id="DX01_008code">F08</div>
  657. </div>
  658. </div>
  659. <div class="l131b1">
  660. <div class="page_zmt_fj_box">
  661. <div class="page_zmt_fj" id="DX01_009"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_green.png" width="31" height="44" /></div>
  662. <div class="page_zmt_fj_bot" id="DX01_009code">F09</div>
  663. </div>
  664. <div class="page_zmt_fj_box">
  665. <div class="page_zmt_fj" id="DX01_010"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_blue.gif" width="31" height="44" /></div>
  666. <div class="page_zmt_fj_bot" id="DX01_010code">F10</div>
  667. </div>
  668. <div class="page_zmt_fj_box">
  669. <div class="page_zmt_fj" id="DX01_011"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_red.png" width="31" height="44" /></div>
  670. <div class="page_zmt_fj_bot" id="DX01_011code">F11</div>
  671. </div>
  672. <div class="page_zmt_fj_box">
  673. <div class="page_zmt_fj" id="DX01_012"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.png" width="31" height="44" /></div>
  674. <div class="page_zmt_fj_bot" id="DX01_012code">F12</div>
  675. </div>
  676. <div class="page_zmt_fj_box">
  677. <div class="page_zmt_fj" id="DX01_013"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_gray.png" width="31" height="44" /></div>
  678. <div class="page_zmt_fj_bot" id="DX01_013code">F13</div>
  679. </div>
  680. <div class="page_zmt_fj_box">
  681. <div class="page_zmt_fj" id="DX01_014"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png" width="31" height="44" /></div>
  682. <div class="page_zmt_fj_bot" id="DX01_014code">F14</div>
  683. </div>
  684. <div class="page_zmt_fj_box">
  685. <div class="page_zmt_fj" id="DX01_015"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png" width="31" height="44" /></div>
  686. <div class="page_zmt_fj_bot" id="DX01_015code">F15</div>
  687. </div>
  688. <div class="page_zmt_fj_box">
  689. <div class="page_zmt_fj" id="DX01_016"><img src="<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png" width="31" height="44" /></div>
  690. <div class="page_zmt_fj_bot" id="DX01_016code">F16</div>
  691. </div>
  692. </div>
  693. </div>
  694. <div class="page_zmtjs_box f" id="fjpb" >
  695. <iframe id="myframe" width="1580px" height="700px" ></iframe>
  696. </div>
  697. </div>
  698. <a onclick="rightclick()" class="page_zmt_rightbot" onmouseover="this.className='page_zmt_rightbot1'" onmouseout="this.className='page_zmt_rightbot'"></a>
  699. </div>
  700. </div>
  701. </div>
  702. </form>
  703. </body>
  704. </html>