123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>单位月用水量信息列表</title>
- <!--框架必需start-->
- <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
- <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
- <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet"
- type="text/css" />
- <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/" />
- <link rel="stylesheet" type="text/css" id="customSkin" />
- <!--框架必需end-->
- <!--数据表格start-->
- <script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
- <!--数据表格end-->
- <!--箭头分页start-->
- <script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
- <!--箭头分页end-->
- <!--表单异步提交start-->
- <script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
- <!--表单异步提交end-->
- <!-- 日期选择框start -->
- <script type="text/javascript"
- src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
- <!-- 日期选择框end -->
- <script type="text/javascript">
- var g_pageNo = 1;
- var g_pageSize = 10;
- var total_rows=0;
- //数据表格使用
-
- var g;
- var gridData;
- function initComplete(){
- g = $("#maingrid").quiGrid({
- columns: [
- { display: '月份', name: 'month', align: 'center', width: "40%"},
- { display: '用水量', name: 'water', align: 'center', width: "57%"},
- ],
- data:[],rownumbers:true,dataAction:'local',checkbox:false,usePager: false,
- height: '100%', width:"100%",heightDiff:-40,
- isChecked:checkedHandler,onCheckRow: checkRowHandler, onCheckAllRow: checkAllRowHandler
- });
- }
-
- $(function(){
- getData(1,20,"${meterNumber}","${yearr}");
- });
-
-
- /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
- function getData(pageNo,pageSize,meterNumber,year){
- jQuery.post("${ctx}/wx/wxQuery.do?pageNo=1&pageSize=20&meterNumber="+meterNumber+"&year="+year,
- function(result){
- var re=result.rows;
- if(re[0]==null){
- alert("该水表号不属于本单位");
- window.location.href="${ctx}/wx/wxview.do";
- return;
- }
- var div1 = document.getElementById('DIV1');
- var code = '<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">';
- 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>';
- for(var i=0;i<re.length;i++){
- 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>";
- }
- div1.innerHTML = code + '</TABLE>';
-
- },"json");
-
- }
-
-
- //查询
- function searchHandler(a,b){
- /* //清空数组
- clearArray();
- //重新加载数据,设置当前页面为1
- */
- getData(1,g_pageSize,a,b);
- }
-
- /**获得查询表单的提交查询的值**/
- function getFormParams(pageNo,pageSize){
- $("#pageNo").val(pageNo);
- $("#pageSize").val(pageSize);
- return $("#searchForm").formToArray();
- }
-
- /**重置于查询表单,然后重新加载表格数据**/
- function resetSearch(){
- //清空数组
- clearArray();
- $("#searchForm")[0].reset();
- //重新加载数据,设置当前页面为1
- getData(1,g_pageSize);
- }
-
- var checkedArray = [];
- var checkedYearArray = [];
- function findCheckedArray(id){
- for(var i =0;i<checkedArray.length;i++){
- if(checkedArray[i] == id) return i;
- }
- return -1;
- }
- function addCheckedArray(id,year){
- if(findCheckedArray(id) == -1){
- checkedArray.push(id);
- checkedYearArray.push(year);
- }
- }
- function removeCheckedArray(id){
- var i = findCheckedArray(id);
- if(i==-1) return;
- checkedArray.splice(i,1);
- checkedYearArray.splice(i,1);
- }
- function checkedHandler(rowdata){
- if (findCheckedArray(rowdata.orgId) == -1)
- return false;
- return true;
- }
- function checkRowHandler(checked, data){
- if (checked) addCheckedArray(data.orgId,data.year);
- else removeCheckedArray(data.orgId,data.year);
- }
- function checkAllRowHandler(checked){
- for (var rowid in this.records){
- if(checked)
- addCheckedArray(this.records[rowid]['orgId'],this.records[rowid]['year']);
- else
- removeCheckedArray(this.records[rowid]['orgId'],this.records[rowid]['year']);
- }
- }
-
- function getCheckedHandler()
- {
- return checkedArray.join(',');
- }
-
- function getCheckedYearHandler(){
- return checkedYearArray.join(',');
- }
-
- $(function($){
- var old_min;
- var old_max;
- //获得之前的值
- $("#minWater").focus( function() {
- old_min=$(this).val();
- });
- $("#maxWater").focus( function() {
- old_max=$(this).val();
- });
- $("#minWater").change( function() {
- var water=$(this).val();
- if(isNaN(water)){
- $(this).val(old_min);
- return;
- }
- });
- $("#maxWater").change( function() {
- var water=$(this).val();
- if(isNaN(water)){
- $(this).val(old_max);
- return;
- }
- });
- });
-
- //清空数组
- function clearArray(){
- checkedArray.length=0;
- checkedYearArray.length=0;
- }
- </script>
- </head>
- <body>
- <div id="DIV1"></div>
- </body>
- </html>
|