baozhangfang/WebRoot/WEB-INF/jsp/subsidiesPayable/list.jsp

<!-- 发放清册 -->
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="../../common/include.jsp" />
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>

<script type="text/javascript"><!--
	//人员类别
	var personTypeObj = null;

	var personType_array = null;
	/**用户显示区*/
	$(function() {
		$('#subsidiesPayableDataGrid').datagrid({
			rownumbers:true,
			fit:true,
			pageSize:20,
			pageList : [ 10, 20, 30, 40, 50 ],
			fitColumns:false,
			border:false,
			sortOrder:'desc',
			pagination:true,
			idField:'id',
			url:whzl.basePath + '/subsidiesPayableAction_listSubsidiesPayable?subsidiesPayable.type=1',
			toolbar:'#searchtool',
			checkOnSelect:true,
			selectOnCheck:true,
			nowrap:true,
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					$.messager.alert("提示",result.message);
					return ;
				}							
			}
		});
		
		//人员类别
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"personType" ,"aa10.name":"保障人员类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		personTypeObj = msg.obj.rows;
		    		var select_arr = [];
					var data = personTypeObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						if(data[nItem].value!='新就业' && data[nItem].value!='外来务工' ){
							select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
						}
					}
					personType_array = select_arr.join("");
		    	}
		    }
		});
		//补贴审核状态
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"subsidiesState" ,"aa10.name":"补贴审核状态" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		subsidiesStateObj = msg.obj.rows;
		    	}
		    }
		});
	});
	
	/**查询*/
	function searchFun(){
		$("#subsidiesPayableDataGrid").datagrid("load", {
			 "subsidiesPayable.yearAndMonth":$("#tblQuery").find("input[id='yearAndMonth']").val(),
			 "subsidiesPayable.securityPersonName":$("#tblQuery").find("input[id='name']").val(),
             "subsidiesPayable.securityPersonIdCard":$("#tblQuery").find("input[id='idCard']").val()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }

	/**补贴详情格式化*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=subsidiesPayableDetails('" + row.id + "','" + row.securityPersonId + "') style='cursor:pointer' />";
		
	};
	
	/**人员类别格式化*/
	var personTypeFormatter = function(value , row , index){
		var personType = "";
        for(var nItem = 0; nItem < personTypeObj.length; nItem++ ){
            if(personTypeObj[nItem].code == row.personType){
                personType = personTypeObj[nItem].value;
                break;
            }
        }
        return personType;
	};
	/**当前状态格式化*/
	var stateFormatter = function(value , row , index){
		var subsidiesState = "";
		for(var nItem = 0; nItem < subsidiesStateObj.length; nItem++ ){
	    	if(subsidiesStateObj[nItem].code == row.state){
	    		subsidiesState = subsidiesStateObj[nItem].value;
	    		break;
	    	}
	   	}
		return subsidiesState;	
	};
	
	var yearAndMonthFormatter = function(value , row , index){
		if(value.length==5){
			return value.substring(0,4)+"年"+value.slice(-1)+"月"
		}else if(value.length==6){
			return value.substring(0,4)+"年"+value.slice(-2)+"月"
		}
	}
--></script>

<div class="easyui-layout" data-options="fit:true,border:false">

	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north' , border:false">
			<div class="clear"></div>
			<table id="tblQuery" style="width:100%;">
				<tr>
					<td align="right" style="width: 70px;"><span>姓名</span></td><td style="width: 120px;"><input id="name" name="securityPerson.name" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 70px;"><span>身份证号</span></td><td style="width: 120px;"><input id="idCard" name="securityPerson.idCard" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 70px;"><span>供应年月</span></td><td style="width: 120px;">
						<input type="text" id="yearAndMonth"  onchange="javascript:searchFun();" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM'})" class="Wdate"/>
					</td>
					<td align="right" style="width: 70px;"><span>状态</span></td><td style="width: 120px;">
						<select id="state" onchange="searchFun();">
							<option value="">请选择...</option>
						</select>
					</td>
					<td align="left" style="width: 200px;">
						<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
					</td>
				</tr>
				
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="subsidiesPayableDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'securityPersonName',sortable:true,width:55">姓名</th>
            		<th data-options="field:'securityPersonIdCard',sortable:true,width:140">身份证号</th>
            		<th data-options="field:'bankAccount',sortable:true,width:200">银行账号</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        			<th data-options="field:'yearAndMonth',align:'center',width:100,formatter:yearAndMonthFormatter">发放年月</th>
        			<th data-options="field:'subsidyMoney',align:'center',width:80">应发金额</th>
        			<th data-options="field:'securityNum',align:'center',width:80">保障人口数量</th>
        			<th data-options="field:'personType',align:'center',sortable:true,width:90,formatter:personTypeFormatter">人员类别</th>
            	    <th data-options="field:'phone',align:'center',sortable:true,width:100">联系电话</th>
            	    <th data-options="field:'detail',align:'center',sortable:true,width:45,formatter:detailsFormatter">详情</th>
            	    <th data-options="field:'state',align:'center',width:100,formatter:stateFormatter">当前状态</th>
            	    
        		</tr>
    		</thead>
		</table>
		
	</div>
</div>

<div id="detailSubsidiesPayableDialog" data-options="title:'&nbsp;补贴应发详情',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/subsidiesPayableAction_toDetail'">
</div>
   
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
//-->
</script>