org-plan-list.jsp 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  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" type="text/css" />
  10. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
  11. <link rel="stylesheet" type="text/css" id="customSkin"/>
  12. <!--框架必需end-->
  13. <!--数据表格start-->
  14. <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
  15. <!--数据表格end-->
  16. <!--箭头分页start-->
  17. <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
  18. <!--箭头分页end-->
  19. <!--表单异步提交start-->
  20. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  21. <!--表单异步提交end-->
  22. <!-- 日期选择框start -->
  23. <script type="text/javascript"
  24. src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
  25. <!-- 日期选择框end -->
  26. <script type="text/javascript">
  27. var g_pageNo = 1;
  28. var g_pageSize = 20;
  29. var total_rows=0;
  30. //分布记忆
  31. var checkedArray = [];
  32. var statusList = ${statusList!'[]'};
  33. // alert(statusList["list"][0].key);
  34. //数据表格使用
  35. var g;
  36. var gridData;
  37. function initComplete(){
  38. g = $("#maingrid").quiGrid({
  39. columns: [
  40. { display: '单位编号', name: 'orgNumber', align: 'center', width: "6%"},
  41. { display: '单位名称', name: 'orgName', align: 'center', width: "8%",
  42. render:function(rowdata, rowindex, value, column){
  43. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  44. }
  45. },
  46. { display: '用户类型', name: 'baseUserType', align: 'center', width: "6%",
  47. render:function(rowdata, rowindex, value, column){
  48. if(value == 1){
  49. return "自来水户";
  50. }else if(value == 2 ){
  51. return "取水户";
  52. }else {
  53. return "";
  54. }
  55. }
  56. },
  57. { display: '年份', name: 'year', align: 'center', width: "4%"},
  58. { display: '状态', name: 'status', align: 'center', width: "4%",
  59. render:function(rowdata, rowindex, value, column){
  60. for (var i = 0; i < statusList["list"].length; i++){
  61. if (statusList["list"][i]['value'] == value && i != 0)
  62. return '<label style="display: inline-block;width: 30px;height: 25px;background: '+statusList["list"][i]['key']+';"></label>';
  63. }
  64. }
  65. },
  66. { display: '考核类型', name: 'quarterlyType', align: 'center', width: "6%",
  67. render:function(rowdata, rowindex, value, column){
  68. return "月考核";
  69. }
  70. },
  71. { display: '上一年用水量', name: 'priYearUseWater', align: 'center', width: "8%"},
  72. { display: '全年用水量', name: 'yearUseWater',align: 'center', width: "8%",
  73. render: function (rowdata, rowindex, value, column){
  74. return Number(value).toFixed(0);
  75. }
  76. },
  77. { display: '计划用水量全年度指标', name: 'planOfWater', align: 'center', width: "8%",
  78. render: function (rowdata, rowindex, value, column){
  79. return Number(value).toFixed(0);
  80. }
  81. },
  82. { display: '全年实际批复指标', name: 'replyOfWater', align: 'center', width: "8%",
  83. render: function (rowdata, rowindex, value, column){
  84. return Number(value).toFixed(0);
  85. }
  86. },
  87. { display: '一月份批复', name: 'janReply', align: 'center', width: "8%"},
  88. { display: '二月份批复', name: 'febReply', align: 'center', width: "8%"},
  89. { display: '三月份批复', name: 'marReply', align: 'center', width: "8%"},
  90. { display: '四月份批复', name: 'aprReply', align: 'center', width: "8%"},
  91. { display: '五月份批复', name: 'mayReply', align: 'center', width: "8%"},
  92. { display: '六月份批复', name: 'junReply', align: 'center', width: "8%"},
  93. { display: '七月份批复', name: 'julReply', align: 'center', width: "8%"},
  94. { display: '八月份批复', name: 'augReply', align: 'center', width: "8%"},
  95. { display: '九月份批复', name: 'septReply', align: 'center', width: "8%"},
  96. { display: '十月份批复', name: 'octReply', align: 'center', width: "8%"},
  97. { display: '十一月份批复', name: 'novReply', align: 'center', width: "8%"},
  98. { display: '十二月份批复', name: 'decReply', align: 'center', width: "8%"},
  99. // { display: '一季度实际批复用水指标', name: 'firstQuarterReply', align: 'center', width: "8%",
  100. // render: function (rowdata, rowindex, value, column){
  101. // return Number(value).toFixed(0);
  102. // }
  103. // },
  104. // { display: '二季度实际批复用水指标', name: 'secondQuarterReply', align: 'center', width: "8%",
  105. // render: function (rowdata, rowindex, value, column){
  106. // return Number(value).toFixed(0);
  107. // }
  108. // },
  109. // { display: '三季度实际批复用水指标', name: 'thirdQuarterReply', align: 'center', width: "8%",
  110. // render: function (rowdata, rowindex, value, column){
  111. // return Number(value).toFixed(0);
  112. // }
  113. // },
  114. // { display: '四季度实际批复用水指标', name: 'fourthQuarterReply', align: 'center', width: "8%",
  115. // render: function (rowdata, rowindex, value, column){
  116. // return Number(value).toFixed(0);
  117. // }
  118. // },
  119. { display: '经办人', name: 'userName', align: 'center', width: "5%"},
  120. { display: '填报时间', name: 'fillTime', align: 'center', width: "7%"},
  121. { display: '备注', name: 'remark', align: 'center', width: "8%",
  122. render:function(rowdata, rowindex, value, column){
  123. if(value == null){
  124. return "";
  125. }else{
  126. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  127. }
  128. }
  129. }
  130. ],
  131. toolbar:{
  132. items:[
  133. <@pop_perm url="/busInit/createYearUnitNotice.do">
  134. {text:'修改通知',click:editNotice,iconClass:'icon_edit'},
  135. {line:true},
  136. </@pop_perm>
  137. <@pop_perm url="/busInit/viewYearUnitNotice.do">
  138. {text:'查看通知',click:viewPage,iconClass:'icon_view'},
  139. {line:true},
  140. </@pop_perm>
  141. <@pop_perm url="/busInit/YearUnitNoticeCancel.do">
  142. {text:'删除',click:Noticedelete,iconClass:'icon_remove'},
  143. {line:true},
  144. </@pop_perm>
  145. <@pop_perm url="/busInit/unitWaterExportData.do">
  146. {text:'导出',click:outPutExcel,iconClass:'icon_export'},
  147. {line:true},
  148. </@pop_perm>
  149. /* <@pop_perm url="/busInit/unitYearPlanPrint.do">
  150. {text:'打印年度计划供水表预览',click:planPrint,iconClass:'icon_print'},
  151. {line:true},
  152. </@pop_perm> */
  153. <@pop_perm url="/busInit/unitYearReplyPrint.do">
  154. {text:'打印年度计划批复通知预览',click:replyPrint,iconClass:'icon_print'},
  155. {line:true},
  156. </@pop_perm>
  157. <@pop_perm url="/busInit/yearPlanPrint.do">
  158. {text:'打印年度计划通知预览',click:yearPlanNoticePrint,iconClass:'icon_print'},
  159. {line:true},
  160. </@pop_perm>
  161. <@pop_perm url="/busInit/unitYearEmailPrint.do">
  162. {text:'打印信封预览',click:emailPrint,iconClass:'icon_print'},
  163. {line:true},
  164. </@pop_perm>
  165. <@pop_perm url="/busInit/seasonPlanPrint.do">
  166. {text:'打印年度用水计划调整受理通知书',click:seasonPrint,iconClass:'icon_print'},
  167. {line:true},
  168. </@pop_perm>
  169. <@pop_perm url="/busInit/importInfo.do">
  170. {text:'导入单位年度信息',click:importInfo,iconClass:'icon_print'},
  171. {line:true},
  172. </@pop_perm>
  173. <@pop_perm url="/water/add.do">
  174. {text:'新增用水指标审批',click:addCheck,iconClass:'icon_add'},
  175. {line:true}
  176. </@pop_perm>
  177. ]
  178. },
  179. data:[], rownumbers:true,dataAction:'local',checkbox:true,usePager: false,
  180. height: '100%', width:"100%",heightDiff:-40,
  181. isChecked:checkedHandler,
  182. onCheckRow: checkRowHandler, onCheckAllRow: checkAllRowHandler,
  183. onChangeSort : function(){
  184. getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
  185. return false;
  186. }
  187. });
  188. //点击分页触发
  189. }
  190. $(function(){
  191. getData(g_pageNo,g_pageSize);
  192. })
  193. function importInfo(){
  194. top.Dialog.open({
  195. URL:"${ctx}/busInit/importInfo.do",
  196. Title:"导入单位年度信息",
  197. Width:350,
  198. Height:150
  199. });
  200. }
  201. /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
  202. function getData(pageNo,pageSize){
  203. jQuery.post("${ctx}/busInit/getYearPlanData.do",
  204. getFormParams(pageNo,pageSize),
  205. function(result){
  206. gridData = result;
  207. //刷新表格
  208. g.loadData(gridData);
  209. total_rows=gridData["pager.totalRows"];
  210. //设置左边内容页
  211. var content ="共有" + gridData["pager.totalRows"] + "条记录";
  212. $("#letfContent").html("");
  213. $("#letfContent").html(content);
  214. //取得分页组件
  215. var pager=$("#pager");
  216. //设置总页页数
  217. pager.attr("total",gridData["pager.totalRows"]);
  218. pager.attr("pageSize",g_pageSize);
  219. pager.render();
  220. //绑定翻页事件
  221. pager.unbind("pageChange");
  222. pager.bind("pageChange",function(e,index){
  223. g_pageNo = index + 1;
  224. getData(g_pageNo,g_pageSize);
  225. });
  226. //绑定选择每页显示记录数事件
  227. pager.bind("sizeChange",function(e,num){
  228. g_pageSize = num;
  229. getData(g_pageNo,g_pageSize);
  230. });
  231. },"json");
  232. }
  233. //查询
  234. function searchHandler(){
  235. //重新加载数据,设置当前页面为1
  236. getData(1,g_pageSize);
  237. }
  238. /**获得查询表单的提交查询的值**/
  239. function getFormParams(pageNo,pageSize){
  240. $("#pageNo").val(pageNo);
  241. $("#pageSize").val(pageSize);
  242. return $("#searchForm").formToArray();
  243. }
  244. /**重置于查询表单,然后重新加载表格数据**/
  245. function resetSearch(){
  246. $("#searchForm")[0].reset();
  247. //重新加载数据,设置当前页面为1
  248. getData(1,g_pageSize);
  249. }
  250. //停留当前页面的刷新方法
  251. function stayPage(){
  252. //重新加载数据,设置当前页面为1
  253. getData(g_pageNo,g_pageSize);
  254. }
  255. //修改通知
  256. function editNotice() {
  257. var selectedRows = g.getSelectedRows();
  258. var length = selectedRows.length;
  259. if(length != 1 ){
  260. top.Dialog.alert("请选择一条记录");
  261. return ;
  262. }
  263. var orgId = selectedRows[0].orgId;
  264. top.Dialog.open({
  265. URL:"${ctx}/busInit/createYearUnitNotice.do?orgId="+orgId,
  266. Title:"编辑单位年度计划用水表",
  267. Width:1600,
  268. Height:760
  269. });
  270. }
  271. function addCheck()
  272. {
  273. var selectedRows = g.getSelectedRows();
  274. var length = selectedRows.length;
  275. if(length != 1 ){
  276. top.Dialog.alert("请选择一条记录");
  277. return ;
  278. }
  279. var orgId = selectedRows[0].orgId;
  280. window.location.href = "${ctx}/water/add.do?orgId="+orgId;
  281. // top.Dialog.open({
  282. // URL:"${ctx}/water/add.do?orgId="+orgId,
  283. // Title:"新增用水指标审批",
  284. // Width:1600,
  285. // Height:760
  286. // });
  287. }
  288. //查看
  289. function viewPage() {
  290. var selectedRows = g.getSelectedRows();
  291. var length = selectedRows.length;
  292. if(length != 1 ){
  293. top.Dialog.alert("请选择一条记录");
  294. return ;
  295. }
  296. var orgId = selectedRows[0].orgId;
  297. top.Dialog.open({
  298. URL:"${ctx}/busInit/viewYearUnitNotice.do?orgId="+orgId,
  299. Title:"查看单位年度计划用水表",
  300. Width:700,
  301. Height:650
  302. });
  303. }
  304. //删除---取消年度考核
  305. function Noticedelete(){
  306. var selectedRows = g.getSelectedRows();
  307. var length = selectedRows.length;
  308. if(length <=0 ){
  309. top.Dialog.alert("请选择要删除的记录");
  310. return ;
  311. }
  312. $.post("${ctx}/busInit/YearUnitNoticeCancel.do",getSelectId(g),function(result){
  313. if(result.status == "y"){
  314. top.Dialog.alert(result.info,function(){
  315. getData(1,g_pageSize);
  316. });
  317. }else{
  318. top.Dialog.alert(result.info);
  319. }
  320. });
  321. }
  322. //导出
  323. function outPutExcel(){
  324. var orgNumber = $("#orgNumber").val();
  325. var orgName = $("#orgName").val();
  326. var year = $("#year").val();
  327. var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
  328. var address = $("#address").val();
  329. var busOrgMeterNumber = $("#busOrgMeterNumber").val();
  330. var priYearUseWater = $("#priYearUseWater").val();
  331. var userType = $("#userType").val();
  332. var status = $("#status").val();
  333. var url = "${ctx}/busInit/unitWaterExportData.do";
  334. url +="?orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
  335. url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
  336. url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
  337. url +="&userType="+userType;
  338. url +="&status="+status;
  339. location.href=url;
  340. }
  341. //打印年度计划供水表预览
  342. function planPrint(){
  343. window.open("${ctx}/busInit/unitYearPlanPrint.do");
  344. }
  345. //打印年度计划批复通知
  346. function replyPrint(){
  347. var orgNumber = $("#orgNumber").val();
  348. var orgName = $("#orgName").val();
  349. var year = $("#year").val();
  350. var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
  351. var address = $("#address").val();
  352. var busOrgMeterNumber = $("#busOrgMeterNumber").val();
  353. var priYearUseWater = $("#priYearUseWater").val();
  354. var userType = $("#userType").val();
  355. var ids = getCheckedHandler();
  356. url = "${ctx}/busInit/unitYearReplyPrint.do?";
  357. url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
  358. url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
  359. url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
  360. url +="&userType="+userType+"&ids="+ids;
  361. window.open(url);
  362. }
  363. //打印信封预览
  364. function emailPrint(){
  365. var orgNumber = $("#orgNumber").val();
  366. var orgName = $("#orgName").val();
  367. var year = $("#year").val();
  368. var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
  369. var address = $("#address").val();
  370. var busOrgMeterNumber = $("#busOrgMeterNumber").val();
  371. var priYearUseWater = $("#priYearUseWater").val();
  372. var userType = $("#userType").val();
  373. var ids = getCheckedHandler();
  374. url = "${ctx}/busInit/unitYearEmailPrint.do?";
  375. url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
  376. url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
  377. url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
  378. url +="&userType="+userType+"&ids="+ids;
  379. window.open(url);
  380. }
  381. //打印季度用水计划调整受理通知书
  382. function seasonPrint(){
  383. var year = $("#year").val();
  384. var ids = getCheckedHandler();
  385. url = "${ctx}/busInit/seasonPlanPrint.do?";
  386. url +="year="+year;
  387. url +="&ids="+ids;
  388. location=location ;
  389. window.open(url);
  390. }
  391. //获取所有选中行获取选中行的id 格式为 ids=1&ids=2
  392. function getSelectId(grid) {
  393. var selectedRows = grid.getSelectedRows();
  394. var selectedRowsLength = selectedRows.length;
  395. var ids = "";
  396. for(var i = 0;i<selectedRowsLength;i++) {
  397. if(ids.length<=0){
  398. ids +=selectedRows[i].orgId;
  399. }else{
  400. ids +=","+selectedRows[i].orgId;
  401. }
  402. }
  403. return {"ids":ids};
  404. }
  405. //打印年度计划通知
  406. function yearPlanNoticePrint(){
  407. var orgNumber = $("#orgNumber").val();
  408. var orgName = $("#orgName").val();
  409. var year = $("#year").val();
  410. var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
  411. var address = $("#address").val();
  412. var busOrgMeterNumber = $("#busOrgMeterNumber").val();
  413. var priYearUseWater = $("#priYearUseWater").val();
  414. var userType = $("#userType").val();
  415. var ids = getCheckedHandler();
  416. url = "${ctx}/busInit/yearPlanPrint.do?";
  417. url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
  418. url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
  419. url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
  420. url +="&userType="+userType+"&ids="+ids;
  421. window.open(url);
  422. }
  423. //分布记忆
  424. function checkRowHandler(checked, data){
  425. if(checked){
  426. addCheckedArray(data.orgId);
  427. }else{
  428. removeCheckedArray(data.orgId);
  429. }
  430. }
  431. function checkedHandler(rowdata){
  432. if(findCheckedArray(rowdata.orgId) == -1){
  433. return false;
  434. }else{
  435. return true;
  436. }
  437. }
  438. function checkAllRowHandler(checked){
  439. for (var rowid in this.records)
  440. {
  441. if(checked)
  442. addCheckedArray(this.records[rowid]['orgId']);
  443. else
  444. removeCheckedArray(this.records[rowid]['orgId']);
  445. }
  446. }
  447. function addCheckedArray(orgId){
  448. if(findCheckedArray(orgId) == -1){
  449. checkedArray.push(orgId);
  450. }
  451. }
  452. function removeCheckedArray(orgId){
  453. var i = findCheckedArray(orgId);
  454. if(i == -1){
  455. return;
  456. }else{
  457. checkedArray.splice(i,1);
  458. }
  459. }
  460. function findCheckedArray(orgId){
  461. for(var i=0;i<checkedArray.length;i++){
  462. if(checkedArray[i]==orgId){
  463. return i;
  464. }
  465. }
  466. return -1;
  467. }
  468. function getCheckedHandler(){
  469. // alert(checkedArray);
  470. return checkedArray.join(",");
  471. }
  472. </script>
  473. </head>
  474. <body>
  475. <div class="box2" panelTitle="单位年度计划供水表列表">
  476. <form action="" id="searchForm" method="post">
  477. <input type="hidden" id="pageNo" name="pageNo" value="1" /> <input
  478. type="hidden" id="pageSize" name="pageSize" value="20" />
  479. <table>
  480. <tr>
  481. <td>单位编号:</td>
  482. <td><input type="text" id="orgNumber" name="orgNumber" /></td>
  483. <td>单位名称:</td>
  484. <td><input type="text" id="orgName" name="orgName" /></td>
  485. <td align="right">年度:</td>
  486. <td><input class="date" dateFmt="yyyy" type="text" id="year"
  487. name="year" value="${year!''}" /></td>
  488. <td align="right">客户号:</td>
  489. <td><input type="text" id="busOrgCustomerNumber"
  490. name="busOrgCustomerNumber" /></td>
  491. <td>状态:</td>
  492. <td><select id="status" data='${nameList!' '}' name="status"></select></td>
  493. <td style="padding-left: 15px;"><button type="button"
  494. onclick="searchHandler()">
  495. <span class="icon_find">查询</span>
  496. </button></td>
  497. </td>
  498. </tr>
  499. <tr>
  500. <td>单位地址:</td>
  501. <td><input type="text" id="address" name="address" /></td>
  502. <td>水表编号:</td>
  503. <td><input type="text" id="busOrgMeterNumber"
  504. name="busOrgMeterNumber" /></td>
  505. <td>上年用水量:</td>
  506. <td><input type="text" id="priYearUseWater"
  507. name="priYearUseWater" /></td>
  508. <td>用户类型:</td>
  509. <td><select prompt="请选择" id="userType" data='${map}'
  510. name="userType"></select></td>
  511. <td>单位名称字节小于:</td>
  512. <td><input id="org_name" name="org_name" style="width:20px"/></td>
  513. <td style="padding-left: 15px;"><button type="reset"
  514. onclick="resetSearch()">
  515. <span class="icon_find">重置</span>
  516. </button></td>
  517. </td>
  518. </tr>
  519. </table>
  520. </form>
  521. </div>
  522. <div id="scrollContent">
  523. <div class="padding_right5">
  524. <div id="maingrid"></div>
  525. </div>
  526. </div>
  527. <!-- 分页组件 -->
  528. <div style="height: 35px;">
  529. <div id="letfContent" class="float_left padding5"></div>
  530. <div class="float_right padding5">
  531. <div id="pager" total="0" class="pageArrow" showSelect="true"
  532. inputPosition="right"></div>
  533. </div>
  534. <div class="clear"></div>
  535. </div>
  536. </body>
  537. </html>