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

<%-- 维修单位变更方案 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
var opinionObj = null;
var opinion_array = null;
$(function(){
	    //审批意见
	    $.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"auditOpinion" ,"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("");
					$("#leaderOpinion_verify2").append(opinion_array);
		    	}
		    }
		});
	    //审批意见
		$.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>");
					}
					opinion_array = select_arr.join("");
					$("#engineerOpinion_verify1").append(opinion_array);
			    }
		 	}
		});
		
		//故障类别
		$.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 task_load = function(id){
		$("#id_change").val(id);
		$("#id_changePhoto").val(id);
		$.ajax({
			type: "post",
			dataType: "json",//返回json格式的数据
			url: "houseRepairAction_findById",
			data: "houseRepair.id="+id,
			success: function(msg){
				$("#name_change").text(msg.obj.name);
				$("#idCard_change").text(msg.obj.idCard);
				$("#phone_change").text(msg.obj.phone);
				
				$("#address_change").text(msg.obj.address);
				$("#problem_change").text(msg.obj.problem);
				$("#repairPeople_change").text(msg.obj.repairPeople);
				$("#repairPeoplePhone_change").text(msg.obj.repairPeoplePhone);
				$("#reportDate_change").text(dealDate(msg.obj.reportDate));
				$("#developerDeadline_change").text(dealDate(msg.obj.developerDeadline));
				$("#houseRepairNo_change").text(msg.obj.houseRepairNo);
				$("#estimateDay_change").text(msg.obj.estimateDay);
				$("#maintenanceProgram_change").text(msg.obj.maintenanceProgram);
				$("#budget_change").text(msg.obj.budget);
				
				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_change").append ($image);
			    }
				for(var i=0;i< msg.obj.changeFile.length;i++){
					var $image = $("<div style='width: 120px;height: 80px;float:left;'><a target='_blank' href='../" + msg.obj.changeFile[i].filePath + "'><img src='../" + msg.obj.changeFile[i].filePath + "' width='120' height='80'/></a><img src='images/de.png' id='img" + msg.obj.changeFile[i].id + "' onclick='removeImg(" + msg.obj.changeFile[i].id + ")' width='15' height='15' style='float: right;position: relative;top: -77px;right: 2px; cursor:pointer;'></div>");
					$("#changeFile_change_file").append ($image);
				}
			    if(msg.obj.verify1UserId!=null){
			    	var verify1Opinion;
			        for(var nItem = 0; nItem < opinionObj.length; nItem++ ){
						if(opinionObj[nItem].code == msg.obj.verify1Opinion){
						   verify1Opinion = opinionObj[nItem].value;
						 }
					}
			        $("#verify1User_change").text(msg.obj.verify1UserName);
			        $("#verify1_change").text(dealDate(msg.obj.verify1Date)+" 审核意见："+verify1Opinion+" 备注："+msg.obj.verify1Remark+" 维修中标单位："+msg.obj.repairCompany);
			    }
			    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;
						 }
					}
			        $("#verify2User_change").text(msg.obj.verify2UserName);
			        $("#verify2_change").text(dealDate(msg.obj.verify2Date)+" 审核意见："+verify2Opinion+" 备注："+msg.obj.verify2Remark);
			    }

			    //故障类别 		
			    var repairCategory = "";
				for(var nItem = 0; nItem < repairCategoryObj.length; nItem++ ){
		    		if(repairCategoryObj[nItem].code == msg.obj.repairCategory){
		    			repairCategory = repairCategoryObj[nItem].value;
		    		}
		   		}
	           	$("#repairCategory_verify3").text(repairCategory);
	           	
			}
		});
		
		$("#changeFile_change").change(function(){
	        var obj = document.getElementById("changeFile_change");
	        if(imageFormat(obj)){
				$("#changeFileForm").form('submit',{
					url : whzl.basePath+'/houseRepairAction_addUploadFile',
					success: function(result){
						$("#changeFile_change").attr("value","");
						$.ajax({
							type: "post",
							dataType: "json",//返回json格式的数据
							url: "houseRepairAction_findById",
							data: "houseRepair.id="+id,
							success: function(msg){
								$("#changeFile_change_file").children('div').remove();
								for(var i=0;i< msg.obj.changeFile.length;i++){
									var $image = $("<div style='width: 120px;height: 80px;float:left;'><a target='_blank' href='" + msg.obj.changeFile[i].filePath + "'><img src='../" + msg.obj.changeFile[i].filePath + "' width='120' height='80'/></a><img src='images/de.png' id='img" + msg.obj.changeFile[i].id + "' onclick='removeImg(" + msg.obj.changeFile[i].id + ")' width='15' height='15' style='float: right;position: relative;top: -77px;right: 2px; cursor:pointer;'></div>");
									$("#changeFile_change_file").append ($image);
								}
							}
						});
					}
				});
			}
		});
	}
	var task_submit = function(id){
		var flag = true;
		var changeFile = $("#changeFile_change_file").children('div').html();
		if(changeFile == undefined){
			$.messager.alert('提醒','请上传变更附件');
			flag = false;
		}
		if(flag){
			$("#changeHouseRepairForm").form('submit',{
				url : whzl.basePath+'/houseRepairAction_changeHouseRepair',
				success : function(result){
					var parseResult = $.parseJSON(result);
					if(parseResult.success){
						$("#houseRepairVerify3Dialog").dialog("close");
						$('#houseRepairVerify3DataGrid').datagrid('reload');
					}else{
						$.messager.alert('出错了',parseResult.message);
					}
				}			
			});
		}
	}
</script>


<div class="easyui-tabs" id="ta_changey3" style="height:300px;">
	<div title="报修详情" id="verify3HouseRepair">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>工单编号</th>
				<td>
				<span id="houseRepairNo_change"></span>
				</td>
				
				<th>报修房源地址</th>
				<td>
				<span id="address_change"></span>
				</td>
			</tr>

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

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

			<tr>
				<th>报修时间</th>
				<td>
				<span id="reportDate_change"></span>
				</td>
				
				<th>故障类别</th>
				<td >
				<span id="repairCategory_change"></span>
				</td>
			</tr>
			
			<tr>
				<th>故障说明</th>
				<td colspan="3">
				<span id="problem_change"></span>
				</td>
			</tr>
			
			<tr>
				<th>报修人</th>
				<td>
				<span id="repairPeople_change"></span>
				</td>
				<th>报修人联系电话</th>
				<td>
				<span id="repairPeoplePhone_change"></span>
				</td>
			</tr>
		</table>
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">维修单位审核</th>
				<td width="80%">
					<span id="verify1User_change" style="width:80px;display:inline-block;"></span>
					<span id="verify1_change"></span>
				</td>
			</tr>
			<tr>
				<th>工程科审核</th>
				<td>
					<span id="verify2User_change" style="width:80px;display:inline-block;"></span>
					<span id="verify2_change"></span>
				</td>
			</tr>
		</table>
	</div>
	<div title="维修图片" id="verify3Photo">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>维修前图片</th>
				
			</tr>
			<tr>
				<td height=110>
					<span id="materialFile_change"></span>
				</td>
			</tr>
		</table>
	</div>
	<div title="维修方案" id="maintenanceProgram">
	    <table class="mytable" style="width: 100%;">
			<tr>
				<th width="15%">维修预算（元）</th>
				<td width="35%">
					<span id="budget_change"></span>
				</td>
				<th width="15%">预计工期（天）</th>
				<td>
					<span id="estimateDay_change"></span>
				</td>
			</tr>
			<tr>
				<th>维修方案</th>
				<td colspan="5">
				<span id="maintenanceProgram_change"></span>
				</td>
			</tr>
		</table>
	</div>
</div>
<div class="easyui-tabs" id="tabs_add">
	<div title="审核" id="verify_change">
		<form id="changeHouseRepairForm" method="post">
			<table class="mytable" style="width:100%;">
				<tr>
					<th width="15%">变更预算（元）</th>
					<td width="35%">
						<input type="hidden" id="id_change" name="houseRepair.id">
						<input type="text" id="changeBudget_change" name="houseRepair.changeBudget" class="easyui-validatebox" required="true">
					</td>
					<th width="15%">变更后总预算</th>
					<td width="35%">
						<input type="text" id="budgetAll_change" name="houseRepair.budgetAll"  class="easyui-validatebox" required="true">
					</td>
				</tr>
				<tr>
					<th>变更方案</th>
					<td colspan="3">
						<textarea rows="4" cols="" style="width: 100%" id="changeProgram_change" name="houseRepair.changeProgram" class="easyui-validatebox" required="true" ></textarea>
					</td>
				</tr>
				
			</table>
		</form>
	</div>
	<div title="照片上传" id="changePhoto_change">
		<form id="changeFileForm" method="post" enctype="multipart/form-data">
			<table class="mytable" style="width: 100%;" id="changeFile_table">
				<tr>
					<th width="15%">上传图片</th>
					<td>
						<div>
						    <input type="hidden" id="id_changePhoto" name="houseRepair.id">
						    <input type="file" accept="image/gif, image/jpeg" multiple name="changeFile" id="changeFile_change" class="easyui-validatebox" style="float:left; width:0px;display: none"/>
							<input type="button" value="上传" onclick="changeFile_change.click()">
						</div>
					</td>
				</tr>
				<tr>
					<td colspan="2" id="changeFile_change_file" height=110>
					</td>
				</tr>
			</table>
		</form>
	</div>
</div>