123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <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 type="text/javascript"
- src="${ctx}/qui/libs/js/form/datePicker/WdatePicker.js"></script>
- <!-- 日期选择框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-->
- </head>
- <script type="text/javascript">
- var g ;
- var gridData;
- function initComplete(){
- g = $("#maingrid").quiGrid({
- columns: [
- {display:'序号',name:'serinum',align:'center',width:'5%',
- render:function(rowdata, rowindex, value, column){
- if(rowdata.orgType == "总计"){
- return "";
- }else{
- return rowindex+1;
- }
- }
- },
- { display: '类别', name: 'orgType', align: 'center', width: "12%",
- render:function(rowdata, rowindex, value, column){
- if(value == "总计"){
- return "<font color=red>"+value+"</font>";
- }else{
- return value;
- }
- }
- },
- { display: '批复水量(m³)', name: 'reply', align: 'center', width: "12%",
- render:function(rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '实用水量(m³)', name: 'useWater', align: 'center', width: "12%",
- render:function(rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '超用水量(m³)', name: 'overWater', align: 'center', width: "12%",
- render:function(rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '节约水量(m³)', name: 'saveWater', align: 'center', width: "12%",
- render:function(rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- }
- ],
- data:[], rownumbers:true,usePager:false,
- height: '100%', width:"100%"
- });
-
- //点击分页触发
- }
- $(function(){
- listCountWater();
- });
- function listCountWater(){
- var year = $("#year").val();
- $.post("${ctx}/busInit/listCountWaterData.do",{"year":year},function(result){
- gridData = {"pager.totalRows":result.length,"pager.pageNo":1,"rows":result};
- g.loadData(gridData);
- },"json");
- }
- function searData(){
- listCountWater();
- }
- </script>
- <body>
- <div class="box2" panelTitle="功能面板" id="searchPanel">
- <table>
- <tr>
- <td>年度:</td>
- <td><input type="text" class="date" id="year" name="year"
- dateFmt="yyyy" value="${year}" /></td>
- <td><button onclick="searData();">
- <span class="icon_find">查询</span>
- </button></td>
- </tr>
- </table>
- </div>
- <div id="scrollContent">
- <div class="padding_right5">
- <div id="maingrid"></div>
- </div>
- </div>
- </div>
- </body>
- </html>
|