baozhangfang/WebRoot/WEB-INF/jsp/exchangeHouse/exchangeHouseList_verify1.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 yesOrNoObj = null;

	var yesOrNo_array = null;
	
	
	//人员类别
	var personTypeObj = null;

	var personType_array = null;
	
	//审核意见
	var opinionObj = null;
	
	var opinion_array = null;
	
	//区
	var areaObj = null;
	
	var area_array = null;
	
	//街道
	var streetObj = null;
	
	var street_array = null;
	
	//居委会
	var neighborhoodObj = null;
	
	var neighborhood_array = null;
	
	/**用户显示区*/
	$(function() {
		//工作现状
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"workState" ,"aa10.name":"工作现状" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		workStateObj = msg.obj.rows;
		    		var select_arr = [];
					var data = workStateObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					workState_array = select_arr.join("");
		    	}
		    }
		});
		
		
		//是否
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"yesOrNo" ,"aa10.name":"是否" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		yesOrNoObj = msg.obj.rows;
		    		var select_arr = [];
					var data = yesOrNoObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					yesOrNo_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++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					personType_array = select_arr.join("");
					$("#personType").append(personType_array);
		    	}
		    }
		});
		
		//审批意见
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"opinion" ,"aa10.name":"审核意见" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		opinionObj = msg.obj.rows;
		    		var select_arr = [];
					var data = opinionObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					opinion_array = select_arr.join("");
		    	}
		    }
		});
		
		//获取区
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "houseRegisterAction_listChildren",//要访问的后台地址
		    //data:{"id":id},
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		areaObj = msg.obj.rows;
		    		var select_arr = [];
					var data = areaObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
					select_arr.push("<option value="+data[nItem].id+">"+data[nItem].name+"</option>");
					}
					area_array = select_arr.join("");
		    	}
		    }
		});
        var state  = '2,3';
		$('#exchangeHouseDataGrid').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 + '/exchangeHouseAction_listExchangeHouse?exchangeHouse.state='+state,
				toolbar:'#searchtool',
				checkOnSelect:true,
				selectOnCheck:false,
				nowrap:true,
				loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
		});
		
	})
	
	/**查询*/
	function searchFun(){
		$("#exchangeHouseDataGrid").datagrid("load", {
			"exchangeHouse.securityPerson1.name":$("#tblQuery").find("input[id='securityPersonName']").val(),
			"exchangeHouse.securityPerson1.idCard":$("#tblQuery").find("input[id='securityPersonIdCard']").val(),
			"exchangeHouse.house1.community.id":trim($('#communityId').combobox("getValue")),
			"exchangeHouse.house1.no":trim($('#no').combobox("getValue")),
			"exchangeHouse.house1.houseNumber":trim($('#houseNumber').combobox("getValue")),
			"exchangeHouse.securityPerson1.personType":$('#personType').val()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
    
	var dateFormatter = function(value,row,index){
		if(value != null){
			return value.substring(0,10);
		}else{
			return "";		
		}
	}
	
	/**人员类别格式化*/
	var personTypeFormatter = function(value , row , index){
		var personType = "";
		for(var nItem = 0; nItem < personTypeObj.length; nItem++ ){
    		if(personTypeObj[nItem].code == row.securityPerson.personType){
    			personType = personTypeObj[nItem].value;
    			break;
    		}
   		}
		return personType;	
	};
	
	

	/**人员详细*/
	var detailFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=exchangeHouseDetail('" + row.id + "') style='cursor:pointer' />";
	};
	
	/**房源详细页面对话框*/
	var exchangeHouseDetail = function(id){
		$("#exchangeHouseDetailDialog").dialog({
			buttons : [{
				text : '确定', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#exchangeHouseDetailDialog").dialog("close");
				}
			}],
			onLoad : function(){
				detail_load(id);
			}
		});
	};
	
	
	/**合同打印*/
	var printFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/images/printer.png' title='选择合同模板' onclick=printRow(" + row.id + ") style='cursor:pointer' />";
	};
	
	function printRow(id){
		window.open(whzl.basePath+"/exchangeHouseAction_toApplicationPrint?exchangeHouseId="+id);
	}
	
	function templetSelect(id){
		$("#templetSelectDialog").dialog({
			buttons : [{
				text : '关闭', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#templetSelectDialog").dialog("close");
				}
			}],
			onLoad : function(){
				templet_load(id);
			}
		});
	}
	
	/**合同文件上传*/
	var uploadFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/images/pencil.png' title='修改' onclick=exchangeContractUpload(" + row.id + ") style='cursor:pointer' />";
	};
	
	function uploadRow(){
		var row = $('#exchangeHouseDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要修改的租房合同！");
		}
		var id = row.id; 
		exchangeContractUpload(id);
	}
	
	function exchangeContractUpload(id){
		$("#uploadExchangeContractDialog").dialog({
			buttons : [{
				text : '确定', 
				iconCls : 'icon-ok', 
				handler : function(){ 
					$("#uploadExchangeContractDialog").dialog("close");
				}
			}],
			onLoad : function(){
				upload_load(id);
			}
		});
	}
	
	/**更新*/
    var updateFormatter = function(value , row , index){
        if(row.state == 2){
            return "<img src='<%=basePath%>/images/pencil.png' title='审核' onclick=updateRow('" + row.id +"') style='cursor:pointer' />";
        }else{
            return "";
        }
    };
    
    function updateRow(id){
    	$("#updateExchangeHouseDialog").dialog({
            buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
            	    task_submit();
                    $("#updateExchangeHouseDialog").dialog("close");
                    $("#exchangeHouseDataGrid").datagrid("reload");
                }
            }],
            onLoad : function(){
                task_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="securityPersonName" name="securityPersonHouse.securityPerson.name" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 16%;"><span>身份证号码</span></td><td style="width: 18%;"><input id="securityPersonIdCard" name="securityPersonHouse.securityPerson.idCard" type="text" style="width: 140px;"/></td>
					<td align="left" style="width: 46%;">
						<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>
				<tr>
					<td align="right"><span>小区名称</span></td>
					<td colspan="3" style="font-size: 12px">
						<select id="area" style="width:100px;">
							<option value="">全部</option>
						</select>
						<input id="communityId">
						<input id="no" style="width: 60px;">幢
						<input id="houseNumber" style="width: 80px;">室
					</td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="exchangeHouseDataGrid"  title="房源入住情况">
        	<thead>  
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'name1',align:'center',width:80">换房人甲</th>
            		<th data-options="field:'idCard1',align:'center',width:140">换房人甲身份证号</th>
            	    <th data-options="field:'houseAddress1',align:'center',width:200">房源甲</th>
            	    <th data-options="field:'name2',align:'center',width:80">换房人乙</th>
            	    <th data-options="field:'idCard2',align:'center',width:140">换房人乙身份证号</th>
            		<th data-options="field:'houseAddress2',width:200">房源乙</th>
            		<th data-options="field:'detail',width:60,align:'center',formatter:detailFormatter">换房详情</th>
            		<th data-options="field:'update',align:'center',width:60,formatter:updateFormatter">审核</th>
        		</tr>  
    		</thead>
		</table>
	</div>
</div>
<div id="exchangeHouseDetailDialog" data-options="title:'&nbsp;查看详情',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/exchangeHouseAction_toDetail'">
</div>
<div id="templetSelectDialog" data-options="title:'&nbsp;选择合同模板',iconCls:'icon-details',width:420,height:320,modal:true,href:'<%=basePath %>/exchangeHouseAction_toTempletSelect'">
</div>
<div id="updateExchangeHouseDialog" data-options="title:'&nbsp;审核',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/exchangeHouseAction_toVerify1'">
</div>
<div id="uploadExchangeContractDialog" data-options="title:'&nbsp;合同文件上传',iconCls:'icon-edit',width:800,height:420,modal:true,href:'<%=basePath %>/exchangeHouseAction_toUpload'">
</div>
<div id="setExchangeHouseDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=exchangeHouse'">
</div>
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
	$('#area').combobox({
		url: whzl.basePath + '/houseRegisterAction_listChildrenCombobox',
	    valueField:'value',
        textField:'text',
		onChange:function (newValue,oldValue) {
			$('#communityId').combobox("setValue","");
       		$('#no').combobox("setValue","");
       		$('#houseNumber').combobox("setValue","");
			$('#communityId').combobox('reload',whzl.basePath + '/communityAction_findAll?community.area='+newValue); 
		}
	});
	$('#communityId').combobox({
	    url: whzl.basePath + '/communityAction_findAll',
	    valueField:'value',
        textField:'text',
        filter:function(q,row){ 
	       	var opts=$(this).combobox("options"); 
	       	//return row[opts.textField].indexOf(q)==0;// 
	       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
       	},
       	onChange:function (newValue,oldValue) {
       		$('#no').combobox("setValue","");
       		$('#houseNumber').combobox("setValue","");
			$('#no').combobox('reload',whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityId').combobox("getValue")); 
		}
	});
	$('#no').combobox({
		//editable:false,
		url: whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityId').combobox("getValue"),
	    valueField:'value',
        textField:'text',
		filter:function(q,row){ 
	       	var opts=$(this).combobox("options"); 
	       	//return row[opts.textField].indexOf(q)==0;// 
	       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
       	},
       	onChange:function (newValue,oldValue) {
       		$('#houseNumber').combobox("setValue","");
       		$('#houseNumber').combobox('reload',whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityId').combobox("getValue") + '&house.no='+newValue); 
		}
	});
	$('#houseNumber').combobox({
		//editable:false,
		url: whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityId').combobox("getValue") + '&house.no='+$('#no').combobox("getValue"),
	    valueField:'value',
        textField:'text',
		filter:function(q,row){ 
	       	var opts=$(this).combobox("options"); 
	       	//return row[opts.textField].indexOf(q)==0;// 
	       	return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
       	}
	});
//-->
</script>