<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover" />
		<title>应急演练</title>
		<!-- 在 includeHead.js 之后添加环境判断 -->
		<script src="../sdk/includeHead.js"></script>
		<script type="text/javascript" src="../sdk/axios_http3.js"></script>
	</head>
	<body>
		<div id="app" class="page_wrapper" v-cloak>
			<div class="third-layer">
				<!-- form开始 -->
				<div class="form-container">
					
					<div class="form-item">
						<span class="form-label title_require">单位名称</span>
						<div class="form-input-wrap">
							{{ formData.xxx || '养大酸奶有限公司' }}
						</div>
					</div>
					
					<div class="form-item">
						<span class="form-label title_require">联系人</span>
						<div class="form-input-wrap">
							{{ formData.xxx || '养大酸奶有限公司' }}
						</div>
					</div>
					
					<div class="form-item">
						<span class="form-label title_require">电话</span>
						<div class="form-input-wrap">
							{{ formData.xxx || '养大酸奶有限公司' }}
						</div>
					</div>
					<div class="form-item">
						<span class="form-label title_require">特种作业类别</span>
						<div class="form-input-wrap">
							<select class="selector" v-model="formData.safetyTrainingType" :disabled="flag=='XQ'">
								<option v-for="(item, i) in tabList4lv2" v-if="item.dictValue!='0'" :key="i"
									:label="item.dictLabel" :value="item.dictValue">
								</option>
							</select>
						</div>
					</div>
					<div class="form-item">
						<span class="form-label title_require">作业公司</span>
						<div class="form-input-wrap">
							<input type="text" v-model="formData.title" :disabled="flag=='XQ'" class="form-input"
								placeholder="">
						</div>
					</div>

					<div class="form-item">
						<span class="form-label title_require">作业人员姓名</span>
						<div class="form-input-wrap">
							<input type="text" v-model="formData.participantsNum" :disabled="flag=='XQ'"
								class="form-input" placeholder="">
						</div>
					</div>
					
					<!-- 详情模式 -->
					<div class="form-label form-label-div">上传作业证件（最多6张）</div>
					<div class="img-wrapper">
						<div style="position: relative;" v-for="(imgItem, index) in formData.images">
							<img :src="previewUrl + imgItem" style="width: 1.6rem; height: 1.6rem;"
								@click="showImage(formData.images, index)" />
							<div v-if="flag=='XG'" class="van-uploader__preview-delete"
								@click="handleDeleteFloorPlan(index, 'floorPlan')"><i
									class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i></div>
						</div>
						<div v-if="formData.images.length<6 && flag=='ADD' ">
							<van-uploader :before-read="beforeRead" :after-read="(file) => afterRead(file, 'floorPlan')"
								class="uploader-wrapper" :deletable="false" :preview-image="false">
								<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt=""
									srcset="">
							</van-uploader>
						</div>
					</div>
					
					<div><van-checkbox v-model="formData.check">
									我已阅读
									<span style="color:blue; font-size:.2rem;">《提醒事项》</span>
								</van-checkbox>
					<!-- form结束 -->
					<button class="save-btn" style="margin-left: 50%; transform: translateX(-50%);" v-if="!formData.id"
						@click="submitForm">提交报备</button>
				</div>
			</div>
		</div>
	</body>
</html>