baozhangfang/WebRoot/WEB-INF/jsp/rentPlanbak/searchInfo/yaohaoItemList_search.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() {
		//人员类别
		$.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",
		    dataType: "json",
		    url: "columnSetAction_listColumn?tname=yaohaoItemSearch",
		    complete :function(){$("#load").hide();},
		    success: function(msg){
		    	if(msg.success){
		    		setId();
		    		var data = msg.obj;
		    		for(var i = 0;i<data.length;i++){
		    			if("1"==data[i].type){
		    				if(typeof(data[i].formatter)!="undefined"){
		    					data[i].formatter=eval(data[i].formatter);
		    				}
		    				user_columns.push(data[i]);
		    			}else{
		    				user_frozenColumns.push(data[i]);
		    			}
		    		}
		    		columns.push(user_columns);
		    		frozenColumns.push(user_frozenColumns);
		    		
		    		$('#yaohaoItemDataGrid').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 + '/yaohaoAction_yaohaoList',
						toolbar:'#searchtool',
						checkOnSelect:true,
						selectOnCheck:false,
						nowrap:true,
						showFooter: true,
		    			columns:columns,
		    			frozenColumns:frozenColumns,
		    			loadFilter:function(result){
		    				if(result.success){
		    					return result.obj;
		    				}else{
		    					$.messager.alert("提示",result.message);
		    					return ;
		    				}							
		    			}
		    		});
		    		toolBar("yaohaoItemDataGrid","setYaohaoItemSearchDialog","yaohaoItemSearch");
		    	}
		    }
		});
		
		/*$('#yaohaoItemDataGrid').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 + '/yaohaoAction_yaohaoList',
				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(){
		$("#yaohaoItemDataGrid").datagrid("load", {
			"yaohaoItem.securityPerson.name":$("#tblQuery").find("input[id='securityPersonName']").val(),
			"yaohaoItem.securityPerson.idCard":$("#tblQuery").find("input[id='securityPersonIdCard']").val(),
			"house.community.id":trim($('#communityId').combobox("getValue")),
			"house.no":trim($('#no').combobox("getValue")),
			"house.houseNumber":trim($('#houseNumber').combobox("getValue")),
			"yaohaoItem.securityPerson.personType":$('#personType').val()
        });
        $('#yaohaoItemDataGrid').datagrid({
			columns:columns,
			frozenColumns:frozenColumns
			//url:whzl.basePath + '/yaohaoAction_yaohaoList?'+params,pageNumber:1
		});
        toolBar("yaohaoItemDataGrid","setYaohaoItemSearchDialog","yaohaoItemSearch");
	}
	
	/*清除查询条件**/
    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 yaohaoItem_leaseContractDetailFormatter = function(value , row , index){
		if(row.startDate != ""){
			return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=leaseContractDetailList('" + row.idCard + "') style='cursor:pointer' />";
		}else{
			return "暂未签订";
		}
	};
	
	/**详细页面对话框*/
	var leaseContractDetailList = function(idCard){
		$("#detailLeaseContractListDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailLeaseContractListDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					leaseContract_detail_load(idCard);
				}
			}
		);
	};
	
	/**房租收取列表详细*/
	var yaohaoItem_rentDetailFormatter = function(value , row , index){
		if(row.rendEndDate != ""){
			return "<img src='<%=basePath%>/images/details.png' title='查看详情' onclick=rentDetailList('" + row.idCard + "') style='cursor:pointer' />";
		}else{
			return "暂无记录";
		}
	};
	
	/**房租收取详细页面对话框*/
	var rentDetailList = function(idCard){
		$("#detailRentListDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailRentListDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					rent_detail_load(idCard);
				}
			}
		);
	};
	
	
	/**小区名称*/
	var communityNameFormatter = function(value , row , index){
		return row.communityName ;
	};
	
	/**居住地点*/
	var addressFormatter = function(value , row , index){
		return row.address ;
	};
	
	/**房号*/
	var houseNumberFormatter = function(value , row , index){
		return row.houseNumber ;
	};
	
	/**面积*/
	var areaFormatter = function(value , row , index){
		return row.area ;
	};
	
	/**人员名称*/
	var nameFormatter = function(value , row , index){
		return row.securityPerson.name ;
	};
	
	/**身份证号*/
	var idCardFormatter = function(value , row , index){
		return row.securityPerson.idCard ;
	};
	
	/**联系电话*/
	var phoneFormatter = function(value , row , index){
		return row.securityPerson.phone ;
	};
	
	/**适用户型*/
	var roomTypeFormatter = function(value , row , index){
		if(row.securityPerson.securityNum >=3){
			return "二居室";
		}else{
			return "一居室";
		}
	};
	
	/**意向小区*/
	var communityNameApplyFormatter = function(value , row , index){
		return row.communityName ;
	};
	
	/**小区名称*/
	var  yaohaoItem_communityNameFormatter = function(value , row , index){
		if(row.house != null){
			return row.house.communityName ;
		}
	};
	
	/**居住地点*/
	var  yaohaoItem_addressFormatter = function(value , row , index){
		if(row.house != null){
			return row.house.address ;
		}
	};
	
	/**房号*/
	var  yaohaoItem_houseNumberFormatter = function(value , row , index){
		if(row.house != null){
			return row.house.houseNumber ;
		}
	};
	
	/**面积*/
	var yaohaoItem_areaFormatter = function(value , row , index){
		if(row.house != null){
			return row.house.area ;
		}
	};
	
	/**人员名称*/
	var yaohaoItem_nameFormatter = function(value , row , index){
		if(row.securityPerson != null){
			return row.securityPerson.name ;
		}
	};
	
	/**身份证号*/
	var yaohaoItem_idCardFormatter = function(value , row , index){
		if(row.securityPerson != null){
			return row.securityPerson.idCard ;
		}
	};

	/**人员类别格式化*/
	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;	
	};
--></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="securityPersonName" name="yaohaoItem.securityPerson.name" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 70px;"><span>身份证号码</span></td><td style="width: 120px;"><input id="securityPersonIdCard" name="yaohaoItem.securityPerson.idCard" type="text" style="width: 140px;"/></td>
					<td align="right" style="width: 70px;"><span>人员类别</span></td>
					<td style="width: 120px;">
						<select id="personType" name="securityPerson.personType" style="width:100px" onchange="searchFun();" >
							<option value="">全部</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right"><span>小区名称</span></td>
					<td colspan="4">
						<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>
					<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="yaohaoItemDataGrid"  title="摇号结果">
        	<!--<thead>  
        		<tr>
        			<th  data-options="field:'name',align:'center',width:80">姓名</th>
            	    <th  data-options="field:'idCard',align:'center',width:140">身份证号码</th>
            	    <th  data-options="field:'personType',align:'center',width:80,formatter:personTypeFormatter">人员类别</th>
        			<th data-options="field:'communityName',width:100">小区名称</th>
            		<th data-options="field:'address',width:200">小区地点</th>
            		<th data-options="field:'haddress',width:200">居住地址</th>
            		<th data-options="field:'moneyActual',width:100">月租金</th>
            		<th data-options="field:'startDate',width:100,formatter:dateFormatter">合同开始时间</th>
            		<th data-options="field:'endDate',width:100,formatter:dateFormatter">合同结束时间</th>
            		<th data-options="field:'rendEndDate',width:100,formatter:dateFormatter">租金截止时间</th>
            		<th data-options="field:'leaseContractDetail',align:'center',width:100,formatter:yaohaoItem_leaseContractDetailFormatter">公租房合同</th>
            		<th data-options="field:'rentDetail',align:'center',width:80,formatter:yaohaoItem_rentDetailFormatter">租金收取</th>
	        		
        		</tr>  
    		</thead>-->
		</table>
	</div>
</div>
<div id="detailLeaseContractListDialog" data-options="title:'&nbsp;合同列表',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/yaohaoAction_toLeaseContractList'">
</div>

<div id="detailRentListDialog" data-options="title:'&nbsp;房租收取列表',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/yaohaoAction_toRentList'">
</div>
<div id="setYaohaoItemSearchDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=yaohaoItemSearch'">
</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>