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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
	var task_load = function(id){
		//$('#tabs_infoadd').tabs('select', 1);
		$.ajax({
			type: "post",//使用get方法访问后台
			dataType: "json",//返回json格式的数据
			url: "houseRepairAction_findById",//要访问的后台地址
			data: "houseRepair.id="+id,//要发送的数据
			complete :function(){$("#load").hide();},
			success: function(msg){
				$("#name_photo").text(msg.obj.name);
				$("#idCard_photo").text(msg.obj.securityPerson.idCard);
				$("#phone_photo").text(msg.obj.phone);
				$("#communityName_photo").text(msg.obj.house.address);
				$("#problem_photo").text(msg.obj.problem);
				$("#repairPeople_photo").text(msg.obj.repairPeople);
				$("#repairPeoplePhone_photo").text(msg.obj.repairPeoplePhone);
				$("#reportTime_photo").text(dealDate(msg.obj.reportTime));  
				$("#developerDeadline_photo").text(msg.obj.house.developerDeadline);
			}
		});
/*		$("#id_materialFile").val(id);
		$("#materialFile_add").change(function(){
			$("#materialFileAddForm").form('submit',{
				url : whzl.basePath+'/houseRepairAction_addUploadFile',
				success: function(result){
					$("#materialFile_add").attr("value","");
					$.ajax({
						type: "post",
						dataType: "json",//返回json格式的数据
						url: "houseRepairAction_findById",
						data: "houseRepair.id="+id,
						success: function(msg){
							$("#materialFile_add_file").children('div').remove();
							for(var i=0;i< msg.obj.materialFile.length;i++){
							var $image = $("<div style='width: 100px;height: 40px;float:left;'><a href='" + msg.obj.materialFile[i].filePath + "' rel='lightbox[materialFile_add]'><img src='" + msg.obj.materialFile[i].filePath + "' width='100' height='40'/></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: -38px;right: 2px; cursor:pointer;'></div>");
							$("#materialFile_add_file").append ($image);
							}
						}
					});
				}
			});
		});*/
	}
</script>
<div class="easyui-tabs" id="tabs_infoadd">
	<div title="维修信息" id="info_add">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">保障人员姓名</th>
				<td width="30%">
				<span id="name_photo"></span>
				</td>
				<th width="20%">身份证号码</th>
				<td width="30%">
				<span id="idCard_photo"></span>
				</td>
			</tr>

			<tr>
				<th>联系电话</th>
				<td>
				<span id="phone_photo"></span>
				</td>
				<th>报修小区楼号</th>
				<td>
				<span id="communityName_photo"></span>
				</td>
			</tr>

			<tr>
				<th>保修期至</th>
				<td>
				<span id="developerDeadline_photo"></span>
				</td>
				<th>报修时间</th>
				<td>
				<span id="reportTime_photo"></span>
				</td>
			</tr>

			<tr>
				<th>报修人</th>
				<td>
				<span id="repairPeople_photo"></span>
				</td>
				<th>报修人联系电话</th>
				<td>
				<span id="repairPeoplePhone_photo"></span>
				</td>
			</tr>
			<tr>
				<th>问题描述</th>
				<td colspan="3">
				<span id="problem_photo"></span>
				</td>
			</tr>
		</table>
	</div>

	<div title="故障照片" id="photo_add">
		<form id="materialFileAddForm" method="post" enctype="multipart/form-data">
			<table class="mytable" style="width: 100%;" id="materialFileAdd_table">
				<tr>
					<th>上传附件</th>
					<td>
						<span id="materialFile_add_file">
							<input type="hidden" id="id_materialFile" name="houseRepair.id"  />
							<input type="button" value="上传" onclick="materialFile_add.click()">
							<input type="file" accept="image/gif, image/jpeg" multiple name="materialFile" id="materialFile_add" class="easyui-validatebox" style="float:left; width:0px" >
						</span>
					</td>
				</tr>
				
			</table>
		</form>
	</div>
</div>