powercomparedetail.jsp 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <%@ page language="java" contentType="text/html;charset=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/javascript" src="<%=request.getContextPath()%>/resource/plugin/highslide/highslide-with-html.js"></script>
  8. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resource/plugin/highslide/highslide.css" />
  9. <script type="text/ecmascript" src="<%=request.getContextPath()%>/pages/apdata/powercomparegrid.js"></script>
  10. <script src="<%=request.getContextPath()%>/resource/js/datePicker/WdatePicker.js" type="text/javascript"></script>
  11. <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resource/plugin/jqueryui/css/custom-theme/jquery-ui-1.9.2.custom.css" />
  12. <link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath() %>/resource/plugin/jqgrid/css/ui.jqgrid.css" />
  13. <script type="text/javascript">
  14. $(document).ready(function(){
  15. showJqGrid();
  16. });
  17. function showJqGrid() {
  18. var id = 'gridTable';
  19. var url = '${url}';
  20. var datatype = 'json';
  21. //var colNames = ['编号','名称', '理论发电量','SCADA发电量','风速','非计划检修','计划检修','受累','限电','性能','风能利用率(%)'];
  22. var colNames = ['编号','名称', '理论发电量','SCADA发电量','风速','非计划检修','计划检修','受累','限电','性能','风能利用率(%)'];
  23. var colModel = [
  24. { name: 'wtId', index: 'wtId', width: 2, align: 'center', hidden:true,key: true },
  25. { name: 'wtName', index: 'wtName', width: 2, align: 'center', sortable: true},
  26. { name: 'total', index: 'total', width: 2, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  27. { name: 'daydl2', index: 'daydl2', width: 2, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  28. { name: 'dayspeed', index: 'dayspeed', width: 1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'},
  29. { name: 'daynhgzssdl', index: 'daynhgzssdl', width: 1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  30. { name: 'daynhwhssdl', index: 'daynhwhssdl', width: 1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  31. { name: 'daynhcfdl', index: 'daynhcfdl', width: 1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  32. { name: 'daynhxdssdl', index: 'daynhxdssdl', width: 1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  33. { name: 'daynhqfdl', index: 'daynhqfdl', width:1, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 4},sorttype: 'int'},
  34. { name: 'lyl', index: 'lyl', width: 2, align: 'center', formatter:'number', formatoptions:{decimalPlaces: 2},sorttype: 'int'}
  35. ];
  36. var caption = '项目列表';
  37. var sortname = 'lyl';
  38. var gridPagerID ='gridPager';
  39. var sortorder='desc';
  40. var height='auto';
  41. var width='900';
  42. var rownumbers=true;
  43. var multiselect=false;
  44. myJqGrid(id, url, datatype, colNames, colModel, caption, sortname, gridPagerID,sortorder,height,width,
  45. multiselect,rownumbers);
  46. }
  47. function goWtInfo(id)
  48. {
  49. console.log(id);
  50. if(id!=null && id !='')
  51. {
  52. parent.wpids=id;
  53. parent.pjIds=id;
  54. parent.lines=id;
  55. parent.queryApData();
  56. }
  57. }
  58. </script>
  59. </head>
  60. <body>
  61. <form action="" method="post" id="f1">
  62. <table id='gridTable' >
  63. </table>
  64. </form>
  65. </body>