top4.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <%@ page language="java" contentType="text/html;charset=utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp"%>
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>top</title>
  8. <script src="<%=request.getContextPath()%>/resource/js/jquery-1.2.6.pack.js" type="text/javascript"></script>
  9. <script src="<%=request.getContextPath()%>/resource/js/jquery.epiclock.js" type="text/javascript"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function() {
  12. $('#epiClock1').epiclock({ format : ' Y年F月j日 ' }); //绑定
  13. $('#epiClock2').epiclock({ format : ' D '}); //绑定
  14. $('#epiClock3').epiclock({ format : ' G:i:s' }); //绑定
  15. $.epiclock();
  16. queryApData();
  17. window.setInterval(queryApData,60000);
  18. });
  19. function queryApData() {
  20. $.ajax( {url : "<%=request.getContextPath()%>/top/findInfo.action",
  21. type : "post",
  22. cache : false,
  23. dataType : "json",
  24. data : {},
  25. ifModified : false,
  26. success : function(res) {
  27. $("#aqts").html(res["aqts"] + "");
  28. $("#zjrl").html(res["zjrl"] + "");
  29. $("#rfdl").html(res["rfdl"] + "");
  30. $("#yfdl").html(res["yfdl"] + "");
  31. $("#nfdl").html(res["nfdl"] + "");
  32. $("#pjfs").html(res["pjfs"] + "");
  33. $("#sjgl").html(res["sjgl"] + "");
  34. $("#fzjrl").html(res["fzjrl"] + "");
  35. $("#frfdl").html(res["frfdl"] + "");
  36. $("#fyfdl").html(res["fyfdl"] + "");
  37. $("#fnfdl").html(res["fnfdl"] + "");
  38. $("#fpjfs").html(res["fpjfs"] + "");
  39. $("#fsjgl").html(res["fsjgl"] + "");
  40. $("#gzjrl").html(res["gzjrl"] + "");
  41. $("#grfdl").html(res["grfdl"] + "");
  42. $("#gyfdl").html(res["gyfdl"] + "");
  43. $("#gnfdl").html(res["gnfdl"] + "");
  44. $("#gpjfs").html(res["gpjfs"] + "");
  45. $("#gsjgl").html(res["gsjgl"] + "");
  46. }
  47. });
  48. }
  49. </script>
  50. <style type="text/css">
  51. body {
  52. margin-left: 0px;
  53. margin-top: 0px;
  54. margin-right: 0px;
  55. margin-bottom: 0px;
  56. }
  57. .ScreenText {
  58. font-family: Arial, Helvetica, sans-serif;
  59. font-size: 24px;
  60. font-style: normal;
  61. font-weight: bold;
  62. color: #FF0;
  63. text-decoration: none;
  64. }
  65. .TextCSS {
  66. font-family: Arial, Helvetica, sans-serif;
  67. font-size: 18px;
  68. font-style: normal;
  69. font-weight: bold;
  70. color: #FF0;
  71. text-decoration: none;
  72. }
  73. </style>
  74. <link href="ScreenText.css" rel="stylesheet" type="text/css" />
  75. </head>
  76. <body>
  77. <table width="1920" border="0" cellspacing="1" cellpadding="0" bgcolor="#B2B200">
  78. <tr>
  79. <td width="250" height="128" rowspan="4" align="center" valign="top" bgcolor="#0B4F27"><table width="100%" height="128" border="0" cellspacing="0" cellpadding="0">
  80. <tr >
  81. <td height="43" align="center" class="ScreenText"><div id="epiClock1" style="text-align:center;height: 30"></div></td>
  82. </tr>
  83. <tr>
  84. <td height="43" align="center" class="ScreenText"><div id="epiClock2" style="text-align:center;height: 30"></div></td>
  85. </tr>
  86. <tr>
  87. <td height="43" align="center" class="ScreenText"><div id="epiClock3" style="text-align:center;height: 30"></div></td>
  88. </tr>
  89. </table></td>
  90. <td height="32" colspan="2" align="center" valign="middle" bgcolor="#0B4F27" class="ScreenText">综合参数</td>
  91. <td height="32" colspan="2" align="center" valign="middle" bgcolor="#0B4F27" class="ScreenText">风电参数</td>
  92. <td height="32" colspan="2" align="center" valign="middle" bgcolor="#0B4F27" class="ScreenText">光伏参数</td></tr>
  93. <tr>
  94. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">装机容量:<span id="zjrl"></td>
  95. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">日发电量:<span id="rfdl"></td>
  96. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">装机容量:<span id="fzjrl"></td>
  97. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">日发电量:<span id="frfdl"></td>
  98. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">装机容量:<span id="gzjrl"></td>
  99. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">日发电量:<span id="grfdl"></td>
  100. </tr>
  101. <tr>
  102. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">安全天数:<span id="aqts"></td>
  103. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">月发电量:<span id="yfdl"></td>
  104. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">平均风速:<span id="fpjfs"></td>
  105. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">月发电量:<span id="fyfdl"></td>
  106. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">日照强度:<span id="gpjfs"></td>
  107. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">月发电量:<span id="gyfdl"></td>
  108. </tr>
  109. <tr>
  110. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">总功率:<span id="sjgl"></td>
  111. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">年发电量:<span id="nfdl"></td>
  112. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">实时功率:<span id="fsjgl"></td>
  113. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">年发电量:<span id="fnfdl"></td>
  114. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">实时功率:<span id="gsjgl"></td>
  115. <td width="348" height="32" align="center" valign="middle" bgcolor="#0B4F27" class="TextCSS">年发电量:<span id="gnfdl"></td>
  116. </tr>
  117. </table>
  118. </body>
  119. </html>