baozhangfang/WebRoot/WEB-INF/jsp/rentPlanbak/rentPlanDetail.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.house.communityName ;
	};
	
	/**居住地点*/
	var addressFormatter_detail = function(value , row , index){
		return row.house.address ;
	};
	
	/**房号*/
	var houseNumberFormatter_detail = function(value , row , index){
		return row.house.houseNumber ;
	};
	
	/**户型*/
	var roomTypeHouseFormatter_detail = function(value , row , index){
		if(row.house.roomType ==2){
			return "二居室";
		}else{
			return "一居室";
		}
	};
	
	/**面积*/
	var areaFormatter_detail = function(value , row , index){
		return row.house.area ;
	};
	
	/**人员名称*/
	var nameFormatter_detail = function(value , row , index){
		return row.securityPerson.name ;
	};
	
	/**身份证号*/
	var idCardFormatter_detail = function(value , row , index){
		return row.securityPerson.idCard ;
	};
	
	/**联系电话*/
	var phoneFormatter_detail = function(value , row , index){
		return row.securityPerson.phone ;
	};
	
	/**适用户型*/
	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 detail_load = function(id){
		//加载配租方案
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "rentPlanAction_findById",//要访问的后台地址
		    data:{"rentPlan.id":id },
		    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));
		    	}
		    }
		});
		
		$('#rentPlanHouseItemDataGrid_detail').datagrid({
			rownumbers:true,
			border:false,
			sortOrder:'desc',
			url:whzl.basePath + '/rentPlanAction_listRentPlanHouseItem?rentPlanHouseItem.rentPlan.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 + '/rentPlanAction_listRentPlanApply?rentPlanApply.rentPlan.id=' + id,
			checkOnSelect:true,
			selectOnCheck:false,
			loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					$.messager.alert("提示",result.message);
					return ;
				}							
			}
		});
		
		
	}
--></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="rentPlanHouseItemDataGrid_detail" title="房源信息" >
        	<thead>  
        		<tr>
        			<th data-options="field:'communityName',width:100,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:'roomType',width:40,formatter:roomTypeHouseFormatter_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>