quarterly-assessment-list.jsp 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658
  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 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. <!--表单异步提交start-->
  25. <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
  26. <!--表单异步提交end-->
  27. <script type="text/javascript">
  28. var g_pageNo = 1;
  29. var g_pageSize = 10;
  30. var total_rows=0;
  31. //刷新记忆
  32. var checkedArray = [];
  33. //数据表格使用
  34. var g;
  35. var gridData;
  36. function initComplete(){
  37. g = $("#maingrid").quiGrid({
  38. columns: [
  39. { display: '单位编号', name: '2', align: 'center', width: "6%"},
  40. { display: '单位名称', name: '3', align: 'center', width: "10%",
  41. render:function(rowdata, rowindex, value, column){
  42. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  43. }
  44. },
  45. { display: '单位地址', name: '4', align: 'center', width: "13%",
  46. render:function(rowdata, rowindex, value, column){
  47. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  48. }
  49. },
  50. { display: '水表号', name: '25', align: 'center', width: "13%",
  51. render:function(rowdata, rowindex, value, column){
  52. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  53. }
  54. },
  55. { display: '邮寄地址', name: '24', align: 'center', width: "13%",
  56. render:function(rowdata, rowindex, value, column){
  57. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  58. }
  59. },
  60. { display: '邮编', name: '23', align: 'center', width: "6%",
  61. render:function(rowdata, rowindex, value, column){
  62. return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
  63. }
  64. },
  65. { display: '用户类型', name: '6', align: 'center', width: "6%",
  66. render:function(rowdata, rowindex, value, column){
  67. if(value == "1"){
  68. return "自来水户";
  69. }else if(value == "2"){
  70. return "取水户";
  71. }else{
  72. return "";
  73. }
  74. }
  75. },
  76. { display: '季度', name: '8', align: 'center', width: "5%"},
  77. { display: '用水计划指标', name: '9', align: 'center', width: "5%"},
  78. { display: '用水计划旧指标', name: '32', align: 'center', width: "5%"},
  79. { display: '实际用水量', name: '14', align: 'center', width: "5%"},
  80. { display: '实际收水量', name: '15', align: 'center', width: "5%",
  81. render: function (rowdata, rowindex, value, column){
  82. return value.toFixed(0);
  83. }
  84. },
  85. { display: '超用率(%)', name: '16', align: 'center', width: "5%",
  86. render: function (rowdata, rowindex, value, column){
  87. return value+'%';
  88. }
  89. },
  90. { display: '应收金额', name: '18', align: 'center', width: "5%",
  91. render: function (rowdata, rowindex, value, column){
  92. return Number(value).toFixed(1);
  93. }
  94. },
  95. { display: '实收金额', name: '17', align: 'center', width: "5%",
  96. render: function (rowdata, rowindex, value, column){
  97. return Number(value).toFixed(1);
  98. }
  99. },
  100. { display: '是否销账', name: '10', align: 'center', width: "5%",
  101. render: function (rowdata, rowindex, value, column){
  102. if(value=='yes'){
  103. return "是";
  104. }
  105. if(value=='no'){
  106. return "否";
  107. }
  108. }
  109. },
  110. { display: '销帐日期', name: '11', align: 'center', width: "5%"},
  111. { display: '付款方式', name: '12', align: 'center', width: "5%",
  112. render: function (rowdata, rowindex, value, column){
  113. if(value=='1'){
  114. return "现金";
  115. }
  116. if(value=='2'){
  117. return "转账";
  118. }
  119. }
  120. },
  121. { display: '用水单价', name: '13', align: 'center', width: "5%",
  122. render: function (rowdata, rowindex, value, column){
  123. return Number(value).toFixed(2);
  124. }
  125. },
  126. { display: '超10-30%的水量', name: '27', align: 'center', width: "5%" },
  127. { display: '超30%以上的水量', name: '28', align: 'center', width: "5%" },
  128. { display: '超10-30%的金额', name: '30', align: 'center', width: "5%",
  129. render: function (rowdata, rowindex, value, column){
  130. return Number(value).toFixed(1);
  131. }
  132. },
  133. { display: '超30%以上的金额', name: '29', align: 'center', width: "5%",
  134. render: function (rowdata, rowindex, value, column){
  135. return Number(value).toFixed(1);
  136. }
  137. },
  138. { display: '总金额', name: '31', align: 'center', width: "5%",
  139. render: function (rowdata, rowindex, value, column){
  140. return Number(value).toFixed(1);
  141. }
  142. },
  143. { display: '操作', isAllowHide: false, align: 'center', width:"15%",
  144. render: function (rowdata, rowindex, value, column){
  145. return '<div class="padding_top4 padding_left20">'
  146. <@pop_perm url="/quarterAssessment/update1.do">
  147. + '<a href="#" onclick="onEdit('+ rowdata[0]+')"><span class="icon_edit">修改</span></a>'
  148. </@pop_perm>
  149. <@pop_perm url="/quarterAssessment/delete.do">
  150. + '<a href="#" onclick="onDelete('+ rowdata[0]+')"><span class="icon_delete">删除</span></a>'
  151. </@pop_perm>
  152. + '</div>';
  153. }
  154. }],
  155. toolbar:{
  156. items:[
  157. <@pop_perm url="/quarterAssessment/create.do">
  158. {text:'新增',click:onCreate,iconClass:'icon_add'},
  159. </@pop_perm>
  160. <@pop_perm url="/quarterAssessment/update.do">
  161. {line:true},
  162. {text:'修改',click:onEdit1, iconClass:'icon_edit'},
  163. </@pop_perm>
  164. <@pop_perm url="/quarterAssessment/delete.do">
  165. {line:true},
  166. {text:'批量删除',click:batchDelete, iconClass:'icon_delete'},
  167. </@pop_perm>
  168. <@pop_perm url="/quarterAssessment/print.do">
  169. {line:true},
  170. {text:'打印',click:print, iconClass:'icon_print'},
  171. </@pop_perm>
  172. <@pop_perm url="/quarterAssessment/exportExcel.do">
  173. {line:true},
  174. {text:'导出',click:exportExcel, iconClass:'icon_export'},
  175. </@pop_perm>
  176. <@pop_perm url="/quarterAssessment/wx.do">
  177. {line:true},
  178. {text:'wx',click:wx, iconClass:'icon_export'},
  179. </@pop_perm>
  180. {line:true}
  181. ]
  182. },
  183. data:[], sortName: 'showOrgName',rownumbers:true,checkbox:true,usePager: false,height: '100%', width:"100%",heightDiff:-40,pageSize:g_pageSize,
  184. onChangeSort : function(){
  185. getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
  186. return false;
  187. },isChecked:checkedHandler,onCheckRow: checkRowHandler, onCheckAllRow: checkAllRowHandler
  188. });
  189. //点击分页触发
  190. }
  191. $(function(){
  192. getData(g_pageNo,g_pageSize);
  193. // getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
  194. })
  195. //打印年度计划供水表预览
  196. // function print(){
  197. // window.open("${ctx}/quarterAssessment/print.do?exportType=list&pageNo=1&pageSize="+total_rows);
  198. // }
  199. //打印
  200. function print(){
  201. var rows = g.getSelectedRows();
  202. var rowsLength = rows.length;
  203. var ids = getCheckedIdHandler();
  204. if(rowsLength == 0 && ids=='') {
  205. printByPage();
  206. return;
  207. }
  208. // alert(ids);
  209. // var orgIds=getCheckedOrgIdHandler();
  210. // var months=getCheckedMonthHandler();
  211. // var years=getCheckedYearHandler();
  212. //window.location.href="${ctx}/customerMeter/exportExcel.do?&ids="+ids+"&flag=selected&pageNo=1&pageSize="+total_rows;
  213. window.open("${ctx}/quarterAssessment/print.do?exportType=list&ids="+ids+"&flag=selected&pageNo=1&pageSize="+total_rows);
  214. return;
  215. }
  216. // function print(){
  217. // window.open("${ctx}/quarterAssessment/print.do?exportType=list&pageNo=1&pageSize="+total_rows);
  218. // }
  219. //打印
  220. function wx(){
  221. window.open("${ctx}/quarterAssessment/wx.do");
  222. return;
  223. }
  224. function printByPage(){
  225. var orgNumber=$("#orgNumber").val();
  226. var orgName=$("#orgName").val();
  227. var address=$("#address").val();
  228. var year=$("#year").val();
  229. var busOrgCustomerNumber=$("#busOrgCustomerNumber").val();
  230. var busOrgMeterNumber=$("#busOrgMeterNumber").val();
  231. var quarter=$('#quarter').val();
  232. var overWaterBegin=$('#overWaterBegin').val();
  233. var overWaterEnd=$('#overWaterEnd').val();
  234. var amountReceivableBegin=$('#amountReceivableBegin').val();
  235. var amountReceivableEnd=$('#amountReceivableEnd').val();
  236. var isPlanUser=$("#isPlanUser").val();
  237. var userType=$("#userType").val();
  238. var url="${ctx}/quarterAssessment/print.do?";
  239. url +="orgNumber="+orgNumber;
  240. url +="&orgName="+orgName;
  241. url +="&address="+address;
  242. url +="&year="+year;
  243. url +="&busOrgCustomerNumber="+busOrgCustomerNumber;
  244. url +="&busOrgMeterNumber="+busOrgMeterNumber;
  245. url +="&quarter="+quarter;
  246. url +="&overWaterBegin="+overWaterBegin;
  247. url +="&overWaterEnd="+overWaterEnd;
  248. url +="&amountReceivableBegin="+amountReceivableBegin;
  249. url +="&amountReceivableEnd="+amountReceivableEnd;
  250. url +="&isPlanUser="+isPlanUser;
  251. url +="&userType="+userType;
  252. url +="&flag=query";
  253. url +="&exportType=list";
  254. url +="&pageNo=1";
  255. url +="&pageSize="+total_rows;
  256. url = encodeURI(encodeURI(url));
  257. window.open(url);
  258. }
  259. /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
  260. function getData(pageNo,pageSize){
  261. jQuery.post("${ctx}/quarterAssessment/listPage.do",
  262. getFormParams(pageNo,pageSize),
  263. function(result){
  264. gridData = result;
  265. //刷新表格
  266. g.loadData(gridData);
  267. total_rows=gridData["pager.totalRows"];
  268. //设置左边内容页
  269. var content ="共有" + gridData["pager.totalRows"] + "条记录";
  270. $("#letfContent").html("");
  271. $("#letfContent").html(content);
  272. //取得分页组件
  273. var pager=$("#pager");
  274. //设置总页页数
  275. pager.attr("total",gridData["pager.totalRows"]);
  276. pager.render();
  277. //绑定翻页事件
  278. pager.unbind("pageChange");
  279. pager.bind("pageChange",function(e,index){
  280. g_pageNo = index + 1;
  281. getData(g_pageNo,g_pageSize);
  282. });
  283. //绑定选择每页显示记录数事件
  284. pager.bind("sizeChange",function(e,num){
  285. g_pageSize = num;
  286. getData(g_pageNo,g_pageSize);
  287. });
  288. },"json");
  289. }
  290. function getData2(sort,direction,pageNo,pageSize){
  291. $.post("${ctx}/quarterAssessment/listPage.do",
  292. {
  293. "pageNo":pageNo,
  294. "pageSize":pageSize
  295. },
  296. function(result){
  297. gridData = result;
  298. //刷新表格
  299. g.loadData(gridData);
  300. },"json");
  301. }
  302. //查询
  303. function searchHandler(){
  304. //清空数组
  305. clearArray();
  306. //重新加载数据,设置当前页面为1
  307. getData(1,g_pageSize);
  308. }
  309. /**获得查询表单的提交查询的值**/
  310. function getFormParams(pageNo,pageSize){
  311. $("#pageNo").val(pageNo);
  312. $("#pageSize").val(pageSize);
  313. return $("#searchForm").formToArray();
  314. }
  315. /**重置于查询表单,然后重新加载表格数据**/
  316. function resetSearch(){
  317. //清空数组
  318. clearArray();
  319. $("#searchForm")[0].reset();
  320. //重新加载数据,设置当前页面为1
  321. getData(1,g_pageSize);
  322. }
  323. //单条记录删除
  324. function onDelete(rowid){
  325. top.Dialog.confirm("确定要删除该记录吗?",function(){
  326. //删除记录
  327. jQuery.post("${ctx}/quarterAssessment/delete.do",
  328. {"ids":rowid},
  329. function(responseText){
  330. if(responseText.status=="y"){
  331. top.Dialog.alert(responseText.info);
  332. resetSearch();
  333. }else{
  334. top.Dialog.alert(responseText.info);
  335. }
  336. },
  337. "json");
  338. });
  339. }
  340. //批量删除
  341. function batchDelete() {
  342. var rows = g.getSelectedRows();
  343. var rowsLength = rows.length;
  344. if(rowsLength == 0) {
  345. top.Dialog.alert("请选中要删除的记录!");
  346. return;
  347. }
  348. top.Dialog.confirm("确定要删除吗?",function(){
  349. jQuery.post("${ctx}/quarterAssessment/delete.do",
  350. //获取所有选中行
  351. getSelectId(g),
  352. function(responseText){
  353. if(responseText.status=="y"){
  354. top.Dialog.alert(responseText.info);
  355. resetSearch();
  356. }else{
  357. top.Dialog.alert(responseText.info);
  358. return false;
  359. }
  360. },
  361. "json");
  362. });
  363. //获取所有选中行获取选中行的id 格式为 ids=1&ids=2
  364. function getSelectId(grid) {
  365. var selectedRows = grid.getSelectedRows();
  366. var selectedRowsLength = selectedRows.length;
  367. var ids = "";
  368. for(var i = 0;i<selectedRowsLength;i++) {
  369. ids += selectedRows[i][0] + ",";
  370. }
  371. return {"ids":ids};
  372. }
  373. }
  374. //新增
  375. function onCreate(){
  376. top.Dialog.open({
  377. ID:'a1',
  378. URL:"${ctx}/quarterAssessment/create.do?year="+$('#year').val(),
  379. Title:"新增季度考核",
  380. Width:700,
  381. Height:350
  382. });
  383. }
  384. //修改单位基本信息
  385. function onEdit1() {
  386. var rows = g.getSelectedRows();
  387. var rowsLength = rows.length;
  388. if(rowsLength == 0) {
  389. top.Dialog.alert("请选中要编辑的记录!");
  390. return;
  391. }
  392. if(rowsLength > 1) {
  393. top.Dialog.alert("请只选中一条要编辑的记录!");
  394. return;
  395. }
  396. var selectedRows = g.getSelectedRows();
  397. top.Dialog.open({
  398. URL : "${ctx}/quarterAssessment/update.do?entity_id="+selectedRows[0][0],
  399. Title : "编辑单位季度考核用水",
  400. Width : 800,
  401. Height : 500
  402. });
  403. }
  404. //修改
  405. function onEdit(rowId){
  406. // alert(rowId);
  407. top.Dialog.open({
  408. ID:'a1',
  409. URL:"${ctx}/quarterAssessment/update.do?entity_id="+rowId,
  410. Title:"修改水表",
  411. Width:700,
  412. Height:350
  413. });
  414. }
  415. //导出单位季度考核用水
  416. function exportExcel() {
  417. var rows = g.getSelectedRows();
  418. var rowsLength = rows.length;
  419. var ids = getCheckedIdHandler();
  420. if(rowsLength == 0 && ids=='') {
  421. exportExcelByPage();
  422. return;
  423. }
  424. // alert(ids);
  425. window.location.href="${ctx}/quarterAssessment/exportExcel.do?&ids="+ids+"&flag=selected&exportType=list&pageNo=1&pageSize="+total_rows;
  426. return;
  427. }
  428. //导出处理
  429. function exportExcelByPage(){
  430. var orgNumber=$("#orgNumber").val();
  431. var orgName=$("#orgName").val();
  432. var address=$("#address").val();
  433. var year=$("#year").val();
  434. var busOrgCustomerNumber=$("#busOrgCustomerNumber").val();
  435. var busOrgMeterNumber=$("#busOrgMeterNumber").val();
  436. var quarter=$('#quarter').val();
  437. var overWaterBegin=$('#overWaterBegin').val();
  438. var overWaterEnd=$('#overWaterEnd').val();
  439. var amountReceivableBegin=$('#amountReceivableBegin').val();
  440. var amountReceivableEnd=$('#amountReceivableEnd').val();
  441. var isPlanUser=$("#isPlanUser").val();
  442. var userType=$("#userType").val();
  443. var url="${ctx}/quarterAssessment/exportExcel.do?";
  444. url +="orgNumber="+orgNumber;
  445. url +="&orgName="+orgName;
  446. url +="&address="+address;
  447. url +="&year="+year;
  448. url +="&busOrgCustomerNumber="+busOrgCustomerNumber;
  449. url +="&busOrgMeterNumber="+busOrgMeterNumber;
  450. url +="&quarter="+quarter;
  451. url +="&overWaterBegin="+overWaterBegin;
  452. url +="&overWaterEnd="+overWaterEnd;
  453. url +="&amountReceivableBegin="+amountReceivableBegin;
  454. url +="&amountReceivableEnd="+amountReceivableEnd;
  455. url +="&isPlanUser="+isPlanUser;
  456. url +="&userType="+userType;
  457. url +="&flag=query";
  458. url +="&exportType=list";
  459. url +="&pageNo=1";
  460. url +="&pageSize="+total_rows;
  461. url = encodeURI(encodeURI(url));
  462. window.location =url;
  463. return false;
  464. }
  465. var checkedArray = [];
  466. function findCheckedArray(id){
  467. for(var i =0;i<checkedArray.length;i++){
  468. if(checkedArray[i] == id) return i;
  469. }
  470. return -1;
  471. }
  472. function addCheckedArray(id){
  473. if(findCheckedArray(id) == -1){
  474. checkedArray.push(id);
  475. }
  476. }
  477. function getCheckedIdHandler(){
  478. return checkedArray.join(',');
  479. }
  480. function removeCheckedArray(id){
  481. var i = findCheckedArray(id);
  482. if(i==-1) return;
  483. checkedArray.splice(i,1);
  484. }
  485. function checkedHandler(rowdata){
  486. if (findCheckedArray(rowdata[0]) == -1)
  487. return false;
  488. return true;
  489. }
  490. function checkRowHandler(checked, data){
  491. if (checked) addCheckedArray(data[0]);
  492. else removeCheckedArray(data[0]);
  493. }
  494. function checkAllRowHandler(checked){
  495. for (var rowid in this.records){
  496. if(checked)
  497. addCheckedArray(this.records[rowid][0]);
  498. else
  499. removeCheckedArray(this.records[rowid][0]);
  500. }
  501. }
  502. //清空数组
  503. function clearArray(){
  504. checkedArray.length=0;
  505. }
  506. </script>
  507. </head>
  508. <body>
  509. <div class="box2" panelTitle="单位季度考核用水信息列表">
  510. <form action="" id="searchForm" method="post">
  511. <input type="hidden" id="Q_importStatus_S_LK"
  512. name="Q_importStatus_S_LK" value="normal" /> <input type="hidden"
  513. id="pageNo" name="pageNo" value="1" /> <input type="hidden"
  514. id="pageSize" name="pageSize" value="10" />
  515. <table>
  516. <tr>
  517. <td>单位编号:</td>
  518. <td><input type="text" id="orgNumber" name="orgNumber" /></td>
  519. <td>单位名称:</td>
  520. <td><input type="text" id="orgName" name="orgName" /></td>
  521. <td>单位地址:</td>
  522. <td><input type="text" id="address" name="address" /></td>
  523. <td>年度:</td>
  524. <td><input class="date" dateFmt="yyyy" type="text" id="year"
  525. name="year" value="${year!''}" /></td>
  526. </tr>
  527. <tr>
  528. <td>超用水量(≥)::</td>
  529. <td><input type="text" id="overWaterBegin"
  530. name="overWaterBegin" /></td>
  531. <td>并且(≤):</td>
  532. <td><input type="text" id="overWaterEnd" name="overWaterEnd" /></td>
  533. <td>应收金额(≥)::</td>
  534. <td><input type="text" id="amountReceivableBegin"
  535. name="amountReceivableBegin" /></td>
  536. <td>并且(≤):</td>
  537. <td><input type="text" id="amountReceivableEnd"
  538. name="amountReceivableEnd" /></td>
  539. </tr>
  540. <tr>
  541. <td>客户号:</td>
  542. <td><input type="text" id="customerNumber"
  543. name="customerNumber" /></td>
  544. <td>水表编号:</td>
  545. <td><input type="text" id="meterNumber" name="meterNumber" /></td>
  546. <td>季度:</td>
  547. <td><select prompt="请选择" id="quarter" name="quarter"
  548. data='{"list":[{"value":"1","key":"第一季度"},{"value":"2","key":"第二季度"},{"value":"3","key":"第三季度"},{"value":"4","key":"第四季度"}]}'></select></td>
  549. <td>是否计划户:</td>
  550. <td><select prompt="请选择" id="isPlanUser"
  551. data='{"list":[{"value":"yes","key":"计划户"},{"value":"no","key":"非计划户"}]}'
  552. name="isPlanUser"></select></td>
  553. </tr>
  554. <tr>
  555. <td>用户类型:</td>
  556. <td><select prompt="请选择" id="userType" data='${userType}'
  557. name="userType"></select></td>
  558. <td>用水单价:</td>
  559. <td><select id="waterPrice" name="waterPrice">
  560. <option value="">请选择</option>
  561. <option value="0.00">0.00</option>
  562. <option value="0.10">0.10</option>
  563. <option value="1.14">1.14</option>
  564. <option value="1.21">1.21</option>
  565. <option value="1.45">1.45</option>
  566. <option value="1.49">1.49</option>
  567. <option value="2.20">2.20</option>
  568. <option value="4.97">4.97</option>
  569. </select></td>
  570. <td style="padding-left: 15px;"><button type="reset"
  571. onclick="resetSearch()">
  572. <span class="icon_find">重置</span>
  573. </button></td>
  574. </td>
  575. <td style="padding-left: 15px;"><button type="button"
  576. onclick="searchHandler()">
  577. <span class="icon_find">查询</span>
  578. </button></td>
  579. </td>
  580. </tr>
  581. </table>
  582. </form>
  583. </div>
  584. <div id="scrollContent">
  585. <div class="padding_right5">
  586. <div id="maingrid"></div>
  587. </div>
  588. </div>
  589. <!-- <div id="pageContent" style="height:35px;"></div> -->
  590. <!-- 分页组件 -->
  591. <div style="height: 35px;">
  592. <div id="letfContent" class="float_left padding5"></div>
  593. <div class="float_right padding5">
  594. <div id="pager" total="0" class="pageArrow" showSelect="true"
  595. inputPosition="right"></div>
  596. </div>
  597. <div class="clear"></div>
  598. </div>
  599. </body>
  600. </html>