tempHz2.jsp 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <%@include file="/pages/includes/taglibs.jsp" %>
  3. <head>
  4. <script type="text/javascript" src="<%=request.getContextPath() %>/resource/js/jquery-1.8.3.js"></script>
  5. <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/jquery.jqGrid.min.js"></script>
  6. <script type="text/ecmascript" src="<%=request.getContextPath() %>/resource/plugin/jqgrid/js/i18n/grid.locale-cn.js"></script>
  7. <script type="text/ecmascript" src="<%=request.getContextPath()%>/resource/js/system/jqdatagridpage.js"></script>
  8. <script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
  9. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  10. <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  11. <style type="text/css">
  12. a{ /* 统一设置所以样式 */
  13. font-family:Arial;
  14. font-size:12px;
  15. text-align:center;
  16. margin:3px;
  17. }
  18. a:link,a:visited{ /* 超链接正常状态、被访问过的样式 */
  19. color:#000000;
  20. padding:4px 10px 4px 10px;
  21. background-color:#f1f1f1;
  22. text-decoration:none;
  23. border-top:1px solid #EEEEEE; /* 边框实现阴影效果 */
  24. border-left:1px solid #EEEEEE;
  25. border-bottom:1px solid #717171;
  26. border-right:1px solid #717171;
  27. }
  28. a:hover{ /* 鼠标指针经过时的超链接 */
  29. color:#821818; /* 改变文字颜色 */
  30. padding:5px 8px 3px 12px; /* 改变文字位置 */
  31. background-color:#e2c4c9; /* 改变背景色 */
  32. border-top:1px solid #717171; /* 边框变换,实现“按下去”的效果 */
  33. border-left:1px solid #717171;
  34. border-bottom:1px solid #EEEEEE;
  35. border-right:1px solid #EEEEEE;
  36. }
  37. fieldset legend {
  38. color:#302A2A;
  39. font: bold 16px/2 Verdana, Geneva, sans-serif;
  40. font-weight: bold;
  41. text-align: left;
  42. text-shadow: 2px 2px 2px rgb(88, 126, 156);
  43. }
  44. </style>
  45. <script type="text/javascript">
  46. function showJqGrid() {
  47. /* var wfId = $("#wfId").val(); */
  48. var wfId =$("#selectid option:selected").val();
  49. var temp = "<%=request.getContextPath() %>/matrix/wtinformationTemAjax.action?wpId="+wfId;
  50. var url= encodeURI(encodeURI(temp));
  51. var id = 'gridTable';
  52. var datatype = 'json';
  53. var colNames = ['风机编号','风速','功率','发电机转速','转速限值','转矩给定','对风角度','偏航位置','状态','故障','颜色'];
  54. var colModel = [
  55. { name: 'wtId', index: 'wtId', width: 100, align: 'center'},
  56. { name: 'speed', index: 'speed', width: 100, align: 'center'},
  57. { name: 'power', index: 'power', width: 100, align: 'center'},
  58. { name: 'powerspeed', index: 'powerspeed', width: 100, align: 'center'},
  59. { name: 'speedmix', index: 'speedmix', width: 100, align: 'center'},
  60. { name: 'wpzjgd', index: 'wpzjgd', width: 100, align: 'center'},
  61. { name: 'windjd', index: 'windjd', width: 100, align: 'center'},
  62. { name: 'locationpy', index: 'locationpy', width: 100, align: 'center'},
  63. { name: 'wpstate', index: 'wpstate', width: 100, align: 'center'},
  64. { name: 'wpfault', index: 'wpfault', width: 100, align: 'center'},
  65. { name: 'colortype', index: 'colortype', width: 100, align: 'center', hidden:true}
  66. ];
  67. var caption = '信息列表';
  68. var sortname = 'lastupdatetime';
  69. var gridPagerID ='gridPager';
  70. var sortorder='desc';
  71. var height='800';
  72. var width='1610';
  73. var rownumbers=true;
  74. var multiselect=false;
  75. myJqGrid_one(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
  76. multiselect,rownumbers);
  77. }
  78. function queryData(){
  79. $("#gridTable").jqGrid('GridUnload');
  80. showJqGrid();
  81. }
  82. $(document).ready(function () {
  83. showJqGrid();
  84. //setInterval(function(){jQuery("#gridTable").trigger("reloadGrid");},5000);
  85. });
  86. </script>
  87. <style type="text/css">
  88. fieldset legend {
  89. color:#302A2A;
  90. font: bold 16px/2 Verdana, Geneva, sans-serif;
  91. font-weight: bold;
  92. text-align: left;
  93. text-shadow: 2px 2px 2px rgb(88, 126, 156);
  94. }
  95. </style>
  96. </head>
  97. <body>
  98. <form action="fittingtopindex.action" method="post" id="f1">
  99. <fieldset style="height: 80px;width: 1580px" id="fst">
  100. <legend class="item_Name">查询条件</legend>
  101. <table class="dataform">
  102. <tr>
  103. <th width="100" class="item_Name">
  104. 场站:
  105. </th>
  106. <td width="120" >
  107. <%-- <s:select list="dd" listKey="id" listValue="name" id="wfId" name="wfId" headerKey=""></s:select> --%>
  108. <select id="selectid" >
  109. <option value="CL_FDC">崇礼风电场</option>
  110. <option value="DX_FDC">代县风电场</option>
  111. <option value="KB01_GC,KB02_GC,KB03_GC">康保一二三期</option>
  112. <option value="KB04_GC">康保四期</option>
  113. </select>
  114. </td>
  115. <td width="80" style="text-align: right">
  116. <a href="#" onclick="javascript:queryData();" id="toexcel">查询</a>
  117. </td>
  118. <td></td>
  119. </tr>
  120. </table>
  121. </fieldset>
  122. <br/>
  123. <table id='gridTable' height="100%">
  124. </table>
  125. </form>
  126. </body>