baozhangfang/WebRoot/WEB-INF/jsp/yaohao/yaohaoDetail.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript"><!--

/**小区名称*/
	var communityNameFormatter_detail = function(value , row , index){
		return row.communityName ;
	};
	
	/**居住地点*/
	var addressFormatter_detail = function(value , row , index){
		return row.address ;
	};
	
	/**房号*/
	var houseNumberFormatter_detail = function(value , row , index){
		return row.houseNumber ;
	};
	
	/**面积*/
	var areaFormatter_detail = function(value , row , index){
		return row.area ;
	};
	
	/**人员名称*/
	var nameFormatter_detail = function(value , row , index){
		if(row.securityPerson!=null){
			return row.securityPerson.name ;
		}else{
			return "";
		}
	};
	
	/**身份证号*/
	var idCardFormatter_detail = function(value , row , index){
		if(row.securityPerson!=null){
			return row.securityPerson.idCard ;
		}else{
			return "";
		}
	};
	
	/**联系电话*/
	var phoneFormatter_detail = function(value , row , index){
		if(row.securityPerson!=null){
			return row.securityPerson.phone ;
		}else{
			return "";
		}
	};
	
	/**适用户型*/
	var roomTypeFormatter_detail = function(value , row , index){
		if(row.securityPerson.securityNum >=3){
			return "二居室";
		}else{
			return "一居室";
		}
	};
	
	/**意向小区*/
	var communityNameApplyFormatter_detail = function(value , row , index){
		return row.communityName ;
	};
	
	/**小区名称*/
	var  yaohaoItem_communityNameFormatter_detail = function(value , row , index){
		if(row.house != null){
			return row.house.communityName ;
		}
	};
	
	/**居住地点*/
	var  yaohaoItem_addressFormatter_detail = function(value , row , index){
		if(row.house != null){
			return row.house.address ;
		}
	};
	
	/**房号*/
	var  yaohaoItem_houseNumberFormatter_detail = function(value , row , index){
		if(row.house != null){
			return row.house.houseNumber ;
		}
	};
	
	/**面积*/
	var yaohaoItem_areaFormatter_detail = function(value , row , index){
		if(row.house != null){
			return row.house.area ;
		}
	};
	
	/**人员名称*/
	var yaohaoItem_nameFormatter_detail = function(value , row , index){
		if(row.securityPerson != null){
			return row.securityPerson.name ;
		}
	};
	
	/**身份证号*/
	var yaohaoItem_idCardFormatter_detail = function(value , row , index){
		if(row.securityPerson != null){
			return row.securityPerson.idCard ;
		}
	};

var detail_load = function(id){

		//加载摇号信息
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "yaohaoAction_findById",//要访问的后台地址
		    data:{"yaohao.id":id },
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		var rentPlanId = msg.obj.rentPlan.id;
		    		//加载配租方案
					$.ajax({
					    type: "post",//使用post方法访问后台
					    dataType: "json",//返回json格式的数据
					    url: "rentPlanAction_findById",//要访问的后台地址
					    data:{"rentPlan.id":rentPlanId },
					    success: function(msg){//msg为返回的数据，在这里做数据绑定
					    	if(msg.success){
					    		$("#title_detail").text(msg.obj.title);
					    		$("#content_detail").text(msg.obj.content);
					    		$("#startDate_detail").text(msg.obj.startDate.substring(0,10));
					    		$("#endDate_detail").text(msg.obj.endDate.substring(0,10));
					    	}
					    }
					});
		    	}
		    }
		});

		$('#houseDataGrid_detail').datagrid({
			rownumbers:true,
			border:false,
			sortOrder:'desc',
			url:whzl.basePath + '/yaohaoAction_findHousesById?yaohao.id=' + id,
			checkOnSelect:true,
			selectOnCheck:false,
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					$.messager.alert("提示",result.message);
					return ;
				}							
			}
		});
		
		$('#rentPlanApplyDataGrid_detail').datagrid({
			rownumbers:true,
			border:false,
			sortOrder:'desc',
			url:whzl.basePath + '/yaohaoAction_findSecurityPersonByIds?yaohao.id=' + id,
			checkOnSelect:true,
			selectOnCheck:false,
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					$.messager.alert("提示",result.message);
					return ;
				}							
			}
		});
		
		
		
		$('#yaohaoItemDataGrid_detail').datagrid({
			rownumbers:true,
			border:false,
			sortOrder:'desc',
			url:whzl.basePath + '/yaohaoAction_listYaohaoItemByYaohaoId?yaohaoItem.yaohao.id=' + id,
			checkOnSelect:true,
			selectOnCheck:false,
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					$.messager.alert("提示",result.message);
					return ;
				}							
			},
			onLoadSuccess : function(){
				var rows = $("#yaohaoItemDataGrid_detail").datagrid("getRows");
				if(rows.length==0){
					$("#yaohaoItemDataGrid_detail").remove()
					var $image = $("<div style='width: 100px;height: 40px;float:left;'>暂未摇号</div>")
					$("#yhjg_detail").append($image)					
				}
			}
		});
		
	}
--></script>
<div class="easyui-tabs" id="tabs_detail">
	<div title="基本信息" id="jbxx_detail">
		<table class="mytable" style="width: 100%;">
				<tr>
					<th width="30%">配租方案标题</th>
					<td width="70%" colspan = "3">
						<span  id="title_detail" />
					</td>
				</tr>
				<tr>
					<th width="30%" >配租方案开始时间</th>
					<td width="20%" >
						<span  id="startDate_detail" />
					</td>
					<th width="30%" >配租方案结束时间</th>
					<td width="20%" >
						<span  id="endDate_detail" />
					</td>
				</tr>
				<tr>
					<th>配租方案内容</th>
					<td colspan = "3" >
						<span  id="content_detail" />
					</td>
				</tr>
			</table>
	</div>
	<div title="房源信息" id="fyxx_detail">
		<table id="houseDataGrid_detail" title="房源信息" >
        	<thead>  
        		<tr>
        			<th data-options="field:'communityName',width:150,formatter:communityNameFormatter_detail">小区名称</th>
            		<th data-options="field:'address',width:200,formatter:addressFormatter_detail">地址</th>
            		<th data-options="field:'houseNumber',width:40,formatter:houseNumberFormatter_detail">房号</th>
            		<th data-options="field:'area',width:60,formatter:areaFormatter_detail">面积</th>
        		</tr>  
    		</thead>
		</table>
	</div>
	
	<div title="人员信息" id="yxdj_detail">
			<table id="rentPlanApplyDataGrid_detail"  title="人员信息">
	        	<thead>  
	        		<tr>
	            	    <th  data-options="field:'name',align:'center',sortable:true,width:80,formatter:nameFormatter_detail">姓名</th>
	            	    <th  data-options="field:'idCard',align:'center',sortable:true,width:180,formatter:idCardFormatter_detail">身份证<br/>号码</th>
	            	    <th  data-options="field:'phone',align:'center',sortable:true,width:90,formatter:phoneFormatter_detail">联系<br/>电话</th>
	            	    <th  data-options="field:'roomType',align:'center',sortable:true,width:90,formatter:roomTypeFormatter_detail">适用户型</th><!--
	            	    <th  data-options="field:'communityName',align:'center',sortable:true,width:90,formatter:communityNameApplyFormatter_detail">意向小区</th>
	        		--></tr>  
	    		</thead>
			</table>
	
	</div>
	
	<div title="摇号结果" id="yhjg_detail">
			<table id="yaohaoItemDataGrid_detail"  title="摇号结果">
	        	<thead>  
	        		<tr>
	        			<th  data-options="field:'name',align:'center',sortable:true,width:80,formatter:yaohaoItem_nameFormatter_detail">姓名</th>
	            	    <th  data-options="field:'idCard',align:'center',sortable:true,width:180,formatter:yaohaoItem_idCardFormatter_detail">身份证<br/>号码</th>
	        			<th data-options="field:'communityName',width:100,formatter:yaohaoItem_communityNameFormatter_detail">小区名称</th>
	            		<th data-options="field:'address',width:200,formatter:yaohaoItem_addressFormatter_detail">地址</th>
	            		<th data-options="field:'houseNumber',width:40,formatter:yaohaoItem_houseNumberFormatter_detail">房号</th>
	            		<th data-options="field:'area',width:60,formatter:yaohaoItem_areaFormatter_detail">面积</th>
		        		
	        		</tr>  
	    		</thead>
			</table>
	
	</div>
	
	
</div>