annual_plan_select.jsp 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  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 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 src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  16. <!--数据表格end-->
  17. <!--箭头分页start-->
  18. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
  19. <!--箭头分页end-->
  20. <!--表单异步提交start-->
  21. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  22. <!--表单异步提交end-->
  23. <!-- 日期选择框start -->
  24. <script type="text/javascript"
  25. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  26. <!-- 日期选择框end -->
  27. <script type="text/javascript">
  28. var g_pageNo = 1;
  29. var g_pageSize = 20;
  30. //数据表格使用
  31. var g;
  32. var gridData;
  33. function initComplete(){
  34. g = $("#maingrid").quiGrid({
  35. columns: [
  36. { display: '单位名称', name: 'orgName', align: 'center', width: "20%",
  37. render:function(rowdata, rowindex, value, column){
  38. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  39. }
  40. },
  41. { display: '年份', name: 'year', align: 'center', width: "8%"},
  42. { display: '考核类型', name: 'quarterlyType', align: 'center', width: "10%",
  43. render:function(rowdata, rowindex, value, column){
  44. return "月份考核";
  45. }
  46. },
  47. { display: '考核方式', name: '', align: 'center', width: "10%",
  48. render:function(rowdata, rowindex, value, column){
  49. return "按量考核";
  50. }
  51. },
  52. { display: '计划用水量全年度指标', name: 'planOfWater', align: 'center', width: "20%"}
  53. ],
  54. data:[], rownumbers:true,dataAction:'local',checkbox:false,usePager: false,
  55. height: '100%', width:"100%",
  56. onChangeSort : function(){
  57. getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
  58. return false;
  59. },
  60. onDblClickRow:function(rowdata){
  61. if(rowdata.orgIsPlanUser=='yes'){
  62. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('isPlanUser').value='是';
  63. }else{
  64. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('isPlanUser').value='否';
  65. }
  66. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('userType').value=rowdata.orgUserType;
  67. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('orgNumber').value=rowdata.orgNumber;
  68. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('orgName').value=rowdata.orgName;
  69. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('orgId').value=rowdata.orgId;
  70. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('year').value=rowdata.year;
  71. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('customerNumber').value=rowdata.busOrgCustomerNumber;
  72. top.document.getElementById("_DialogFrame_a1").contentWindow.document.getElementById('meterNumber').value=rowdata.busOrgMeterNumber;
  73. top.Dialog.close();
  74. }
  75. });
  76. //点击分页触发
  77. }
  78. $(function(){
  79. getData(g_pageNo,g_pageSize);
  80. })
  81. /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
  82. function getData(pageNo,pageSize){
  83. jQuery.post("${ctx}/quarterAssessment/annualPlanSelectedData.do",
  84. getFormParams(pageNo,pageSize),
  85. function(result){
  86. gridData = result;
  87. //刷新表格
  88. g.loadData(gridData);
  89. //设置左边内容页
  90. var content ="共有" + gridData["pager.totalRows"] + "条记录";
  91. $("#letfContent").html("");
  92. $("#letfContent").html(content);
  93. //取得分页组件
  94. var pager=$("#pager");
  95. //设置总页页数
  96. pager.attr("total",gridData["pager.totalRows"]);
  97. pager.attr("pageSize",g_pageSize);
  98. pager.render();
  99. //绑定翻页事件
  100. pager.bind("pageChange",function(e,index){
  101. g_pageNo = index + 1;
  102. getData(g_pageNo,g_pageSize);
  103. });
  104. //绑定选择每页显示记录数事件
  105. pager.bind("sizeChange",function(e,num){
  106. g_pageSize = num;
  107. getData(g_pageNo,g_pageSize);
  108. });
  109. },"json");
  110. }
  111. //查询
  112. function searchHandler(){
  113. //重新加载数据,设置当前页面为1
  114. getData(1,g_pageSize);
  115. }
  116. /**获得查询表单的提交查询的值**/
  117. function getFormParams(pageNo,pageSize){
  118. $("#pageNo").val(pageNo);
  119. $("#pageSize").val(pageSize);
  120. return $("#searchForm").formToArray();
  121. }
  122. /**重置于查询表单,然后重新加载表格数据**/
  123. function resetSearch(){
  124. $("#searchForm")[0].reset();
  125. //重新加载数据,设置当前页面为1
  126. getData(1,g_pageSize);
  127. }
  128. //修改通知
  129. function editNotice() {
  130. var selectedRows = g.getSelectedRows();
  131. var length = selectedRows.length;
  132. if(length != 1 ){
  133. top.Dialog.alert("请选择一条记录");
  134. return ;
  135. }
  136. var orgId = selectedRows[0].orgId;
  137. top.Dialog.open({
  138. URL:"${ctx}/busInit/createYearUnitNotice.do?orgId="+orgId,
  139. Title:"编辑单位年度计划用水表",
  140. Width:700,
  141. Height:600
  142. });
  143. }
  144. //删除---取消年度考核
  145. function Noticedelete(){
  146. var selectedRows = g.getSelectedRows();
  147. var length = selectedRows.length;
  148. if(length <=0 ){
  149. top.Dialog.alert("请选择要删除的记录");
  150. return ;
  151. }
  152. $.post("${ctx}/busInit/YearUnitNoticeCancel.do",getSelectId(g),function(result){
  153. if(result.status == "y"){
  154. top.Dialog.alert(result.info,function(){
  155. getData(1,g_pageSize);
  156. });
  157. }else{
  158. top.Dialog.alert(result.info);
  159. }
  160. });
  161. }
  162. //获取所有选中行获取选中行的id 格式为 ids=1&ids=2
  163. function getSelectId(grid) {
  164. var selectedRows = grid.getSelectedRows();
  165. var selectedRowsLength = selectedRows.length;
  166. var ids = "";
  167. for(var i = 0;i<selectedRowsLength;i++) {
  168. if(ids.length<=0){
  169. ids +=selectedRows[i].orgId;
  170. }else{
  171. ids +=","+selectedRows[i].orgId
  172. }
  173. }
  174. return {"ids":ids};
  175. }
  176. </script>
  177. </head>
  178. <body>
  179. <div class="box2" panelTitle="查询">
  180. <form action="" id="searchForm" method="post">
  181. <input type="hidden" id="pageNo" name="pageNo" value="1" /> <input
  182. type="hidden" id="pageSize" name="pageSize" value="20" /> <input
  183. type="hidden" id="year" name="year" value="${year!''}" />
  184. <table>
  185. <tr>
  186. <td>单位名称:</td>
  187. <td><input type="text" id="orgName" name="orgName" /></td>
  188. <td style="padding-left: 15px;"><button type="button"
  189. onclick="searchHandler()">
  190. <span class="icon_find">查询</span>
  191. </button></td>
  192. </td>
  193. </tr>
  194. </table>
  195. </form>
  196. </div>
  197. <!-- <div id="scrollContent"> -->
  198. <div class="padding_right5">
  199. <div id="maingrid"></div>
  200. </div>
  201. <!-- </div> -->
  202. <!-- 分页组件 -->
  203. <div style="height: 35px;">
  204. <div id="letfContent" class="float_left padding5"></div>
  205. <div class="float_right padding5">
  206. <div id="pager" total="0" class="pageArrow" showSelect="true"
  207. inputPosition="right"></div>
  208. </div>
  209. <div class="clear"></div>
  210. </div>
  211. </body>
  212. </html>