123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <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 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 = 20;
- var total_rows=0;
- //分布记忆
- var checkedArray = [];
- var statusList = ${statusList!'[]'};
- // alert(statusList["list"][0].key);
- //数据表格使用
- var g;
- var gridData;
- function initComplete(){
- g = $("#maingrid").quiGrid({
- columns: [
- { display: '单位编号', name: 'orgNumber', align: 'center', width: "6%"},
- { display: '单位名称', name: 'orgName', align: 'center', width: "8%",
- render:function(rowdata, rowindex, value, column){
- return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
- }
- },
- { display: '用户类型', name: 'baseUserType', align: 'center', width: "6%",
- render:function(rowdata, rowindex, value, column){
- if(value == 1){
- return "自来水户";
- }else if(value == 2 ){
- return "取水户";
- }else {
- return "";
- }
- }
- },
- { display: '年份', name: 'year', align: 'center', width: "4%"},
- { display: '状态', name: 'status', align: 'center', width: "4%",
- render:function(rowdata, rowindex, value, column){
- for (var i = 0; i < statusList["list"].length; i++){
- if (statusList["list"][i]['value'] == value && i != 0)
- return '<label style="display: inline-block;width: 30px;height: 25px;background: '+statusList["list"][i]['key']+';"></label>';
- }
- }
- },
- { display: '考核类型', name: 'quarterlyType', align: 'center', width: "6%",
- render:function(rowdata, rowindex, value, column){
- return "月考核";
- }
- },
- { display: '上一年用水量', name: 'priYearUseWater', align: 'center', width: "8%"},
- { display: '全年用水量', name: 'yearUseWater',align: 'center', width: "8%",
- render: function (rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '计划用水量全年度指标', name: 'planOfWater', align: 'center', width: "8%",
- render: function (rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '全年实际批复指标', name: 'replyOfWater', align: 'center', width: "8%",
- render: function (rowdata, rowindex, value, column){
- return Number(value).toFixed(0);
- }
- },
- { display: '一月份批复', name: 'janReply', align: 'center', width: "8%"},
- { display: '二月份批复', name: 'febReply', align: 'center', width: "8%"},
- { display: '三月份批复', name: 'marReply', align: 'center', width: "8%"},
- { display: '四月份批复', name: 'aprReply', align: 'center', width: "8%"},
- { display: '五月份批复', name: 'mayReply', align: 'center', width: "8%"},
- { display: '六月份批复', name: 'junReply', align: 'center', width: "8%"},
- { display: '七月份批复', name: 'julReply', align: 'center', width: "8%"},
- { display: '八月份批复', name: 'augReply', align: 'center', width: "8%"},
- { display: '九月份批复', name: 'septReply', align: 'center', width: "8%"},
- { display: '十月份批复', name: 'octReply', align: 'center', width: "8%"},
- { display: '十一月份批复', name: 'novReply', align: 'center', width: "8%"},
- { display: '十二月份批复', name: 'decReply', align: 'center', width: "8%"},
-
- // { display: '一季度实际批复用水指标', name: 'firstQuarterReply', align: 'center', width: "8%",
- // render: function (rowdata, rowindex, value, column){
- // return Number(value).toFixed(0);
- // }
- // },
- // { display: '二季度实际批复用水指标', name: 'secondQuarterReply', align: 'center', width: "8%",
- // render: function (rowdata, rowindex, value, column){
- // return Number(value).toFixed(0);
- // }
- // },
- // { display: '三季度实际批复用水指标', name: 'thirdQuarterReply', align: 'center', width: "8%",
- // render: function (rowdata, rowindex, value, column){
- // return Number(value).toFixed(0);
- // }
- // },
- // { display: '四季度实际批复用水指标', name: 'fourthQuarterReply', align: 'center', width: "8%",
- // render: function (rowdata, rowindex, value, column){
- // return Number(value).toFixed(0);
- // }
- // },
- { display: '经办人', name: 'userName', align: 'center', width: "5%"},
- { display: '填报时间', name: 'fillTime', align: 'center', width: "7%"},
- { display: '备注', name: 'remark', align: 'center', width: "8%",
- render:function(rowdata, rowindex, value, column){
- if(value == null){
- return "";
- }else{
- return "<font class='textSlice' style='width:100%;cursor: pointer;' title='"+value+"'>"+value+"</font>";
- }
- }
- }
- ],
- toolbar:{
- items:[
- <@pop_perm url="/busInit/createYearUnitNotice.do">
- {text:'修改通知',click:editNotice,iconClass:'icon_edit'},
- {line:true},
- </@pop_perm>
- <@pop_perm url="/busInit/viewYearUnitNotice.do">
- {text:'查看通知',click:viewPage,iconClass:'icon_view'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/YearUnitNoticeCancel.do">
- {text:'删除',click:Noticedelete,iconClass:'icon_remove'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/unitWaterExportData.do">
- {text:'导出',click:outPutExcel,iconClass:'icon_export'},
- {line:true},
- </@pop_perm>
-
- /* <@pop_perm url="/busInit/unitYearPlanPrint.do">
- {text:'打印年度计划供水表预览',click:planPrint,iconClass:'icon_print'},
- {line:true},
- </@pop_perm> */
-
- <@pop_perm url="/busInit/unitYearReplyPrint.do">
- {text:'打印年度计划批复通知预览',click:replyPrint,iconClass:'icon_print'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/yearPlanPrint.do">
- {text:'打印年度计划通知预览',click:yearPlanNoticePrint,iconClass:'icon_print'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/unitYearEmailPrint.do">
- {text:'打印信封预览',click:emailPrint,iconClass:'icon_print'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/seasonPlanPrint.do">
- {text:'打印年度用水计划调整受理通知书',click:seasonPrint,iconClass:'icon_print'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/busInit/importInfo.do">
- {text:'导入单位年度信息',click:importInfo,iconClass:'icon_print'},
- {line:true},
- </@pop_perm>
-
- <@pop_perm url="/water/add.do">
- {text:'新增用水指标审批',click:addCheck,iconClass:'icon_add'},
- {line:true}
- </@pop_perm>
-
- ]
- },
- data:[], rownumbers:true,dataAction:'local',checkbox:true,usePager: false,
- height: '100%', width:"100%",heightDiff:-40,
- isChecked:checkedHandler,
- onCheckRow: checkRowHandler, onCheckAllRow: checkAllRowHandler,
- onChangeSort : function(){
- getData(g.options.sortName,g.options.sortOrder,g_pageNo,g_pageSize);
- return false;
- }
-
- });
-
- //点击分页触发
- }
-
- $(function(){
- getData(g_pageNo,g_pageSize);
- })
- function importInfo(){
- top.Dialog.open({
- URL:"${ctx}/busInit/importInfo.do",
- Title:"导入单位年度信息",
- Width:350,
- Height:150
- });
- }
- /**初始时通过向后台传递排序id、排序顺序、初始页码、每页条数**/
- function getData(pageNo,pageSize){
- jQuery.post("${ctx}/busInit/getYearPlanData.do",
- getFormParams(pageNo,pageSize),
- function(result){
- gridData = result;
- //刷新表格
- g.loadData(gridData);
- total_rows=gridData["pager.totalRows"];
- //设置左边内容页
- var content ="共有" + gridData["pager.totalRows"] + "条记录";
- $("#letfContent").html("");
- $("#letfContent").html(content);
- //取得分页组件
- var pager=$("#pager");
- //设置总页页数
- pager.attr("total",gridData["pager.totalRows"]);
- pager.attr("pageSize",g_pageSize);
- pager.render();
- //绑定翻页事件
- pager.unbind("pageChange");
- pager.bind("pageChange",function(e,index){
- g_pageNo = index + 1;
- getData(g_pageNo,g_pageSize);
- });
- //绑定选择每页显示记录数事件
- pager.bind("sizeChange",function(e,num){
- g_pageSize = num;
- getData(g_pageNo,g_pageSize);
- });
- },"json");
- }
-
-
- //查询
- function searchHandler(){
- //重新加载数据,设置当前页面为1
- getData(1,g_pageSize);
- }
-
- /**获得查询表单的提交查询的值**/
- function getFormParams(pageNo,pageSize){
- $("#pageNo").val(pageNo);
- $("#pageSize").val(pageSize);
- return $("#searchForm").formToArray();
- }
-
- /**重置于查询表单,然后重新加载表格数据**/
- function resetSearch(){
- $("#searchForm")[0].reset();
- //重新加载数据,设置当前页面为1
- getData(1,g_pageSize);
- }
- //停留当前页面的刷新方法
- function stayPage(){
- //重新加载数据,设置当前页面为1
- getData(g_pageNo,g_pageSize);
- }
-
-
- //修改通知
- function editNotice() {
- var selectedRows = g.getSelectedRows();
- var length = selectedRows.length;
- if(length != 1 ){
- top.Dialog.alert("请选择一条记录");
- return ;
- }
- var orgId = selectedRows[0].orgId;
- top.Dialog.open({
- URL:"${ctx}/busInit/createYearUnitNotice.do?orgId="+orgId,
- Title:"编辑单位年度计划用水表",
- Width:1600,
- Height:760
- });
- }
- function addCheck()
- {
- var selectedRows = g.getSelectedRows();
- var length = selectedRows.length;
- if(length != 1 ){
- top.Dialog.alert("请选择一条记录");
- return ;
- }
- var orgId = selectedRows[0].orgId;
- window.location.href = "${ctx}/water/add.do?orgId="+orgId;
- // top.Dialog.open({
- // URL:"${ctx}/water/add.do?orgId="+orgId,
- // Title:"新增用水指标审批",
- // Width:1600,
- // Height:760
- // });
-
- }
-
- //查看
- function viewPage() {
- var selectedRows = g.getSelectedRows();
- var length = selectedRows.length;
- if(length != 1 ){
- top.Dialog.alert("请选择一条记录");
- return ;
- }
- var orgId = selectedRows[0].orgId;
- top.Dialog.open({
- URL:"${ctx}/busInit/viewYearUnitNotice.do?orgId="+orgId,
- Title:"查看单位年度计划用水表",
- Width:700,
- Height:650
- });
- }
-
- //删除---取消年度考核
- function Noticedelete(){
- var selectedRows = g.getSelectedRows();
- var length = selectedRows.length;
- if(length <=0 ){
- top.Dialog.alert("请选择要删除的记录");
- return ;
- }
- $.post("${ctx}/busInit/YearUnitNoticeCancel.do",getSelectId(g),function(result){
- if(result.status == "y"){
- top.Dialog.alert(result.info,function(){
- getData(1,g_pageSize);
- });
- }else{
- top.Dialog.alert(result.info);
- }
- });
- }
-
- //导出
- function outPutExcel(){
- var orgNumber = $("#orgNumber").val();
- var orgName = $("#orgName").val();
- var year = $("#year").val();
- var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
- var address = $("#address").val();
- var busOrgMeterNumber = $("#busOrgMeterNumber").val();
- var priYearUseWater = $("#priYearUseWater").val();
- var userType = $("#userType").val();
- var status = $("#status").val();
- var url = "${ctx}/busInit/unitWaterExportData.do";
- url +="?orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
- url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
- url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
- url +="&userType="+userType;
- url +="&status="+status;
- location.href=url;
-
- }
-
- //打印年度计划供水表预览
- function planPrint(){
- window.open("${ctx}/busInit/unitYearPlanPrint.do");
- }
- //打印年度计划批复通知
- function replyPrint(){
- var orgNumber = $("#orgNumber").val();
- var orgName = $("#orgName").val();
- var year = $("#year").val();
- var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
- var address = $("#address").val();
- var busOrgMeterNumber = $("#busOrgMeterNumber").val();
- var priYearUseWater = $("#priYearUseWater").val();
- var userType = $("#userType").val();
- var ids = getCheckedHandler();
- url = "${ctx}/busInit/unitYearReplyPrint.do?";
- url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
- url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
- url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
- url +="&userType="+userType+"&ids="+ids;
- window.open(url);
- }
-
- //打印信封预览
- function emailPrint(){
- var orgNumber = $("#orgNumber").val();
- var orgName = $("#orgName").val();
- var year = $("#year").val();
- var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
- var address = $("#address").val();
- var busOrgMeterNumber = $("#busOrgMeterNumber").val();
- var priYearUseWater = $("#priYearUseWater").val();
- var userType = $("#userType").val();
- var ids = getCheckedHandler();
- url = "${ctx}/busInit/unitYearEmailPrint.do?";
- url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
- url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
- url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
- url +="&userType="+userType+"&ids="+ids;
- window.open(url);
- }
-
- //打印季度用水计划调整受理通知书
- function seasonPrint(){
- var year = $("#year").val();
-
- var ids = getCheckedHandler();
- url = "${ctx}/busInit/seasonPlanPrint.do?";
- url +="year="+year;
- url +="&ids="+ids;
- location=location ;
- window.open(url);
- }
- //获取所有选中行获取选中行的id 格式为 ids=1&ids=2
- function getSelectId(grid) {
- var selectedRows = grid.getSelectedRows();
- var selectedRowsLength = selectedRows.length;
- var ids = "";
- for(var i = 0;i<selectedRowsLength;i++) {
- if(ids.length<=0){
- ids +=selectedRows[i].orgId;
- }else{
- ids +=","+selectedRows[i].orgId;
- }
- }
- return {"ids":ids};
- }
-
- //打印年度计划通知
- function yearPlanNoticePrint(){
- var orgNumber = $("#orgNumber").val();
- var orgName = $("#orgName").val();
- var year = $("#year").val();
- var busOrgCustomerNumber = $("#busOrgCustomerNumber").val();
- var address = $("#address").val();
- var busOrgMeterNumber = $("#busOrgMeterNumber").val();
- var priYearUseWater = $("#priYearUseWater").val();
- var userType = $("#userType").val();
- var ids = getCheckedHandler();
- url = "${ctx}/busInit/yearPlanPrint.do?";
- url +="orgNumber="+orgNumber+"&orgName="+orgName+"&year="+year;
- url +="&busOrgCustomerNumber="+busOrgCustomerNumber+"&address="+address;
- url +="&busOrgMeterNumber="+busOrgMeterNumber+"&priYearUseWater="+priYearUseWater;
- url +="&userType="+userType+"&ids="+ids;
- window.open(url);
- }
-
- //分布记忆
- function checkRowHandler(checked, data){
- if(checked){
- addCheckedArray(data.orgId);
- }else{
- removeCheckedArray(data.orgId);
- }
- }
- function checkedHandler(rowdata){
- if(findCheckedArray(rowdata.orgId) == -1){
- return false;
- }else{
- return true;
- }
- }
- function checkAllRowHandler(checked){
- for (var rowid in this.records)
- {
- if(checked)
- addCheckedArray(this.records[rowid]['orgId']);
- else
- removeCheckedArray(this.records[rowid]['orgId']);
- }
- }
- function addCheckedArray(orgId){
- if(findCheckedArray(orgId) == -1){
- checkedArray.push(orgId);
- }
- }
- function removeCheckedArray(orgId){
- var i = findCheckedArray(orgId);
- if(i == -1){
- return;
- }else{
- checkedArray.splice(i,1);
- }
- }
- function findCheckedArray(orgId){
- for(var i=0;i<checkedArray.length;i++){
- if(checkedArray[i]==orgId){
- return i;
- }
- }
- return -1;
- }
-
- function getCheckedHandler(){
- // alert(checkedArray);
- return checkedArray.join(",");
- }
- </script>
- </head>
- <body>
- <div class="box2" panelTitle="单位年度计划供水表列表">
- <form action="" id="searchForm" method="post">
- <input type="hidden" id="pageNo" name="pageNo" value="1" /> <input
- type="hidden" id="pageSize" name="pageSize" value="20" />
- <table>
- <tr>
- <td>单位编号:</td>
- <td><input type="text" id="orgNumber" name="orgNumber" /></td>
- <td>单位名称:</td>
- <td><input type="text" id="orgName" name="orgName" /></td>
- <td align="right">年度:</td>
- <td><input class="date" dateFmt="yyyy" type="text" id="year"
- name="year" value="${year!''}" /></td>
- <td align="right">客户号:</td>
- <td><input type="text" id="busOrgCustomerNumber"
- name="busOrgCustomerNumber" /></td>
- <td>状态:</td>
- <td><select id="status" data='${nameList!' '}' name="status"></select></td>
- <td style="padding-left: 15px;"><button type="button"
- onclick="searchHandler()">
- <span class="icon_find">查询</span>
- </button></td>
- </td>
- </tr>
- <tr>
- <td>单位地址:</td>
- <td><input type="text" id="address" name="address" /></td>
- <td>水表编号:</td>
- <td><input type="text" id="busOrgMeterNumber"
- name="busOrgMeterNumber" /></td>
- <td>上年用水量:</td>
- <td><input type="text" id="priYearUseWater"
- name="priYearUseWater" /></td>
- <td>用户类型:</td>
- <td><select prompt="请选择" id="userType" data='${map}'
- name="userType"></select></td>
- <td>单位名称字节小于:</td>
- <td><input id="org_name" name="org_name" style="width:20px"/></td>
-
- <td style="padding-left: 15px;"><button type="reset"
- onclick="resetSearch()">
- <span class="icon_find">重置</span>
- </button></td>
- </td>
- </tr>
- </table>
- </form>
- </div>
- <div id="scrollContent">
- <div class="padding_right5">
- <div id="maingrid"></div>
- </div>
- </div>
- <!-- 分页组件 -->
- <div style="height: 35px;">
- <div id="letfContent" class="float_left padding5"></div>
- <div class="float_right padding5">
- <div id="pager" total="0" class="pageArrow" showSelect="true"
- inputPosition="right"></div>
- </div>
- <div class="clear"></div>
- </div>
- </body>
- </html>
|