<!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>
		<script type="text/javascript" src="../js/includeHead.js"></script>
		<style>
			html, body{
				background-color: #fff;
			}
			.content{
				
			}
			
			.pd-01rem{
				padding-bottom: 0.1rem;
			}
			/* 表单相关 */
			.formValue{
				float: right;
			}
			.formSubmitBtnWrapper{
				display: flex;
				justify-content: center;
				margin-top: 0.2rem;
				margin-bottom:0.2rem;
			}
			.formSubmitBtnWrapper .van-button{
				width: 4rem;
			}
			
			/**
			 * 框架样式覆盖修改
			 */
			.van-cell__value{overflow: unset; }
			.van-cell:after{border-bottom:none;}
			.van-radio-group--horizontal{float: right;}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="content" v-cloak>
				<van-cell-group :class="{'disable-van-cell': true}">
				<van-cell is-link @click="showPopup('showPopup4hdInspectDate')" >检查日期<span class="formValue">{{form.hdInspectDate}}</span></van-cell>
				<van-popup v-model="showPopup4hdInspectDate" position="bottom" :style="{ height: '30%' }">
					<van-datetime-picker v-model="hdInspectDateModel" type="date" title="选择年月日" @confirm="confirm4hdInspectDate" @cancel="showPopup4hdInspectDate=false" />
				</van-cell-group>
				
				<van-cell-group>
				  <van-field v-model="form.hdInspectExpert" :disabled="true" label="检查人员" placeholder="" />
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell>隐患类型：
				  <van-radio-group v-model="form.hdLevel" :disabled="true" direction="horizontal">
				    <van-radio name="1">一般隐患</van-radio>
				    <van-radio name="2">重大隐患</van-radio>
				  </van-radio-group>
				  </van-cell>
				  
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell is-link @click="showPopup('showPopup4secType')" >安全类别：<span class="formValue">{{form.curSelectSecType}}</span></van-cell>
				  <van-popup v-model="showPopup4secType" round position="bottom">
				  	<van-picker show-toolbar :columns="secType" value-key="name" @cancel="showPopup4secType = false" @confirm="onConfirm4secType" />
				  </van-popup>
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell is-link @click="showPopup('showPopup4secCheckTypeReplace')" >安全检查类别：<span class="formValue">{{form.curSelectSecCheckTypeReplace}}</span></van-cell>
				  <van-popup v-model="showPopup4secCheckTypeReplace" round position="bottom">
				  	<van-picker show-toolbar :columns="secCheckTypeReplace"  value-key="name" @cancel="showPopup4secCheckTypeReplace = false" @confirm="onConfirm4secCheckTypeReplace" />
				  </van-popup>
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell is-link @click="showPopup('showPopup4secCheckContent')" >安全检查内容：<span class="formValue">{{form.curSelectCheckContent}}</span></van-cell>
				  <van-popup v-model="showPopup4secCheckContent" round position="bottom">
				  	<van-picker show-toolbar :columns="secCheckContent"  value-key="name" @cancel="showPopup4secCheckContent = false" @confirm="onConfirm4secCheckContent" />
				  </van-popup>
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell is-link @click="showPopup('showPopup4secCheckDiscover')" >发现问题：<span class="formValue">{{form.hdName}}</span></van-cell>
				  <van-popup v-model="showPopup4secCheckDiscover" round position="bottom">
				  	<van-picker show-toolbar :columns="secCheckDiscover"  value-key="name" @cancel="showPopup4secCheckDiscover = false" @confirm="onConfirm4secCheckDiscover" />
				  </van-popup>
				</van-cell-group>
				<van-cell-group>
				  <van-field v-model="form.comment" :disabled="true" label="隐患描述" placeholder="" />
				</van-cell-group>
				<van-cell-group>
				  <van-field v-model="form.basis" :disabled="true" label="检查依据" placeholder="" />
				</van-cell-group>
				<van-cell-group>
				  <van-field v-model="form.suggestion" :disabled="true" label="整改建议" placeholder="" />
				</van-cell-group>
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell is-link @click="showPopup('showPopup4hdRectificationDate')">整改期限<span class="formValue">{{form.hdRectificationDate}}</span></van-cell>
				  <van-popup v-model="showPopup4hdRectificationDate" position="bottom" :style="{ height: '30%' }">
				  	<van-datetime-picker v-model="hdRectificationDateModel" type="date" title="选择年月日" @confirm="confirm4hdRectificationDate" @cancel="showPopup4hdRectificationDate=false" />
				  		
				  </van-popup>
				</van-cell-group>
				
				<van-cell-group :class="{'disable-van-cell': true}">
				  <van-cell>隐患照片：
				  <div style="width: 2.5rem;">
					<van-image
					  width="100"
					  height="100"
					   :src="'data:image/jpg;base64,' + form.hdPic"
					/>
				 
				  </div></van-cell>
				</van-cell-group>
				
				<van-cell-group :class="{'disable-van-cell': !editAble}">
				  <van-cell>整改照片：
				  <div style="width: 2.5rem;">
				  	<van-uploader v-model="fileList" :max-count="1" :deletable="editAble" :preview-full-image="false">
				  	</van-uploader>
				  </div></van-cell>
				</van-cell-group>
				<div v-if="form.hdStatus===1||form.hdStatus===3">
					<van-cell-group>
					  <van-field v-model="form.hdInspectDate" :disabled="true" label="审核日期" placeholder="" />
					</van-cell-group>
					<van-cell-group>
					  <van-field v-model="form.hdAcceptancePerson" :disabled="true" label="审核人员" placeholder="" />
					</van-cell-group>
					<van-cell-group>
					  <van-field v-model="form.hdRectificationRecord" :disabled="true" type="textarea" label="审核记录"  autosize placeholder="" />
					</van-cell-group>
				</div>
				
				
				<div class="formSubmitBtnWrapper" v-if="editAble"><van-button type="info" size="small" @click="submit">提交</van-button></div>
				
			</div>
		</div>
	</body>
</html>