baozhangfang/WebRoot/WEB-INF/jsp/houseRepair/houseRepairDetails.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
	var opinionObj = null;
	var opinion_array = null;
	
	var engineerOpinionObj = null;
	var engineerOpinion_array = null;
	
	//故障类别
	var repairCategoryObj = null;
	var repairCategory_array = null;
	$(function(){
		//审核意见
		$.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: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"engineerOpinion" ,"aa10.name":"工程科意见" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		engineerOpinionObj = msg.obj.rows;
		    		var select_arr = [];
					var data = engineerOpinionObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					engineerOpinion_array = select_arr.join("");
		    	}
		    }
		});
		
		//故障类别
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"repairCategory" ,"aa10.name":"故障类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		repairCategoryObj = msg.obj.rows;
		    		var select_arr = [];
					var data = repairCategoryObj;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					repairCategory_array = select_arr.join("");
		    	}
		    }
		});
		
	});

	var detail_load = function(id){
		$.ajax({
			type: "post",//使用get方法访问后台
			dataType: "json",//返回json格式的数据
			url: "houseRepairAction_findById",//要访问的后台地址
			data: "houseRepair.id="+id,//要发送的数据
			complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			success: function(msg){//msg为返回的数据，在这里做数据绑定
				$("#name_details").text(msg.obj.name);
				$("#idCard_details").text(msg.obj.idCard);
				$("#phone_details").text(msg.obj.phone);
				$("#houseRepairNo_detail").text(msg.obj.houseRepairNo);
				$("#address_detail").text(msg.obj.address);
				$("#problem_detail").text(msg.obj.problem);
				$("#repairPeople_detail").text(msg.obj.repairPeople);
				$("#repairPeoplePhone_detail").text(msg.obj.repairPeoplePhone);
				$("#developerDeadline_detail").text(dealDate(msg.obj.developerDeadline));
				$("#reportDate_detail").text(dealDate(msg.obj.reportDate));
				$("#estimateDay_detail").text(msg.obj.estimateDay);
				$("#maintenanceProgram_detail").text(msg.obj.maintenanceProgram);
				$("#budget_detail").text(msg.obj.budget);
				$("#confirmTime_detail").text(dealDate(msg.obj.confirmTime));
				$("#confirmation_detail").text(msg.obj.confirmation);
				$("#repairPrice_detail").text(msg.obj.repairPrice);
				$("#repairStartDate_detail").text(dealDate(msg.obj.repairStartDate));
				$("#repairEndDate_detail").text(dealDate(msg.obj.repairEndDate));
			    if(msg.obj.confirmationOpinion!=null){
			    	var confirmationOpinion;
			        for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
						if(opinionObj[nItem].code == msg.obj.confirmationOpinion){
						   confirmationOpinion = opinionObj[nItem].value;
						 }
					}
			        $("#confirmationOpinion_detail").text(confirmationOpinion);
			    }
			    if(msg.obj.verify1UserId!=null){
			    	var verify1Opinion;
			    	if(msg.obj.verify1Opinion=="3"){
			    		verify1Opinion="其他"
			    	}else{
				        for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
							if(opinionObj[nItem].code == msg.obj.verify1Opinion){
							   verify1Opinion = opinionObj[nItem].value;
							 }
						}
			    	}
			        var verify1Remark = msg.obj.verify1Remark == undefined?"":msg.obj.verify1Remark;
			        $("#verify1User_detail").text(msg.obj.verify1UserName);
			        $("#verify1_detail").text(dealDate(msg.obj.verify1Date)+" 审核意见："+verify1Opinion+" 备注："+verify1Remark);
			    }
			    if(msg.obj.verify2UserId!=null){
			    	var verify2Opinion;
			        for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
						if(opinionObj[nItem].code == msg.obj.verify2Opinion){
						   verify2Opinion = opinionObj[nItem].value;
						 }
					}
			        var verify2Remark = msg.obj.verify2Remark == undefined?"":msg.obj.verify2Remark;
			        $("#verify2User_detail").text(msg.obj.verify2UserName);
			        $("#verify2_detail").text(dealDate(msg.obj.verify2Date)+" 审核意见："+verify2Opinion+" 备注："+verify2Remark);
			    }
			    
			    if(msg.obj.verify3UserId!=null){
			        $("#verify3User_detail").text(msg.obj.verify3UserName);
			        $("#verify3_detail").text(dealDate(msg.obj.verify3Date));
			    }
			    if(msg.obj.verify4UserId!=null){
			    	var verify4Opinion;
			        for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
						if(opinionObj[nItem].code == msg.obj.verify4Opinion){
						   verify4Opinion = opinionObj[nItem].value;
						 }
					}
			        var verify4Remark = msg.obj.verify4Remark==undefined?"":msg.obj.verify4Remark;
			        $("#verify4User_detail").text(msg.obj.verify4UserName);
			        $("#verify4_detail").text(dealDate(msg.obj.verify4Date)+" 审核意见："+verify4Opinion+" 备注："+verify4Remark);
			    }
			    if(msg.obj.verify5UserId!=null){
			        $("#verify5User_detail").text(msg.obj.verify5UserName);
			        $("#verify5_detail").text(dealDate(msg.obj.verify5Date));
			    }
			    if(msg.obj.verify6UserId!=null){
			    	var verify6Remark = msg.obj.verify6Remark == undefined?"":msg.obj.verify6Remark;
			        $("#verify6User_detail").text(msg.obj.verify6UserName);
			        $("#verify6_detail").text(dealDate(msg.obj.verify6Date)+" 备注："+msg.obj.verify6Remark);
			    }
			    if(msg.obj.verify7UserId!=null){
			        $("#verify7User_detail").text(msg.obj.verify7UserName);
			        $("#verify7_detail").text(dealDate(msg.obj.verify7Date)+" 结算价(元)："+msg.obj.repairPrice);
			    }
			    //维修前照片	
				for(var i=0;i< msg.obj.materialFile.length;i++){
					var $image = $("<a target='_blank' href='../" + msg.obj.materialFile[i].filePath + "'><img src='../" + msg.obj.materialFile[i].filePath + "' width='120' height='80'/></a>");
					$("#materialFile_detail").append ($image);
			    } 
			    //维修后照片
			    for(var i=0;i< msg.obj.confirmFile.length;i++){
					var $image = $("<a target='_blank' href='../" + msg.obj.confirmFile[i].filePath + "'><img src='../" + msg.obj.confirmFile[i].filePath + "' width='120' height='80'/></a>");
					$("#confirmFile_detail").append ($image);
			    } 
			    //故障类别 		
			    var repairCategory = "";
				for(var nItem = 0; nItem < repairCategoryObj.length; nItem++ ){
		    		if(repairCategoryObj[nItem].code == msg.obj.repairCategory){
		    			repairCategory = repairCategoryObj[nItem].value;
		    		}
		   		}
	           	$("#repairCategory_detail").text(repairCategory);
			}
		});
	}
					
</script>
<div class="easyui-tabs" id="tabs_detail">
	<div title="报修详情" id="detailHouseRepair">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>工单编号</th>
				<td>
				<span id="houseRepairNo_detail"></span>
				</td>
				
				<th>报修房源地址</th>
				<td>
				<span id="address_detail"></span>
				</td>
			</tr>

			<tr>
				<th width="20%">身份证号码</th>
				<td width="30%">
				<span id="idCard_details"></span>
				</td>
				
				<th width="20%">保障人员姓名</th>
				<td width="30%">
				<span id="name_details"></span>
				</td>
			</tr>

			<tr>
				<th>联系电话</th>
				<td>
				<span id="phone_details"></span>
				</td>
				
				<th>保修期至</th>
				<td>
				<span id="developerDeadline_detail"></span>
				</td>
				
			</tr>

			<tr>
				<th>报修时间</th>
				<td>
				<span id="reportDate_detail"></span>
				</td>
				<th>故障类别</th>
				<td >
				<span id="repairCategory_detail"></span>
				</td>
				
			</tr>
			
			<tr>
				<th>故障说明</th>
				<td colspan="3">
				<span id="problem_detail"></span>
				</td>
			</tr>
			
			<tr>
				<th>报修人</th>
				<td>
				<span id="repairPeople_detail"></span>
				</td>
				<th>报修人联系电话</th>
				<td>
				<span id="repairPeoplePhone_detail"></span>
				</td>
			</tr>
		</table>
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">维修单位勘察结果</th>
				<td width="80%">
					<span id="verify1User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify1_detail"></span>
				</td>
			</tr>
			<tr>
				<th>工程科审核</th>
				<td>
					<span id="verify2User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify2_detail"></span>
				</td>
			</tr>
			<tr>
				<th>维修单位维修方案</th>
				<td>
					<span id="verify3User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify3_detail"></span>
				</td>
			</tr>
			<tr>
				<th>审计部门</th>
				<td>
					<span id="verify4User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify4_detail"></span>
				</td>
			</tr>
			<tr>
				<th>维修单位确认</th>
				<td>
					<span id="verify5User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify5_detail"></span>
				</td>
			</tr>
			<tr>
				<th>回访记录</th>
				<td>
					<span id="verify6User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify6_detail"></span>
				</td>
			</tr>
			<tr>
				<th>存档</th>
				<td>
					<span id="verify7User_detail" style="width:80px;display:inline-block;"></span>
					<span id="verify7_detail"></span>
				</td>
			</tr>
		</table>
	</div>
	<div title="维修方案" id="detailMaintenanceProgram">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="15%">维修预算（元）</th>
				<td width="35%">
					<span id="budget_detail"></span>
				</td>
				<th width="15%">预计工期</th>
				<td>
					<span id="estimateDay_detail"></span>
				</td>
			</tr>
			<tr>
				<th>维修方案</th>
				<td colspan="3">
					<span id="maintenanceProgram_detail"></span>
				</td>
			</tr>
		</table>
	</div>
	<div title="维修图片" id="detailPhoto">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>维修前图片</th>
				
			</tr>
			<tr>
				<td height=110>
					<span id="materialFile_detail"></span>
				</td>
			</tr>
			
			<tr id="repairEndPhoto_th">
				<th>维修后图片</th>
			</tr>
			<tr id="repairEndPhoto_td">
				<td height=110>
					<span id="confirmFile_detail"></span>
				</td>
			</tr>
		</table>
	</div>
	<div title="维修结果" id="confirmResult">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width = "15%">维修开始时间</th>
				<td width = "20%">
					<span id="repairStartDate_detail"></span>
				</td>
				<th width = "15%">维修结束时间</th>
				<td width = "20%">
					<span id="repairEndDate_detail"></span>
				</td>
				
			</tr>
		</table>
	</div>
</div>