wx-view.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta name="keywords" content="" />
  5. <meta name="description" content="" />
  6. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'/>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <title>单位月用水量信息列表</title>
  9. <!--框架必需start-->
  10. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  11. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  12. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
  13. type="text/css" />
  14. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
  15. <link rel="stylesheet" type="text/css" id="customSkin" />
  16. <!--框架必需end-->
  17. <!--数据表格start-->
  18. <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  19. <!--数据表格end-->
  20. <!--箭头分页start-->
  21. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
  22. <!--箭头分页end-->
  23. <!--表单异步提交start-->
  24. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  25. <!--表单异步提交end-->
  26. <!-- 日期选择框start -->
  27. <script type="text/javascript"
  28. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  29. <!-- 日期选择框end -->
  30. <script type="text/javascript">
  31. var g_pageNo = 1;
  32. var g_pageSize = 10;
  33. var total_rows=0;
  34. //数据表格使用
  35. var g;
  36. var gridData;
  37. function initComplete(){
  38. g = $("#maingrid").quiGrid({
  39. columns: [
  40. { display: '月份', name: 'month', align: 'center', width: "40%"},
  41. { display: '用水量', name: 'water', align: 'center', width: "57%"},
  42. ],
  43. data:[],rownumbers:true,dataAction:'local',checkbox:false,usePager: false,
  44. height: '100%', width:"100%",heightDiff:-40,
  45. isChecked:checkedHandler,onCheckRow: checkRowHandler, onCheckAllRow: checkAllRowHandler
  46. });
  47. }
  48. $(function(){
  49. getData(1,20,"${meterNumber}","${yearr}");
  50. });
  51. /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
  52. function getData(pageNo,pageSize,meterNumber,year){
  53. jQuery.post("${ctx}/wx/wxQuery.do?pageNo=1&pageSize=20&meterNumber="+meterNumber+"&year="+year,
  54. function(result){
  55. var re=result.rows;
  56. if(re[0]==null){
  57. alert("该水表号不属于本单位");
  58. window.location.href="${ctx}/wx/wxview.do";
  59. return;
  60. }
  61. var div1 = document.getElementById('DIV1');
  62. var code = '<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">';
  63. code += '<TR><TH height="50" align="center" background="${ctx}/image/wx_top.gif"><h3>月份</h3></TH><TH align="center" background="${ctx}/image/wx_top.gif"><h3>用水量</h3></TH></TR>';
  64. for(var i=0;i<re.length;i++){
  65. code += "<TR><TD align='center'>"+"<h2>"+re[i].month+"</h2>"+"</TD><TD align='center'>"+"<h2>"+re[i].water+"<h2>"+"</TD></TR><tr><td colspan='2'><hr></td></tr>";
  66. }
  67. div1.innerHTML = code + '</TABLE>';
  68. },"json");
  69. }
  70. //查询
  71. function searchHandler(a,b){
  72. /* //清空数组
  73. clearArray();
  74. //重新加载数据,设置当前页面为1
  75. */
  76. getData(1,g_pageSize,a,b);
  77. }
  78. /**获得查询表单的提交查询的值**/
  79. function getFormParams(pageNo,pageSize){
  80. $("#pageNo").val(pageNo);
  81. $("#pageSize").val(pageSize);
  82. return $("#searchForm").formToArray();
  83. }
  84. /**重置于查询表单,然后重新加载表格数据**/
  85. function resetSearch(){
  86. //清空数组
  87. clearArray();
  88. $("#searchForm")[0].reset();
  89. //重新加载数据,设置当前页面为1
  90. getData(1,g_pageSize);
  91. }
  92. var checkedArray = [];
  93. var checkedYearArray = [];
  94. function findCheckedArray(id){
  95. for(var i =0;i<checkedArray.length;i++){
  96. if(checkedArray[i] == id) return i;
  97. }
  98. return -1;
  99. }
  100. function addCheckedArray(id,year){
  101. if(findCheckedArray(id) == -1){
  102. checkedArray.push(id);
  103. checkedYearArray.push(year);
  104. }
  105. }
  106. function removeCheckedArray(id){
  107. var i = findCheckedArray(id);
  108. if(i==-1) return;
  109. checkedArray.splice(i,1);
  110. checkedYearArray.splice(i,1);
  111. }
  112. function checkedHandler(rowdata){
  113. if (findCheckedArray(rowdata.orgId) == -1)
  114. return false;
  115. return true;
  116. }
  117. function checkRowHandler(checked, data){
  118. if (checked) addCheckedArray(data.orgId,data.year);
  119. else removeCheckedArray(data.orgId,data.year);
  120. }
  121. function checkAllRowHandler(checked){
  122. for (var rowid in this.records){
  123. if(checked)
  124. addCheckedArray(this.records[rowid]['orgId'],this.records[rowid]['year']);
  125. else
  126. removeCheckedArray(this.records[rowid]['orgId'],this.records[rowid]['year']);
  127. }
  128. }
  129. function getCheckedHandler()
  130. {
  131. return checkedArray.join(',');
  132. }
  133. function getCheckedYearHandler(){
  134. return checkedYearArray.join(',');
  135. }
  136. $(function($){
  137. var old_min;
  138. var old_max;
  139. //获得之前的值
  140. $("#minWater").focus( function() {
  141. old_min=$(this).val();
  142. });
  143. $("#maxWater").focus( function() {
  144. old_max=$(this).val();
  145. });
  146. $("#minWater").change( function() {
  147. var water=$(this).val();
  148. if(isNaN(water)){
  149. $(this).val(old_min);
  150. return;
  151. }
  152. });
  153. $("#maxWater").change( function() {
  154. var water=$(this).val();
  155. if(isNaN(water)){
  156. $(this).val(old_max);
  157. return;
  158. }
  159. });
  160. });
  161. //清空数组
  162. function clearArray(){
  163. checkedArray.length=0;
  164. checkedYearArray.length=0;
  165. }
  166. </script>
  167. </head>
  168. <body>
  169. <div id="DIV1"></div>
  170. </body>
  171. </html>