baozhangfang/WebRoot/WEB-INF/jsp/decorationAcceptance/add.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<form id="addDecorationAcceptanceForm" method="post" enctype="multipart/form-data">
	<div class="easyui-tabs" id="tabs_update">
		<div title="验收信息" id="ysxx_update">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th colspan="4">
						<a href="javascript:changeRenovationContract('add');" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">选择合同</a>
					</th>
				</tr>
				<tr>
					<th width="20%">合同编号</th>
					<td width="30%">
						<span id="number_add"></span>
					</td>
					<th width="20%">合同名称</th>
					<td width="30%">
						<span id="name_add"></span>
						<input type="hidden" name="decorationAcceptance.renovationContract.id" id="renovationContractId_add">
					</td>
				</tr>
				<tr>
					<th>合同时间</th>
					<td>
						<span id="contractDate_add"></span>
					</td>
					<th>合同金额</th>
					<td>
						<span id="money_add"></span>
					</td>
				</tr>
				<tr>
					<th>装修单位</th>
					<td colspan="3">
						<span id="company_add"></span>
					</td>
				</tr>
				<tr>
					<th>装修内容</th>
					<td colspan="3">
						<span id="content_add"></span>
					</td>
				</tr>
				<tr>
					<th>验收时间</th>
					<td>
						<input class="easyui-datebox" id="acceptanceDate_add" name="decorationAcceptance.acceptanceDate" required="true" >
					</td>
					<th>验收人</th>
					<td>
						<input class="easyui-validatebox" id="acceptance_add" name="decorationAcceptance.acceptance" required="true" >
					</td>
				</tr>
				<tr>
					<th>审计金额</th>
					<td>
						<input class="easyui-numberbox" id="auditMoney_add" name="decorationAcceptance.auditMoney" required="true" >
					</td>
					<th>审计人</th>
					<td>
						<input class="easyui-validatebox" id="auditUser_add" name="decorationAcceptance.auditUser" required="true" >
					</td>
				</tr>
				<tr>
					<th>审计时间</th>
					<td colspan="3">
						<input class="easyui-datebox" id="auditDate_add" name="decorationAcceptance.auditDate" required="true" >
					</td>
				</tr>
				<tr>
					<th>备注</th>
					<td colspan="3">
						<textarea rows="5" cols="" style="width: 100%" name="decorationAcceptance.remark"></textarea>
					</td>
				</tr>
			</table>
		</div>
		<div title="附件上传" id="ysxx_add">
			<table class="mytable" style="width: 100%;">
				<tr>
					<th width="20%">验收文件</th>
					<td width="80%">
						<span id="acceptanceFile_add_file">
							<input type="button" value="上传" onclick="acceptanceFile_add.click()">
							<input type="file" multiple name="acceptanceFile" id="acceptanceFile_add" class="easyui-validatebox" style="float:left;width:0px">
						</span>
					</td>
				</tr>
			</table>
		</div>
	</div>
</form>
<script type="text/javascript">
	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 () {
		$("#acceptanceFile_add").change(function(){
			var obj = document.getElementById("acceptanceFile_add");
	        if(imageFormat(obj)){
				$("#acceptanceFile_add_file").children('div').remove();
			 	for(var i=0;i<this.files.length;i++){
					var $image = $("<div style='width: 120px;height: 80px;float:left;'><a href='" + getObjectURL(this.files[i]) + "' rel='lightbox[acceptanceFile_add]'><img src='" + getObjectURL(this.files[i]) + "' width='120' height='80'/></a></div>");
					$("#acceptanceFile_add_file").append ($image);
			 	}
			 }
		});
	});
	var removeImg1=function(id){
		$("#img" + id).parent().remove();
	}
</script>