baozhangfang/WebRoot/WEB-INF/jsp/house/houseDetail.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>

<script type="text/javascript">

	/**详细*/
	var houseLogDetailFormatter = function(value , row , index){
		if(row.href != null){
			return "<img src='" + whzl.basePath + "/images/details.png' title='查看详情' onclick=houseLogDetails('" + row.title + "','" + row.href + "','" + row.classId + "') style='cursor:pointer' />";
		}else{
			return "";
		}
	};

	var houseLogDetails = function(title,href,objId){
		$('#detailDialog').dialog({
		    title: title,
		    width: 800,
		    height: 400,
		    closed: false,
		    cache: false,
		    iconCls : 'icon-details', 
		    href: href,
		    modal: true,
		    buttons : [
				{
					text : '关闭', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#detailDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 detail_load(objId);
			}
		});
	}

	function house_detail_load(id){
		$.ajax({
            type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "houseAction_findById",//要访问的后台地址
            data: "house.id="+id,//要发送的数据
            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
            success: function(msg){//msg为返回的数据，在这里做数据绑定
            	$("#communityName_detail").text(msg.obj.communityName);
            	$("#address_detail").text(msg.obj.address);
            	$("#area_detail").text(msg.obj.area);
            	$("#buildingName_detail").text(msg.obj.buildingName);
            	$("#remark_detail").text(msg.obj.remark);
            	for(var nItem = 0; nItem < roomTypeObj.length; nItem++ ){
		    		if(roomTypeObj[nItem].code == msg.obj.roomType){
		    			$("#roomType_detail").text(roomTypeObj[nItem].value);
		    		}
		   		}
            	var type="";
            	if(msg.obj.type=="1"){
            		type="省厅任务";
            	}else if(msg.obj.type=="2"){
            		type="非省厅任务";
            	}
            	$("#type_detail").text(type)
            	$("#deliveryDate_detail").text(dealDate(msg.obj.deliveryDate));
            	$("#developerDeadline_detail").text(dealDate(msg.obj.developerDeadline));
		   		$("#garageArea_detail").text(msg.obj.garageArea);
		   		for(var nItem = 0; nItem < isExistHouseObj.length; nItem++){
		    		if(isExistHouseObj[nItem].code == msg.obj.isExistHouse){
		    			$("#isExistHouse_detail").text(isExistHouseObj[nItem].value);
		    		}
		   		}
		   		//水电气卡号
		   		$("#waterCardNum_detail").text(msg.obj.waterCardNum);
		   		$("#electricCardNum_detail").text(msg.obj.electricCardNum);
		   		$("#gasCardNum_detail").text(msg.obj.gasCardNum);
		   		
            	//创建时间
            	$("#createdOn_detail").text(msg.obj.createdOn);
            	//创建人
            	$("#createdBy_detail").text(msg.obj.createdUser.fullName);
            	//修改时间
            	$("#modifiedOn_detail").text(msg.obj.modifiedOn);
            	//修改人
            	if (typeof(msg.obj.modifiedUser) != "undefined") { 
					$("#modifiedBy_detail").text(msg.obj.modifiedUser.fullName);
				}  
				
				for(var i=0;i< msg.obj.deliveryFile.length;i++){
					var $file = $("<div style='display: inline-block;'><a style='padding-right:10px;' href=<%=basePath %>/"+msg.obj.deliveryFile[i].filePath+" download="+msg.obj.deliveryFile[i].fileName+">"+msg.obj.deliveryFile[i].fileName+"</a><div>");
            		$("#deliveryFile_detail_file").append ($file);
            	}
            	
            	for(var i=0;i< msg.obj.recordFile.length;i++){
					var $file = $("<div style='display: inline-block;'><a style='padding-right:10px;' href=<%=basePath %>/"+msg.obj.recordFile[i].filePath+" download="+msg.obj.recordFile[i].fileName+">"+msg.obj.recordFile[i].fileName+"</a><div>");
            		$("#recordFile_detail_file").append ($file);
            	}
            	
            	for(var i=0;i< msg.obj.purchaseFile.length;i++){
					var $file = $("<div style='display: inline-block;'><a style='padding-right:10px;' href=<%=basePath %>/"+msg.obj.purchaseFile[i].filePath+" download="+msg.obj.purchaseFile[i].fileName+">"+msg.obj.purchaseFile[i].fileName+"</a><div>");
            		$("#purchaseFile_detail_file").append ($file);
            	}
            }
		 });
		 
		  $('#houseLog_list').datagrid({
				rownumbers:true,
				pageSize:10,
				pageList : [ 10, 20, 30, 40, 50 ],
				fitColumns:false,
				border:false,
				sortOrder:'desc',
				pagination:true,
				url:whzl.basePath + '/houseAction_listHouseLog?houseId='+id,
				checkOnSelect:true,
				selectOnCheck:false,
				nowrap:true,
				
				loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
		});	
		$.ajax({
            type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "houseAction_workRecord",//要访问的后台地址
            data: "house.id="+id,//要发送的数据
            complete :function(){$("#load").hide();}
        })
	}

</script>
<div class="easyui-tabs" id="tabs_detail">
	<div title="房屋信息" id="jbxx_detail">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th style="width:20%;">小区名称</th>
				<td width="30%"><span id="communityName_detail"></span></td>
				<th style="width:20%;">大楼名称</th>
				<td width="30%"><span id="buildingName_detail"></span></td>
			</tr>
			<tr>
				<th>居住地点</th>
				<td><span id="address_detail"></span></td>
				<th>面积</th>
				<td><span id="area_detail"></span></td>
			</tr>
			<tr>
				<th>户型</th>
				<td><span id="roomType_detail"></span></td>
				<th>交房时间</th>
				<td><span id="deliveryDate_detail"></span></td>
			</tr>
			<tr>
                <th>是否省厅任务</th>
                <td colspan="3"><span id="type_detail"></span></td>
            </tr>
			<tr>
                <th>水卡卡号</th>
                <td><span id="waterCardNum_detail"></span></td>
                <th>电卡卡号</th>
                <td><span id="electricCardNum_detail"></span></td>
            </tr>
            <tr>
                <th>天然气卡卡号</th>
                <td><span id="gasCardNum_detail"></span></td>
            </tr>
			<tr>
				<th>开发商维修截止日期</th>
				<td><span id="developerDeadline_detail"></span></td>
			</tr>
			<tr>
				<th>车库面积</th>
				<td><span id="garageArea_detail"></span></td>
				<th>是否现房</th>
				<td><span id="isExistHouse_detail"></span></td>
			</tr>
			<tr>
				<th>备注</th>
				<td colspan="3"><span id="remark_detail"></span></td>
			</tr>
			<tr>
				<th>创建时间</th>
				<td><span id="createdOn_detail"></span></td>
				<th>创建人</th>
				<td><span id="createdBy_detail"></span></td>
			</tr>
			<tr id="modifiedOn_tr" style="display: none;">
				<th>修改时间</th>
				<td><span id="modifiedOn_detail"></span></td>
				<th>修改人</th>
				<td><span id="modifiedBy_detail"></span></td>
			</tr>
		</table>
	</div>
	<div title="合同文件上传" id="htwj_update">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th width="20%">交房通知单</th>
					<td width="80%">
						<span id="deliveryFile_detail_file">
						</span>
					</td>
				</tr>
				<tr>
					<th width="20%">交付备案证明</th>
					<td width="80%">
						<span id="recordFile_detail_file">
						</span>
					</td>
				</tr>
				<tr>
					<th width="20%">采购合同</th>
					<td width="80%">
						<span id="purchaseFile_detail_file">
						</span>
					</td>
				</tr>
			</table>
		</div>
	<div title="房屋历史记录"  id="fwls_detail">
		
		<table  id="houseLog_list" title="房屋历史记录" >
        	<thead>  
        		<tr>
        			<th data-options="field:'remark',sortable:true,width:300,align:'center'">内容</th>
            		<th data-options="field:'date',sortable:true,width:160,align:'center'">时间</th>
            		<th data-options="field:'houseLogDetail',sortable:true,width:70,align:'center',formatter:houseLogDetailFormatter">历史记录</th>
        		</tr>  
    		</thead>
		</table>
		
	</div>
</div>