windtower.jsp 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <html>
  4. <head>
  5. <title>宁夏集控</title>
  6. <style>
  7. body{
  8. margin-left: 0px;
  9. margin-top: 0px;
  10. margin-right: 0px;
  11. margin-bottom: 0px;
  12. }
  13. .station_Name {
  14. font-family: "Times New Roman", Times, serif;
  15. font-size: 14px;
  16. font-weight: bolder;
  17. color: #666;
  18. }
  19. .value_Name {
  20. font-family: "Times New Roman", Times, serif;
  21. font-size: 14px;
  22. font-weight: bolder;
  23. color: #666;
  24. }
  25. .item_Name { font-family: Arial, Helvetica, sans-serif;
  26. font-size: 12px;
  27. font-weight: bolder;
  28. color: #333;
  29. }
  30. .unit_Name { font-family: Arial, Helvetica, sans-serif;
  31. font-size: 12px;
  32. color: #333;
  33. }
  34. @font-face {
  35. font-family: 'fontNameRegular';
  36. src: url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.eot');
  37. src: local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont Regular'),
  38. local('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont'),
  39. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.woff') format('woff'),
  40. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'),
  41. url('<%=request.getContextPath() %>/resource/fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
  42. font-size: 20px;
  43. font-weight: bolder;
  44. }
  45. #fx80 {
  46. position: absolute;
  47. text-align:center;
  48. left: 879px;
  49. top: 151px;
  50. width: 116px;
  51. height: 29px;
  52. z-index: 1;
  53. }
  54. #fx70 {
  55. position: absolute;
  56. text-align:center;
  57. left: 1088px;
  58. top: 150px;
  59. width: 109px;
  60. height: 30px;
  61. z-index: 2;
  62. }
  63. #fx50 {
  64. position: absolute;
  65. text-align:center;
  66. left: 1287px;
  67. top: 148px;
  68. width: 101px;
  69. height: 30px;
  70. z-index: 3;
  71. }
  72. #fx30 {
  73. position: absolute;
  74. text-align:center;
  75. left: 1490px;
  76. top: 144px;
  77. width: 96px;
  78. height: 31px;
  79. z-index: 4;
  80. }
  81. #fx10 {
  82. position: absolute;
  83. text-align:center;
  84. left: 1698px;
  85. top: 144px;
  86. width: 82px;
  87. height: 31px;
  88. z-index: 5;
  89. }
  90. #fs80 {
  91. position: absolute;
  92. text-align:center;
  93. left: 892px;
  94. top: 238px;
  95. width: 92px;
  96. height: 31px;
  97. z-index: 6;
  98. }
  99. #fs70 {
  100. position: absolute;
  101. text-align:center;
  102. left: 1091px;
  103. top: 235px;
  104. width: 106px;
  105. height: 32px;
  106. z-index: 7;
  107. }
  108. #fs50 {
  109. position: absolute;
  110. text-align:center;
  111. left: 1289px;
  112. top: 233px;
  113. width: 101px;
  114. height: 34px;
  115. z-index: 8;
  116. }
  117. #fs30 {
  118. position: absolute;
  119. text-align:center;
  120. left: 1491px;
  121. top: 232px;
  122. width: 100px;
  123. height: 33px;
  124. z-index: 9;
  125. }
  126. #fs10 {
  127. position: absolute;
  128. text-align:center;
  129. left: 1693px;
  130. top: 232px;
  131. width: 96px;
  132. height: 35px;
  133. z-index: 10;
  134. }
  135. #container3 {
  136. position: absolute;
  137. left: 847px;
  138. top: 316px;
  139. width: 315px;
  140. height: 212px;
  141. z-index: 11;
  142. }
  143. #container5 {
  144. position: absolute;
  145. left: 1179px;
  146. top: 317px;
  147. width: 314px;
  148. height: 211px;
  149. z-index: 12;
  150. }
  151. #container4 {
  152. position: absolute;
  153. left: 1509px;
  154. top: 318px;
  155. width: 318px;
  156. height: 212px;
  157. z-index: 13;
  158. }
  159. #fzy1 {
  160. position: absolute;
  161. left: 843px;
  162. top: 564px;
  163. width: 489px;
  164. height: 243px;
  165. z-index: 14;
  166. }
  167. #fzy2 {
  168. position: absolute;
  169. left: 1342px;
  170. top: 564px;
  171. width: 483px;
  172. height: 243px;
  173. z-index: 15;
  174. }
  175. </style>
  176. <script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
  177. <script
  178. src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts.src.js"
  179. type="text/javascript">
  180. </script>
  181. <script src="<%=request.getContextPath()%>/pages/monitor/windtower.js"
  182. type="text/javascript">
  183. </script>
  184. <script
  185. src="<%=request.getContextPath()%>/resource/js/highcharts/highcharts-more.js">
  186. </script>
  187. <script
  188. src="<%=request.getContextPath()%>/resource/js/highcharts/modules/solid-gauge.src.js">
  189. </script>
  190. <script type="text/javascript">
  191. $(document).ready(function() {
  192. });
  193. function wpAllInfoAjax() {
  194. var windfarm=$("#windfarm").val();
  195. $.ajax( {
  196. url : "/windfarm/windfarmrealtimeinfo.action?wfName="+windfarm,
  197. type : "post",
  198. cache : false,
  199. dataType : "json",
  200. data : {},
  201. ifModified : false,
  202. success : function(res) {
  203. $("#zjrl").html(res["zjrl"] + "");
  204. $("#zgl").html(res["zgl"] + "");
  205. $("#pjfs").html(res["pjfs"] + "");
  206. $("#rfdl").html(res["rfdl"] + "");
  207. $("#yfdl").html(res["yfdl"] + "");
  208. $("#nfdl").html(res["nfdl"] + "");
  209. $("#yxts").html(res["yxts"] + "");
  210. $("#djts").html(res["djts"] + "");
  211. $("#whts").html(res["whts"] + "");
  212. $("#gzts").html(res["gzts"] + "");
  213. $("#lxts").html(res["lxts"] + "");
  214. $("#xdts").html(res["xdts"] + "");
  215. $("#jrts").html(res["jrts"] + "");
  216. $("#wd").html(res["wd"] + "");
  217. }
  218. });
  219. }
  220. </script>
  221. </head><body>
  222. <s:hidden id="windfarm"></s:hidden>
  223. <div id="fx80"></div>
  224. <div id="fx70"></div>
  225. <div id="fx50"></div>
  226. <div id="fx30"></div>
  227. <div id="fx10"></div>
  228. <div id="fs80"></div>
  229. <div id="fs70"></div>
  230. <div id="fs50"></div>
  231. <div id="fs30"></div>
  232. <div id="fs10"></div>
  233. <div id="container3"></div>
  234. <div id="container5"></div>
  235. <div id="container4"></div>
  236. <div id="fzy1"></div>
  237. <div id="fzy2"></div>
  238. <table width="1880" border="0" align="center" cellpadding="0" cellspacing="0">
  239. <tr>
  240. <td height="58" colspan="5" background="<%=request.getContextPath()%>/resource/images/system/pictures/station_Top.jpg"><table width="1880" border="0" cellspacing="0" cellpadding="0" height="58">
  241. <tr>
  242. <td width="36" height="25">&nbsp;</td>
  243. <td width="64" rowspan="2" align="center">&nbsp;</td>
  244. <td width="125" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >装机容量</span></td>
  245. <td width="123" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >总功率</span></td>
  246. <td width="125" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >日发电量</span></td>
  247. <td width="124" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >月发电量</span></td>
  248. <td width="124" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >年发电量</span></td>
  249. <td width="123" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >温度</span></td>
  250. <td width="123" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >平均风速</span></td>
  251. <td width="127" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >接入台数</span></td>
  252. <td width="121" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >运行台数</span></td>
  253. <td width="125" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >待机台数</span></td>
  254. <td width="123" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >故障台数</span></td>
  255. <td width="126" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >维护台数</span></td>
  256. <td width="124" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >离线台数</span></td>
  257. <td width="124" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" >限电台数</span></td>
  258. <td width="43" align="center"><span style="font-size: 18px;font-weight: bolder; color: #666" ></span></td>
  259. </tr>
  260. <tr>
  261. <td height="28">&nbsp;</td>
  262. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="zjrl"></span></td>
  263. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="zgl" ></span></td>
  264. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="rfdl" ></span></td>
  265. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="yfdl" ></span></td>
  266. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="nfdl" ></span></td>
  267. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="wd" ></span></td>
  268. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="pjfs" ></span></td>
  269. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="jrts" ></span></td>
  270. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="yxts" ></span></td>
  271. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="djts" ></span></td>
  272. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="gzts" ></span></td>
  273. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="whts" ></span></td>
  274. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="lxts" ></span></td>
  275. <td align="center"><span style="font-family: fontNameRegular;font-size: 20px;font-weight: bolder; color: #666;" id="xdts" ></span></td>
  276. <td align="center"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/back_icon.fw.png" width="18" height="19" /></td>
  277. </tr>
  278. </table>
  279. <tr>
  280. <td width="17" valign="top"><table width="35" border="0" cellspacing="0" cellpadding="0">
  281. <tr>
  282. <td><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_zm_Button_selected.jpg" width="35" height="80" /></td>
  283. </tr>
  284. <tr>
  285. <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_fjpb_button_link.jpg" width="35" height="80" /></td>
  286. </tr>
  287. <tr>
  288. <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_syz_button_link.jpg" width="35" /></td>
  289. </tr>
  290. <tr>
  291. <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_line_button_link.jpg" width="35" height="80" /></td>
  292. </tr>
  293. <tr>
  294. <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_fjinfo_button_link.jpg" width="35" height="80" /></td>
  295. </tr>
  296. <tr>
  297. <td align="center" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/station_cft_button_link.jpg" width="35" height="80" /></td>
  298. </tr>
  299. </table></td>
  300. <td width="1863" height="766" align="center" valign="top"><table width="1840" border="0" cellspacing="0" cellpadding="0">
  301. <tr>
  302. <td colspan="3"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_cengfengta_top.jpg" width="1840" height="49" /></td>
  303. </tr>
  304. <tr>
  305. <td width="798"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/cft.jpg" width="798" height="706" /></td>
  306. <td width="1002" valign="top" background="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_cefengta_content.jpg"></td>
  307. <td width="23" valign="top"><img src="<%=request.getContextPath()%>/resource/images/system/pictures/nsh_cengfengta_right.jpg" width="40" height="706" /></td>
  308. </tr>
  309. </table></td>
  310. </tr>
  311. </table>
  312. </body>
  313. </html>