org-count-list.jsp 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title></title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  9. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
  10. type="text/css" />
  11. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
  12. <link rel="stylesheet" type="text/css" id="customSkin" />
  13. <!--框架必需end-->
  14. <!-- 日期选择框start -->
  15. <script type="text/javascript"
  16. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  17. <!-- 日期选择框end -->
  18. <!--数据表格start-->
  19. <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  20. <!--数据表格end-->
  21. <!--箭头分页start-->
  22. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
  23. <!--箭头分页end-->
  24. </head>
  25. <script type="text/javascript">
  26. var g ;
  27. var gridData;
  28. function initComplete(){
  29. g = $("#maingrid").quiGrid({
  30. columns: [
  31. {display:'序号',name:'serinum',align:'center',width:'5%',
  32. render:function(rowdata, rowindex, value, column){
  33. if(rowdata.orgType == "总计"){
  34. return "";
  35. }else{
  36. return rowindex+1;
  37. }
  38. }
  39. },
  40. { display: '类别', name: 'orgType', align: 'center', width: "12%",
  41. render:function(rowdata, rowindex, value, column){
  42. if(value == "总计"){
  43. return "<font color=red>"+value+"</font>";
  44. }else{
  45. return value;
  46. }
  47. }
  48. },
  49. { display: '批复水量(m³)', name: 'reply', align: 'center', width: "12%",
  50. render:function(rowdata, rowindex, value, column){
  51. return Number(value).toFixed(0);
  52. }
  53. },
  54. { display: '实用水量(m³)', name: 'useWater', align: 'center', width: "12%",
  55. render:function(rowdata, rowindex, value, column){
  56. return Number(value).toFixed(0);
  57. }
  58. },
  59. { display: '超用水量(m³)', name: 'overWater', align: 'center', width: "12%",
  60. render:function(rowdata, rowindex, value, column){
  61. return Number(value).toFixed(0);
  62. }
  63. },
  64. { display: '节约水量(m³)', name: 'saveWater', align: 'center', width: "12%",
  65. render:function(rowdata, rowindex, value, column){
  66. return Number(value).toFixed(0);
  67. }
  68. }
  69. ],
  70. data:[], rownumbers:true,usePager:false,
  71. height: '100%', width:"100%"
  72. });
  73. //点击分页触发
  74. }
  75. $(function(){
  76. listCountWater();
  77. });
  78. function listCountWater(){
  79. var year = $("#year").val();
  80. $.post("${ctx}/busInit/listCountWaterData.do",{"year":year},function(result){
  81. gridData = {"pager.totalRows":result.length,"pager.pageNo":1,"rows":result};
  82. g.loadData(gridData);
  83. },"json");
  84. }
  85. function searData(){
  86. listCountWater();
  87. }
  88. </script>
  89. <body>
  90. <div class="box2" panelTitle="功能面板" id="searchPanel">
  91. <table>
  92. <tr>
  93. <td>年度:</td>
  94. <td><input type="text" class="date" id="year" name="year"
  95. dateFmt="yyyy" value="${year}" /></td>
  96. <td><button onclick="searData();">
  97. <span class="icon_find">查询</span>
  98. </button></td>
  99. </tr>
  100. </table>
  101. </div>
  102. <div id="scrollContent">
  103. <div class="padding_right5">
  104. <div id="maingrid"></div>
  105. </div>
  106. </div>
  107. </div>
  108. </body>
  109. </html>