line_dx.jsp 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556
  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="<%=path %>/pages/monitor/css/page_fjpb.css" rel="stylesheet" type="text/css" />
  13. <link href="<%=path %>/pages/monitor/css/page_fjpb_daixian.css" rel="stylesheet" type="text/css" />
  14. <script type='text/javascript' 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. </head>
  19. <script type="text/javascript">
  20. function setTab(m,n){
  21. var menu=document.getElementById("tab"+m).getElementsByTagName("li");
  22. for(i=0;i<menu.length;i++)
  23. {
  24. menu[i].className=(i==n?"now":"");
  25. }
  26. }
  27. $(document).ready(function() {
  28. $("#wpId").val('<s:property value="wpId"/>');
  29. //powerfirstinfo();
  30. wpAllInfoAjax();
  31. wtvalueinfo();
  32. window.setInterval(wpAllInfoAjax, 60000);
  33. window.setInterval(wtvalueinfo, 60000);
  34. var tab=window.parent.document.getElementById("tab2");
  35. tab.height="864px";
  36. });
  37. function lineInfo(wpId)
  38. {
  39. $("#wpId").val(wpId);
  40. $("#f1").attr("action","/wpmonitor/lineindex.action").submit();
  41. }
  42. function goback()
  43. {
  44. $("#f1").attr("action","/matrix/monitormainIndex.action").submit();
  45. }
  46. function wtvalueinfo() {
  47. var wpId=$("#wpId").val();
  48. $.ajax({
  49. url : "/wpmonitor/wtStationInfo.action?wpId="+wpId,
  50. type : "post",
  51. cache : false,
  52. dataType : "json",
  53. data : {},
  54. ifModified : false,
  55. success : function(res) {
  56. /****************功率**赋值**********************/
  57. //$("#DX01_001gl").html(res["DX01_001gl"]);
  58. $("#DX01_002gl").html(res["DX01_002gl"]);
  59. $("#DX01_003gl").html(res["DX01_003gl"]);
  60. $("#DX01_004gl").html(res["DX01_004gl"]);
  61. $("#DX01_005gl").html(res["DX01_005gl"]);
  62. $("#DX01_006gl").html(res["DX01_006gl"]);
  63. $("#DX01_007gl").html(res["DX01_007gl"]);
  64. $("#DX01_008gl").html(res["DX01_008gl"]);
  65. $("#DX01_009gl").html(res["DX01_009gl"]);
  66. $("#DX01_010gl").html(res["DX01_010gl"]);
  67. $("#DX01_011gl").html(res["DX01_011gl"]);
  68. $("#DX01_012gl").html(res["DX01_012gl"]);
  69. $("#DX01_013gl").html(res["DX01_013gl"]);
  70. $("#DX01_014gl").html(res["DX01_014gl"]);
  71. $("#DX01_015gl").html(res["DX01_015gl"]);
  72. $("#DX01_016gl").html(res["DX01_016gl"]);
  73. /********************风速*********************************/
  74. //$("#DX01_001fs").html(res["DX01_001fs"]);
  75. $("#DX01_002fs").html(res["DX01_002fs"]);
  76. $("#DX01_003fs").html(res["DX01_003fs"]);
  77. $("#DX01_004fs").html(res["DX01_004fs"]);
  78. $("#DX01_005fs").html(res["DX01_005fs"]);
  79. $("#DX01_006fs").html(res["DX01_006fs"]);
  80. $("#DX01_007fs").html(res["DX01_007fs"]);
  81. $("#DX01_008fs").html(res["DX01_008fs"]);
  82. $("#DX01_009fs").html(res["DX01_009fs"]);
  83. $("#DX01_010fs").html(res["DX01_010fs"]);
  84. $("#DX01_011fs").html(res["DX01_011fs"]);
  85. $("#DX01_012fs").html(res["DX01_012fs"]);
  86. $("#DX01_013fs").html(res["DX01_013fs"]);
  87. $("#DX01_014fs").html(res["DX01_014fs"]);
  88. $("#DX01_015fs").html(res["DX01_015fs"]);
  89. $("#DX01_016fs").html(res["DX01_016fs"]);
  90. /*******************风机号***********************************/
  91. //$("#DX01_001code").html(res["DX01_001code"]);
  92. $("#DX01_002code").html(res["DX01_002code"]);
  93. $("#DX01_003code").html(res["DX01_003code"]);
  94. $("#DX01_004code").html(res["DX01_004code"]);
  95. $("#DX01_005code").html(res["DX01_005code"]);
  96. $("#DX01_006code").html(res["DX01_006code"]);
  97. $("#DX01_007code").html(res["DX01_007code"]);
  98. $("#DX01_008code").html(res["DX01_008code"]);
  99. $("#DX01_009code").html(res["DX01_009code"]);
  100. $("#DX01_010code").html(res["DX01_010code"]);
  101. $("#DX01_011code").html(res["DX01_011code"]);
  102. $("#DX01_012code").html(res["DX01_012code"]);
  103. $("#DX01_013code").html(res["DX01_013code"]);
  104. $("#DX01_014code").html(res["DX01_014code"]);
  105. $("#DX01_015code").html(res["DX01_015code"]);
  106. $("#DX01_016code").html(res["DX01_016code"]);
  107. /***********************状态******************************/
  108. //$("#DX01_001").html(state(res["DX01_001"],"DX01_001"));
  109. $("#DX01_002").html(state(res["DX01_002"],"DX01_002"));
  110. $("#DX01_003").html(state(res["DX01_003"],"DX01_003"));
  111. $("#DX01_004").html(state(res["DX01_004"],"DX01_004"));
  112. $("#DX01_005").html(state(res["DX01_005"],"DX01_005"));
  113. $("#DX01_006").html(state(res["DX01_006"],"DX01_006"));
  114. $("#DX01_007").html(state(res["DX01_007"],"DX01_007"));
  115. $("#DX01_008").html(state(res["DX01_008"],"DX01_008"));
  116. $("#DX01_009").html(state(res["DX01_009"],"DX01_009"));
  117. $("#DX01_010").html(state(res["DX01_010"],"DX01_010"));
  118. $("#DX01_011").html(state(res["DX01_011"],"DX01_011"));
  119. $("#DX01_012").html(state(res["DX01_012"],"DX01_012"));
  120. $("#DX01_013").html(state(res["DX01_013"],"DX01_013"));
  121. $("#DX01_014").html(state(res["DX01_014"],"DX01_014"));
  122. $("#DX01_015").html(state(res["DX01_015"],"DX01_015"));
  123. $("#DX01_016").html(state(res["DX01_016"],"DX01_016"));
  124. /*****************************************************/
  125. }
  126. });
  127. }
  128. function state(state,id)
  129. {
  130. var temp;
  131. switch(parseInt(state)){
  132. case 1:
  133. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_blue.gif' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  134. break;
  135. case 0:
  136. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_green.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  137. break;
  138. case 4:
  139. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_orange.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  140. break;
  141. case 2:
  142. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_red.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  143. break;
  144. case 3:
  145. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_gray.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  146. break;
  147. case 5:
  148. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.gif' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  149. break;
  150. case 6:
  151. temp=" <img src='<%=request.getContextPath()%>/resource/images/hbsj/page_zmt_fjx_pink.png' onclick=gowt('"+id+"') style='cursor:pointer' width='31' height='44' />";
  152. break;
  153. }
  154. return temp;
  155. }
  156. function wpAllInfoAjax() {
  157. var wpId=$("#wpId").val();
  158. $.ajax( {
  159. url : "/wpmonitor/windfarmrealtimeinfo.action?wpId="+wpId,
  160. type : "post",
  161. cache : false,
  162. dataType : "json",
  163. data : {},
  164. ifModified : false,
  165. success : function(res) {
  166. $("#aqts").html(res["aqts"] + "");
  167. $("#zjrl").html(res["zjrl"]*10 + "");
  168. $("#sjgl").html(res["sjgl"] + "");
  169. $("#fs").html(res["fs"] + "");
  170. $("#rfdl").html(res["rfdl"] + "");
  171. $("#rswdl").html(res["rswdl"] + "");
  172. $("#yxts").html(res["yxts"] + "");
  173. $("#djts").html(res["djts"] + "");
  174. $("#whts").html(res["whts"] + "");
  175. $("#gzts").html(res["gzts"] + "");
  176. $("#lxts").html(res["lxts"] + "");
  177. $("#xdts").html(res["xdts"] + "");
  178. $("#jrts").html(res["jrts"] + "");
  179. $("#whss").html(res["whss"] + "");
  180. $("#gzss").html(res["gzss"] + "");
  181. $("#xdss").html(res["xdss"] + "");
  182. $("#slss").html(res["slss"] + "");
  183. $("#xnss").html(res["xnss"] + "");
  184. $("#whssy").html(res["whssy"] + "");
  185. $("#gzssy").html(res["gzssy"] + "");
  186. $("#xdssy").html(res["xdssy"] + "");
  187. $("#slssy").html(res["slssy"] + "");
  188. $("#xnssy").html(res["xnssy"] + "");
  189. $("#whssn").html(res["whssn"] + "");
  190. $("#gzssn").html(res["gzssn"] + "");
  191. $("#xdssn").html(res["xdssn"] + "");
  192. $("#slssn").html(res["slssn"] + "");
  193. $("#xnssn").html(res["xnssn"] + "");
  194. $("#wpName").html(res["wpName"] + "");
  195. }
  196. });
  197. }
  198. function windfarm()
  199. {
  200. $("#f1").attr("action","/wpmonitor/zmindex.action").submit();
  201. }
  202. function tower()
  203. {
  204. $("#f1").attr("action","/wpmonitor/windtower.action").submit();
  205. }
  206. function powerfirst()
  207. {
  208. $("#f1").attr("action","/wpmonitor/pfindex.action").submit();
  209. }
  210. function wtinfo()
  211. {
  212. $("#f1").attr("action","/wpmonitor/wtindex.action").submit();
  213. }
  214. function power()
  215. {
  216. $("#f1").attr("action","/wpmonitor/pwindex.action").submit();
  217. }
  218. function fjpb()
  219. {
  220. $("#f1").attr("action","/wpmonitor/lineindex.action").submit();
  221. }
  222. function gowt(wtId)
  223. {
  224. $("#wtId").val(wtId);
  225. $("#f1").attr("action","/wpmonitor/wtindex.action").submit();
  226. }
  227. </script>
  228. <body>
  229. <form action="" id="f1" method="post">
  230. <s:hidden id="wtId" name="wtId"></s:hidden>
  231. <s:hidden id="wpId" name="wpId"></s:hidden>
  232. <div class="all">
  233. <div class="index_menu">
  234. <div id="tab1">
  235. <ul>
  236. <li onclick="lineInfo('CL_FDC')">红花梁风电场</li>
  237. <li onclick="lineInfo('KB_FDC')">照阳河风电场</li>
  238. <li onclick="lineInfo('DX_FDC')" class="now">雁门关风电场</li>
  239. <li onclick="lineInfo('SY_FDC')">冠山风电场</li>
  240. </ul>
  241. </div>
  242. </div>
  243. <div class="page_top1">
  244. <div class="index_top_left">综合指标</div>
  245. <div class="page_top_right">
  246. <div class="index_top_center">
  247. <div class="page_top_center_top" id="wpName">雁门关风电场</div>
  248. <div class="page_top_center_top_a">安全天数</div>
  249. <div class="page_top_center_center" id="aqts"></div>
  250. <div class="page_top_center_bottom">天</div>
  251. </div>
  252. <div class="index_top_right_box">
  253. <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>
  254. <div class="company_list"><div class="company_list_a">功率</div><div class="company_list_b" id="sjgl"></div><div class="company_list_c">MW</div></div>
  255. <div class="company_list"><div class="company_list_a">风速</div><div class="company_list_b" id="fs"></div><div class="company_list_c">m/s</div></div>
  256. <div class="company_list"><div class="company_list_a">发电量</div><div class="company_list_b" id="rfdl"></div><div class="company_list_c">万kWh</div></div>
  257. <div class="company_list1"><div class="company_list_a">上网电量</div><div class="company_list_b" id="rswdl"></div><div class="company_list_c">万kWh</div></div>
  258. </div>
  259. <div class="index_top_right_box">
  260. <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>
  261. <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>
  262. <div class="company_list"><div class="company_list_a">日限电损失电量</div><div class="company_list_b" id="xdss"></div><div class="company_list_c">万kWh</div></div>
  263. <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>
  264. <div class="company_list1"><div class="company_list_a">日性能损失电量</div><div class="company_list_b" id="xnss"></div><div class="company_list_c">万kWh</div></div>
  265. </div>
  266. <div class="index_top_right_box">
  267. <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>
  268. <div class="company_list"><div class="company_list_a">月故障损失电量</div><div class="company_list_b" id="gzssy"></div><div class="company_list_c">万kWh</div></div>
  269. <div class="company_list"><div class="company_list_a">月限电损失电量</div><div class="company_list_b" id="xdssy"></div><div class="company_list_c">万kWh</div></div>
  270. <div class="company_list"><div class="company_list_a">月受累损失电量</div><div class="company_list_b" id="slssy"></div><div class="company_list_c">万kWh</div></div>
  271. <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>
  272. </div>
  273. <div class="index_top_right_box">
  274. <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>
  275. <div class="company_list"><div class="company_list_a">年故障损失电量</div><div class="company_list_b" id="gzssn"></div><div class="company_list_c">万kWh</div></div>
  276. <div class="company_list"><div class="company_list_a">年限电损失电量</div><div class="company_list_b" id="xdssn"></div><div class="company_list_c">万kWh</div></div>
  277. <div class="company_list"><div class="company_list_a">年受累损失电量</div><div class="company_list_b" id="slssn"></div><div class="company_list_c">万kWh</div></div>
  278. <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>
  279. </div>
  280. </div>
  281. </div>
  282. <div class="page_top2">
  283. <div class="page_top_left">风机状态</div>
  284. <div class="page_top_right1">
  285. <div class="page_top_center2">
  286. <div class="page_top_center_top2">接入</div>
  287. <div class="page_top_center_center2" id="jrts"></div>
  288. <div class="page_top_center_bottom2">台</div>
  289. </div>
  290. <div class="page_top_right_box">
  291. <div class="page_list">
  292. <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>
  293. <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>
  294. <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>
  295. </div>
  296. <div class="page_list1">
  297. <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>
  298. <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>
  299. <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>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. <div class="page_bottom">
  305. <!--左侧导航-->
  306. <div id="left_menu">
  307. <!-- <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>
  308. -->
  309. <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>
  310. <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>
  311. <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>
  312. <!-- <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>
  313. -->
  314. <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>
  315. </div>
  316. <div class="page_fjpb_bg">
  317. <a href="#" onclick="powerfirst()" class="page_fjpb_syz_out page_fjpb_syz" onmouseover="this.className='page_fjpb_syz_over page_fjpb_syz'" onmouseout="this.className='page_fjpb_syz_out page_fjpb_syz'"></a>
  318. <a href="#" class="page_fjpb_fj_box f02" onmouseover="f02.style.display='block'" onmouseout="f02.style.display='none'">
  319. <div class="page_fjpb_mouseover" id="f02" style="display: none">
  320. <div class="page_fjpb_left f" id="DX01_002gl">1000.00</div>
  321. <div class="page_fjpb_right f">Kw</div>
  322. <div class="page_fjpb_left f" id="DX01_002fs">1000.00</div>
  323. <div class="page_fjpb_right f">m/s</div>
  324. </div>
  325. <div class="page_fjpb_fj_box_top" id="DX01_002">
  326. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31"
  327. height="44" />
  328. </div>
  329. <div class="page_fjpb_fj_box_bottom" id="DX01_002code">F02</div>
  330. </a>
  331. <a href="#" class="page_fjpb_fj_box f03" onmouseover="f03.style.display='block'" onmouseout="f03.style.display='none'">
  332. <div class="page_fjpb_mouseover" id="f03" style="display: none">
  333. <div class="page_fjpb_left f" id="DX01_003gl">1000.00</div>
  334. <div class="page_fjpb_right f">Kw</div>
  335. <div class="page_fjpb_left f" id="DX01_003fs">1000.00</div>
  336. <div class="page_fjpb_right f">m/s</div>
  337. </div>
  338. <div class="page_fjpb_fj_box_top" id="DX01_003">
  339. <img src="<%=imgPath%>/page_zmt_fjx_gray.png" width="31" height="44" />
  340. </div>
  341. <div class="page_fjpb_fj_box_bottom" id="DX01_003code">F03</div>
  342. </a>
  343. <a href="#" class="page_fjpb_fj_box f04" onmouseover="f04.style.display='block'" onmouseout="f04.style.display='none'">
  344. <div class="page_fjpb_mouseover" id="f04" style="display: none">
  345. <div class="page_fjpb_left f" id="DX01_004gl">1000.00</div>
  346. <div class="page_fjpb_right f">Kw</div>
  347. <div class="page_fjpb_left f" id="DX01_004fs">1000.00</div>
  348. <div class="page_fjpb_right f">m/s</div>
  349. </div>
  350. <div class="page_fjpb_fj_box_top" id="DX01_004">
  351. <img src="<%=imgPath%>/page_zmt_fjx_red.png" width="31" height="44" />
  352. </div>
  353. <div class="page_fjpb_fj_box_bottom" id="DX01_004code">F04</div>
  354. </a>
  355. <a href="#" class="page_fjpb_fj_box f05" onmouseover="f05.style.display='block'" onmouseout="f05.style.display='none'">
  356. <div class="page_fjpb_mouseover" id="f05" style="display: none">
  357. <div class="page_fjpb_left f" id="DX01_005gl">1000.00</div>
  358. <div class="page_fjpb_right f">Kw</div>
  359. <div class="page_fjpb_left f" id="DX01_005fs">1000.00</div>
  360. <div class="page_fjpb_right f">m/s</div>
  361. </div>
  362. <div class="page_fjpb_fj_box_top" id="DX01_005">
  363. <img src="<%=imgPath%>/page_zmt_fjx_orange.png" width="31" height="44" />
  364. </div>
  365. <div class="page_fjpb_fj_box_bottom" id="DX01_005code">F05</div>
  366. </a>
  367. <a href="#" class="page_fjpb_fj_box f06" onmouseover="f06.style.display='block'" onmouseout="f06.style.display='none'">
  368. <div class="page_fjpb_mouseover" id="f06" style="display: none">
  369. <div class="page_fjpb_left f" id="DX01_006gl">1000.00</div>
  370. <div class="page_fjpb_right f">Kw</div>
  371. <div class="page_fjpb_left f" id="DX01_006fs">1000.00</div>
  372. <div class="page_fjpb_right f">m/s</div>
  373. </div>
  374. <div class="page_fjpb_fj_box_top" id="DX01_006">
  375. <img src="<%=imgPath%>/page_zmt_fjx_pink.png" width="31" height="44" />
  376. </div>
  377. <div class="page_fjpb_fj_box_bottom" id="DX01_006code">F06</div>
  378. </a>
  379. <a href="#" class="page_fjpb_fj_box f07" onmouseover="f07.style.display='block'" onmouseout="f07.style.display='none'">
  380. <div class="page_fjpb_mouseover" id="f07" style="display: none">
  381. <div class="page_fjpb_left f" id="DX01_007gl">1000.00</div>
  382. <div class="page_fjpb_right f">Kw</div>
  383. <div class="page_fjpb_left f" id="DX01_007fs">1000.00</div>
  384. <div class="page_fjpb_right f">m/s</div>
  385. </div>
  386. <div class="page_fjpb_fj_box_top" id="DX01_007">
  387. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" />
  388. </div>
  389. <div class="page_fjpb_fj_box_bottom" id="DX01_007code">F07</div>
  390. </a>
  391. <a href="#" class="page_fjpb_fj_box f08" onmouseover="f08.style.display='block'" onmouseout="f08.style.display='none'">
  392. <div class="page_fjpb_mouseover" id="f08" style="display: none">
  393. <div class="page_fjpb_left f" id="DX01_008gl">1000.00</div>
  394. <div class="page_fjpb_right f">Kw</div>
  395. <div class="page_fjpb_left f" id="DX01_008fs">1000.00</div>
  396. <div class="page_fjpb_right f">m/s</div>
  397. </div>
  398. <div class="page_fjpb_fj_box_top" id="DX01_008">
  399. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" />
  400. </div>
  401. <div class="page_fjpb_fj_box_bottom" id="DX01_008code">F08</div>
  402. </a>
  403. <a href="#" class="page_fjpb_fj_box f09" onmouseover="f09.style.display='block'" onmouseout="f09.style.display='none'">
  404. <div class="page_fjpb_mouseover" id="f09" style="display:none">
  405. <div class="page_fjpb_left f" id="DX01_009gl">1000.00</div>
  406. <div class="page_fjpb_right f">Kw</div>
  407. <div class="page_fjpb_left f" id="DX01_009fs">1000.00</div>
  408. <div class="page_fjpb_right f">m/s</div>
  409. </div>
  410. <div class="page_fjpb_fj_box_top" id="DX01_009">
  411. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" />
  412. </div>
  413. <div class="page_fjpb_fj_box_bottom" id="DX01_009code">F09</div>
  414. </a>
  415. <a href="#" class="page_fjpb_fj_box f10" onmouseover="f10.style.display='block'" onmouseout="f10.style.display='none'">
  416. <div class="page_fjpb_mouseover" id="f10" style="display:none">
  417. <div class="page_fjpb_left f" id="DX01_010gl">1000.00</div>
  418. <div class="page_fjpb_right f">Kw</div>
  419. <div class="page_fjpb_left f" id="DX01_010fs">1000.00</div>
  420. <div class="page_fjpb_right f">m/s</div>
  421. </div>
  422. <div class="page_fjpb_fj_box_top" id="DX01_010">
  423. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" />
  424. </div>
  425. <div class="page_fjpb_fj_box_bottom" id="DX01_010code">F10</div>
  426. </a>
  427. <a href="#" class="page_fjpb_fj_box f11" onmouseover="f11.style.display='block'" onmouseout="f11.style.display='none'">
  428. <div class="page_fjpb_mouseover" id="f11" style="display:none">
  429. <div class="page_fjpb_left f" id="DX01_011gl">1000.00</div>
  430. <div class="page_fjpb_right f">Kw</div>
  431. <div class="page_fjpb_left f" id="DX01_011fs">1000.00</div>
  432. <div class="page_fjpb_right f">m/s</div>
  433. </div>
  434. <div class="page_fjpb_fj_box_top" id="DX01_011">
  435. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" /></div>
  436. <div class="page_fjpb_fj_box_bottom" id="DX01_011code">F11</div>
  437. </a>
  438. <a href="#" class="page_fjpb_fj_box f12" onmouseover="f12.style.display='block'" onmouseout="f12.style.display='none'">
  439. <div class="page_fjpb_mouseover" id="f12" style="display:none">
  440. <div class="page_fjpb_left f" id="DX01_012gl">1000.00</div>
  441. <div class="page_fjpb_right f">Kw</div>
  442. <div class="page_fjpb_left f" id="DX01_012fs">1000.00</div>
  443. <div class="page_fjpb_right f">m/s</div>
  444. </div>
  445. <div class="page_fjpb_fj_box_top" id="DX01_012">
  446. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" /></div>
  447. <div class="page_fjpb_fj_box_bottom" id="DX01_012code">F12</div>
  448. </a>
  449. <a href="#" class="page_fjpb_fj_box f13" onmouseover="f13.style.display='block'" onmouseout="f13.style.display='none'">
  450. <div class="page_fjpb_mouseover" id="f13" style="display:none">
  451. <div class="page_fjpb_left f" id="DX01_013gl">1000.00</div>
  452. <div class="page_fjpb_right f">Kw</div><div class="page_fjpb_left f" id="DX01_013fs">1000.00</div>
  453. <div class="page_fjpb_right f">m/s</div>
  454. </div>
  455. <div class="page_fjpb_fj_box_top" id="DX01_013">
  456. <img src="<%=imgPath%>/page_zmt_fjx_blue.gif" width="31" height="44" />
  457. </div>
  458. <div class="page_fjpb_fj_box_bottom" id="DX01_013code">F13</div>
  459. </a>
  460. <a href="#" class="page_fjpb_fj_box f14" onmouseover="f14.style.display='block'" onmouseout="f14.style.display='none'">
  461. <div class="page_fjpb_mouseover" id="f14" style="display:none">
  462. <div class="page_fjpb_left f" id="DX01_014gl">1000.00</div>
  463. <div class="page_fjpb_right f">Kw</div>
  464. <div class="page_fjpb_left f" id="DX01_014fs">1000.00</div>
  465. <div class="page_fjpb_right f">m/s</div>
  466. </div>
  467. <div class="page_fjpb_fj_box_top" id="DX01_014">
  468. <img src="<%=imgPath%>/page_zmt_fjx_green.png" width="31" height="44" />
  469. </div>
  470. <div class="page_fjpb_fj_box_bottom" id="DX01_014code">F14</div>
  471. </a>
  472. <a href="#" class="page_fjpb_fj_box f15" onmouseover="f15.style.display='block'" onmouseout="f15.style.display='none'">
  473. <div class="page_fjpb_mouseover" id="f15" style="display:none">
  474. <div class="page_fjpb_left f" id="DX01_015gl">1000.00</div>
  475. <div class="page_fjpb_right f">Kw</div>
  476. <div class="page_fjpb_left f" id="DX01_015fs">1000.00</div>
  477. <div class="page_fjpb_right f">m/s</div>
  478. </div>
  479. <div class="page_fjpb_fj_box_top" id="DX01_015">
  480. <img src="<%=imgPath%>/page_zmt_fjx_gray.png" width="31" height="44" />
  481. </div>
  482. <div class="page_fjpb_fj_box_bottom" id="DX01_015code">F15</div>
  483. </a>
  484. <a href="#" class="page_fjpb_fj_box f16" onmouseover="f16.style.display='block'" onmouseout="f16.style.display='none'">
  485. <div class="page_fjpb_mouseover" id="f16" style="display:none">
  486. <div class="page_fjpb_left f" id="DX01_016gl">1000.00</div>
  487. <div class="page_fjpb_right f">Kw</div>
  488. <div class="page_fjpb_left f" id="DX01_016fs">1000.00</div>
  489. <div class="page_fjpb_right f">m/s</div>
  490. </div>
  491. <div class="page_fjpb_fj_box_top" id="DX01_016">
  492. <img src="<%=imgPath%>/page_zmt_fjx_red.png" width="31" height="44" />
  493. </div>
  494. <div class="page_fjpb_fj_box_bottom" id="DX01_016code">F16</div>
  495. </a>
  496. </div>
  497. </div>
  498. </div>
  499. </form>
  500. </body>
  501. </html>