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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(function(){
		//故障类别
		$.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_verify1").val(id);
		$("#id_materialPhoto").val(id);
		$.ajax({
			type: "post",
			dataType: "json",//返回json格式的数据
			url: "houseRepairAction_findById",
			data: "houseRepair.id="+id,
			success: function(msg){
				$("#name_verify1").text(msg.obj.name);
				$("#idCard_verify1").text(msg.obj.idCard);
				$("#phone_verify1").text(msg.obj.phone);
				
				$("#address_verify1").text(msg.obj.address);
				$("#problem_verify1").text(msg.obj.problem);
				$("#repairPeople_verify1").text(msg.obj.repairPeople);
				$("#repairPeoplePhone_verify1").text(msg.obj.repairPeoplePhone);
				$("#reportDate_verify1").text(dealDate(msg.obj.reportDate));  
				$("#developerDeadline_verify1").text(dealDate(msg.obj.developerDeadline));
				$("#houseRepairNo_verify1").text(msg.obj.houseRepairNo);
				
				for(var a in msg.obj.materialFile){
					$("#materialFile_verify1_span").append("<div><a target='_blank' href='../"+msg.obj.materialFile[a].filePath+"'><img src='../" + msg.obj.materialFile[a].filePath + "' width='120' height='80'/></a></div>");
					
				}
				for(var i=0;i< msg.obj.materialFile.length;i++){
					var $image = $("<div style='width: 120px;height: 80px;float:left;'><a target='_blank' href='../" + msg.obj.materialFile[i].filePath + "'><img src='../" + msg.obj.materialFile[i].filePath + "' width='120' height='80'/></a><img src='images/de.png' id='img" + msg.obj.materialFile[i].id + "' onclick='removeImg(" + msg.obj.materialFile[i].id + ")' width='15' height='15' style='float: right;position: relative;top: -77px;right: 2px; cursor:pointer;'></div>");
					$("#materialFile_verify1_file").append ($image);
				}
			    //故障类别 		
			    var repairCategory = "";
				for(var nItem = 0; nItem < repairCategoryObj.length; nItem++ ){
		    		if(repairCategoryObj[nItem].code == msg.obj.repairCategory){
		    			repairCategory = repairCategoryObj[nItem].value;
		    		}
		   		}
	           	$("#repairCategory_verify1").text(repairCategory);
	           	
			}
		});
		
		$("#materialFile_verify1").change(function(){
	        var obj = document.getElementById("materialFile_verify1");
	        if(imageFormat(obj)){
				$("#materialFileForm").form('submit',{
					url : whzl.basePath+'/houseRepairAction_addUploadFile',
					success: function(result){
						$("#materialFile_verify1").attr("value","");
						$.ajax({
							type: "post",
							dataType: "json",//返回json格式的数据
							url: "houseRepairAction_findById",
							data: "houseRepair.id="+id,
							success: function(msg){
								$("#materialFile_verify1_file").children('div').remove();
								for(var i=0;i< msg.obj.materialFile.length;i++){
									var $image = $("<div style='width: 120px;height: 80px;float:left;'><a target='_blank' href='../" + msg.obj.materialFile[i].filePath + "'><img src='../" + msg.obj.materialFile[i].filePath + "' width='120' height='80'/></a><img src='images/de.png' id='img" + msg.obj.materialFile[i].id + "' onclick='removeImg(" + msg.obj.materialFile[i].id + ")' width='15' height='15' style='float: right;position: relative;top: -77px;right: 2px; cursor:pointer;'></div>");
								$("#materialFile_verify1_file").append ($image);
								}
							}
						});
					}
				});
			}
		});
	}
	var task_submit = function(id){
		var flag = true;
		var materialFile = $("#materialFile_verify1_file").children('div').html();
		if(materialFile == undefined){
			$.messager.alert('提醒','请上传故障附件');
			flag = false;
		}
		if(flag){
			$("#verify1HouseRepairForm").form('submit',{
				url : whzl.basePath+'/houseRepairAction_verify1HouseRepair',
				success : function(result){
					var parseResult = $.parseJSON(result);
					if(parseResult.success){
						$('#houseRepairVerify1Dialog').dialog("close");
						$('#houseRepairVerify1DataGrid').datagrid('reload');
					}else{
						$.messager.alert('出错了',parseResult.message);
					}
				}			
			});
		}	
	}
	
	var getObjectURL = function (file) {
         var url = null;
         if (window.createObjectURL != undefined) {
             url = window.createObjectURL(file);
         } else if (window.URL != undefined) {
             url = window.URL.createObjectURL(file);
         } else if (window.webkitURL != undefined) {
             url = window.webkitURL.createObjectURL(file);
         }
         return url;
     }
	function imageFormat(obj){
		var files = obj.files;
		for(var i=0;i<files.length;i++){
			/**判断图片格式*/
			if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(files[i].name)){ 
				$.messager.alert('提示','图片类型必须是.gif,jpeg,jpg,png中的一种'); 
				return false;  
			}
			/**判断图片大小*/
			/*if(files[i].size>1000*1024){
				$.messager.alert('提示','单张图片不得大于10M。');
				return false;
			}*/
		}
		return true;
	}
	
</script>


<div class="easyui-tabs" id="tabs_verify1" style="height:250px;">
	<div title="报修详情" id="verify1HouseRepair">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>工单编号</th>
				<td>
				<span id="houseRepairNo_verify1"></span>
				</td>
				
				<th>报修房源地址</th>
				<td>
				<span id="address_verify1"></span>
				</td>
			</tr>

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

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

			<tr>
				<th>报修时间</th>
				<td>
				<span id="reportDate_verify1"></span>
				</td>
				
				<th>故障类别</th>
				<td >
				<span id="repairCategory_verify1"></span>
				</td>
			</tr>
			
			<tr>
				<th>故障说明</th>
				<td colspan="3">
				<span id="problem_verify1"></span>
				</td>
			</tr>
			
			<tr>
				<th>报修人</th>
				<td>
				<span id="repairPeople_verify1"></span>
				</td>
				<th>报修人联系电话</th>
				<td>
				<span id="repairPeoplePhone_verify1"></span>
				</td>
			</tr>
			
		</table>
	</div>
	
	<div title="维修图片" id="verify1Photo">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th>维修前图片</th>
			</tr>
			<tr>
				<td height=110>
					<span id="materialFile_verify1_span"></span>
				</td>
			</tr>
		</table>
	</div>
</div>
<div class="easyui-tabs" id="tabs_add">
	<div title="审核" id="verify_verify1">
		<form id="verify1HouseRepairForm" method="post">
			<table class="mytable" style="width:100%;">
				<tr>
					<th width="15%">承办人</th>
					<td width="35%">
						<span>${user.fullName}</span>
					</td>
					<th width="15%">维修单位现场查看意见</th>
					<td>
						<select id="opinion_verify1" name="opinion" class="easyui-validatebox" required="true">
							<option value="">请选择</option>
							<option value="1">符合</option>
							<option value="2">不符合</option>
							<option value="3">其他</option>
						</select>
						<input id="id_verify1" name="houseRepair.id" type="hidden">
					</td>
				</tr>
				<tr>
					<th>现场查看情况</th>
					<td colspan="3">
						<textarea rows="4" cols="" style="width: 100%" id="verify1Remark_verify1" name="houseRepair.verify1Remark"></textarea>
					</td>
				</tr>
				
			</table>
		</form>
	</div>
	<div title="照片上传" id="materialPhoto_verify1">
		<form id="materialFileForm" method="post" enctype="multipart/form-data">
			<table class="mytable" style="width: 100%;" id="materialFile_table">
				<tr>
					<th>上传图片</th>
					<td colspan="5">
						<div>
						    <input type="hidden" id="id_materialPhoto" name="houseRepair.id">
						    <input type="file" accept="image/gif, image/jpeg" multiple name="materialFile" id="materialFile_verify1" class="easyui-validatebox" style="float:left; width:0px;display: none"/>
							<input type="button" value="上传" onclick="materialFile_verify1.click()">
						</div>
					</td>
				</tr>
				<tr>
					<td colspan="6" id="materialFile_verify1_file" height=110>
					</td>
				</tr>
			</table>
		</form>
	</div>
</div>