baozhangfang/WebRoot/WEB-INF/jsp/subsidiesPayable/btQuitList.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() {
		$('#securityPersonDataGrid').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_btQuitList',
				toolbar:'#searchtool',
				checkOnSelect:true,
				selectOnCheck:false,
				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":"applyType" ,"aa10.name":"保障业务类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		applyTypeObj = msg.obj.rows;
		    		var select_arr = [];
					var data = applyTypeObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					applyType_array = select_arr.join("");
		    	}
		    }
		});
		
		
		//人员类别
		$.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("");
		    	}
		    }
		});
	});
	
	/**查询*/
	function searchFun(){
		$("#securityPersonDataGrid").datagrid("load", {
			 "securityPerson.name":$("#tblQuery").find("input[id='name']").val(),
             "securityPerson.idCard":$("#tblQuery").find("input[id='idCard']").val(),
             "securityPerson.bankAccount":$("#tblQuery").find("select[id='bankAccount']").val(),
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }

	/**户口所在地*/
	var residenceFormatter  = function(value , row , index){
		return row.applyDepartmentName;
	};
	
	/**详细*/
	var detailsFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=securityPersonDetails(" + row.id + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var securityPersonDetails = function(id){
		$("#detailsecurityPersonDialog").dialog({
			buttons : [{
				text : '确定', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#detailsecurityPersonDialog").dialog("close");
				}
			}],
				onLoad : function(){
				}
			});
	};
	
	/**人员类别格式化*/
	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 quitFormatter = function(value , row , index){
		if(row.subsidiesState==4){
			return "<img src='<%=basePath%>/images/pencil.png' title='退保' onclick=addNew(" + row.id + ",3,1) style='cursor:pointer' />";
		}
	};
	
	function addNew(id,addType,type){
		$('#btRemarkDialog').dialog({
			buttons:[{
                text:"确认",
                handler : function(){
					$.ajax({
						type: "POST",
						url:"subsidiesPayableAction_addBtRemark",
						data:$('#remarkForm').serialize(),// 你的formid
						error: function(data) {
							$.messager.alert("提示","提交失败");
						},
						success: function(result) {
							$.messager.alert("提示","提交成功");
							$('#btRemarkDialog').dialog("close");
						}
					})
                }
			},{
               	text:"取消",
                handler : function(){
					$('#btRemarkDialog').dialog("close");
                }
            }],
			onLoad : function(){
				btRemark_load(id,addType,type);
			}
		})
	}
	/**申请类别格式化*/
	var applyTypeFormatter = function(value , row , index){
		var applyType = "";
		for(var nItem = 0; nItem < applyTypeObj.length; nItem++ ){
    		if(applyTypeObj[nItem].code == row.applyType){
    			applyType = applyTypeObj[nItem].value;
    			break;
    		}
   		}
		return applyType;	
	};
	function quitExport(){
		window.location.href =  whzl.basePath+"/subsidiesPayableAction_exportBtQuitList";
	}
	var dateFormatter = function(value , row , index){
		if(value !=undefined){
			return value.substring(0,10)
		}else{
			return ""
		}
		
	}
	/**继续保障*/
	backProtectFormatter = function(value , row , index){
	    return "<img src='<%=basePath%>/images/up.png' title='确认退房' onclick=uploadBtFile(" + row.id + ") style='cursor:pointer' />"
    }
	/**上传附件*/
    uploadFormatter = function(value , row , index){
	    return "<img src='<%=basePath%>/images/up.png' title='确认退房' onclick=uploadBtFile(" + row.id + ") style='cursor:pointer' />"
    }
    
    function uploadBtFile(id){
    	$("#uploadBtFileDialog").dialog({
            buttons : [{
            	text : '提交', 
                iconCls : 'icon-ok', 
                handler : function(){
            	    uploadBtFile_submit(id);
            	    $("#uploadBtFileDialog").dialog("close");
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#uploadBtFileDialog").dialog("close");
                }
            }],
            onLoad : function(){
                detail_load(id);
            }
        });
    }
    
--></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: 10%;"><span>姓名</span></td>
					<td style="width: 10%;"><input id="name" name="securityPerson.securityPerson.name" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 8%;"><span>身份证号</span></td>
					<td style="width: 10%;"><input id="idCard" name="securityPerson.securityPerson.idCard" type="text" /></td>
					<td align="left" style="width: 38%;">
						<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>
						<a href="javascript:quitExport();" class="easyui-linkbutton" data-options="iconCls:'icon-export',plain:true">导出</a>
					
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="securityPersonDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'name',sortable:true,width:55 ">姓名</th>
            		<th data-options="field:'idCard',sortable:true,width:140">身份证号</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
            		<th data-options="field:'personType',sortable:true,width:150,formatter:personTypeFormatter">人员类别</th>
            		<th data-options="field:'applyType',sortable:true,width:150,formatter:applyTypeFormatter">申请业务类型</th>
            		<th data-options="field:'residence',sortable:true,width:150,formatter:residenceFormatter">申请所在地</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详细</th>
            		<th data-options="field:'quitDate',align:'center',width:120,formatter:dateFormatter">退保时间</th>
            		<th data-options="field:'quitUserName',align:'center',width:120">经办人</th>
            		<th data-options="field:'quitReason',align:'center',width:120">退出原因</th>
            		<th data-options="field:'quit',align:'center',width:60,formatter:quitFormatter">办理退保</th>
            		<th data-options="field:'backProtect',align:'center',width:60,formatter:backProtectFormatter">继续保障</th>
            		<th data-options="field:'upload',width:60,align:'center',formatter:uploadFormatter">上传附件</th>
        		</tr>
    		</thead>
		</table>
		
	</div>
</div>
<div id="detailsecurityPersonDialog" data-options="title:'&nbsp;资料详细信息',iconCls:'icon-details',width:800,height:400,modal:true,href:'<%=basePath %>/securityPersonAction_toBankAccountDetail'">
</div>
<div id="lockSecurityPersonDialog" data-options="title:'&nbsp;退出保障',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/securityPersonAction_toLock'">
</div>
<div id="btRemarkDialog" data-options="title:'&nbsp;备注',iconCls:'icon-details',width:800,height:300,modal:true,href:'<%=basePath %>/subsidiesPayableAction_toBtRemark'">
</div>
<div id="uploadBtFileDialog" data-options="title:'&nbsp;上传附件',iconCls:'icon-detail',width:600,height:400,modal:true,href:'<%=basePath %>/subsidiesPayableAction_toUploadBtFile'">
</div>
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
//-->
</script>