v3-lab-xcx/pages_safetyExamine/views/dangerManage/dangerDetail.vue

<!-- 安全检查-安全隐患 -->
<template>
	<view class="examine">
		<scroll-view scroll-x @scrolltolower="scrollGet" class="header">
			<view class="tabTitle_tow">
				<view class="tabTitle_tow_li" @tap="tabClickTow(item,index)" :key="index"
					v-for="(item,index) in tabTextTow">
					<view :class="{on:curTabTow==index}" class="tabTitle_tow_text">{{item.name}}</view>
					<view :class="{on:curTabTow==index}" class="tabTitle_tow_across"></view>
				</view>
			</view>
		</scroll-view>
		<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
			<!-- 隐患检查 -->
			<view v-if="curTabIndex=='detail'">
				<view class="basics">
					<view class="basics_li">
						<text>学院：</text>
						<text>{{infoData.collegeName}}</text>
					</view>
					<view class="basics_li">
						<text>实验室：</text>
						<text>{{infoData.subjectName}}-{{infoData.roomNumber?infoData.roomNumber:''}}</text>
					</view>
					<view class="basics_li">
						<text>楼栋：</text>
						<text>{{infoData.buildName?infoData.buildName:'-'}}</text>
					</view>
					<view class="basics_li">
						<text>检查组织：</text>
						<text>{{infoData.checkType==1?'校园巡查':(infoData.checkType==2?'实验室自查':'')}}</text>
					</view>
					<view class="basics_li">
						<text>检查范围：</text>
						<text>{{infoData.checkRange==1?'全校':(infoData.checkRange==2?'学院':'实验室')}}</text>
					</view>
					<view class="basics_li" style="border:none;">
						<text>计划标题：</text>
						<text>{{infoData.title}}</text>
					</view>
				</view>
				<view class="basics">
					<view class="basics_li">
						<text>检查结果：</text>
						<text>{{infoData.checkResult==0?'不符合':(infoData.checkResult==1?'符合':'')}}</text>
					</view>
					<view class="basics_li">
						<text>整改期限：</text>
						<text>{{infoData.rectifyDeadline?infoData.rectifyDeadline:''}}</text>
					</view>
					<view class="basics_li">
						<text>整改通知：</text>
						<text style="color: #0183FA;"
							@click="rectifyInform">{{infoData.rectifyNotice == 1?'整改告知书':(infoData.rectifyNotice == 2?'整改通知书':'')}}</text>
					</view>
					<view class="basics_li">
						<text>检查者：</text>
						<text>{{infoData.checkUser}}</text>
					</view>
					<view class="basics_li" style="border:none;">
						<text>检查时间：</text>
						<text>{{infoData.checkTime}}</text>
					</view>
				</view>
				<!-- 综合检查 -->
				<view v-if="infoData.checkCategory==1" class="danger">
					<view class="danger_title">不符合项</view>
					<view class="grade">
						<text>隐患等级：</text>
						<text>{{infoData.checkHazardApplyDto.hazardLevel==2?'一般隐患':(infoData.checkHazardApplyDto.hazardLevel==1?'重大隐患':(infoData.checkHazardApplyDto.hazardLevel==3?'管理问题':''))}}</text>

					</view>
					<view class="project">
						<view class="project_t">检查项目：</view>
						<view class="project_b">{{infoData.checkHazardApplyDto.hazardCheckProStr}}</view>
						<view class="project_b2" v-if="infoData.checkHazardApplyDto.hazardCheckCount>0">
							此检查项在当前实验室累计出现{{infoData.checkHazardApplyDto.hazardCheckCount}}次隐患</view>
					</view>
					<view class="project">
						<view class="project_t">检查要点：</view>
						<view class="project_b">{{infoData.checkHazardApplyDto.hazardCheckPoint}}</view>
					</view>
					<view class="project">
						<view class="project_t">隐患描述：</view>
						<view class="project_b">
							{{infoData.checkHazardApplyDto.hazardDescribe?infoData.checkHazardApplyDto.hazardDescribe:''}}
						</view>
					</view>
					<view class="picture">
						<view class="picture_t">隐患照片</view>
						<view class="picture_b" @click="lockImg(infoData.checkHazardApplyDto.uploadDtoList)">
							<img :src="baseUrl+imgItem.fileUrl"
								v-for="(imgItem,index) in infoData.checkHazardApplyDto.uploadDtoList" :key="index" />
						</view>
					</view>
				</view>
				<!-- 专项检查 -->
				<view v-if="infoData.checkCategory==2">
					<view class="inconformity_tow" @click="inconformityFun2()">
						{{infoData.checkHazardApplyDto.hazardName}}<img v-if="inconformityStatus2"
							src="@/pages_safetyExamine/images/icon_bfhx_xq.png" /><img v-if="!inconformityStatus2"
							src="@/pages_safetyExamine/images/icon_bfhx_sq.png" />
					</view>
					<view class="danger_border" v-if="!inconformityStatus2">
						<view class="ident">检查项目</view>
						<view class="danger special_danger">
							<view class="grade">
								<view class="sort">1</view>
								<text>第一项隐患</text>
								<viwe :class="infoData.checkHazardApplyDto.checkFlag==0?'noConform':'isConform'">
									{{infoData.checkHazardApplyDto.checkFlag==0?'不符合':'符合'}}
								</viwe>
							</view>
							<view class="small_items">{{infoData.checkHazardApplyDto.hazardCheckProStr}}</view>
							<view class="frequency" v-if="infoData.checkHazardApplyDto.hazardCheckCount>0">
								此检查项在当前实验室累计出现{{infoData.checkHazardApplyDto.hazardCheckCount}}次隐患</view>
							<view class="grading">
								<text>隐患等级：</text>
								<text>{{infoData.checkHazardApplyDto.hazardLevel==2?'一般隐患':(infoData.checkHazardApplyDto.hazardLevel==1?'重大隐患':(infoData.checkHazardApplyDto.hazardLevel==3?'管理问题':''))}}</text>
							</view>
							<view class="project">
								<view class="project_t">隐患描述：</view>
								<view class="project_b">
									{{infoData.checkHazardApplyDto.hazardDescribe?infoData.checkHazardApplyDto.hazardDescribe:''}}
								</view>
							</view>
							<view class="picture">
								<view class="picture_t">隐患照片</view>
								<view class="picture_b" @click="lockImg(infoData.checkHazardApplyDto.uploadDtoList)">
									<img :src="baseUrl+imgItem.fileUrl"
										v-for="(imgItem,imgIndex) in infoData.checkHazardApplyDto.uploadDtoList" />
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-for="(item,index) in infoData.checkRectifyApplyList" :key="index" v-if="curTabIndex== index">
				<!-- 整改结果 -->
				<view v-if="item.applyFlag == 1" class="abarbeitung_result danger">
					<view class="grade">
						<text>整改结果：</text>
						<text
							style="color: #0183FA;">{{item.rectifyResult == 1?'已整改':(item.rectifyResult == 0?'暂无法整改':'')}}</text>
					</view>
					<view class="project">
						<view class="project_t">整改措施：</view>
						<view class="project_b">{{item.rectifyMeasure}}</view>
					</view>
					<view class="picture">
						<view class="picture_t">整改照片：</view>
						<view class="picture_b" @click="lockImg(item.uploadDtoList)">
							<img :src="baseUrl+imgItem.fileUrl" v-for="(imgItem,imgIndex) in item.uploadDtoList"
								:key="imgIndex">
						</view>
					</view>
					<view class="grade">
						<text>整改人：</text>
						<text>{{item.createName}}</text>
					</view>
					<view class="grade" style="border:none;">
						<text>整改时间：</text>
						<text>{{item.createTime}}</text>
					</view>
				</view>
				<!-- 复核结果 -->
				<view v-if="item.applyFlag == 2" class="review_result danger">
					<view class="audit">
						<text>审核结果：</text>
						<img v-if="item.examineResult == 0" src="@/pages_safetyExamine/images/icon_ywc.png" />
						<img v-if="item.examineResult == 1" src="@/pages_safetyExamine/images/icon_cg.png" />
					</view>
					<view class="project">
						<view class="project_t">审核意见：</view>
						<view class="project_b">{{item.examineOpinion}}</view>
					</view>
					<view class="grade">
						<text>审核人：</text>
						<text>{{item.reviewedName}}</text>
					</view>
					<view class="grade" style="border:none;">
						<text>审核时间：</text>
						<text>{{item.reviewedTime}}</text>
					</view>
				</view>
			</view>
			<!-- 待整改 -->
			<view v-if="rectifyStatus==2 && curTabIndex=='add'">
				<view class="await">
					<view class="result">
						<view class="result_l">整改结果</view>
						<view class="result_r">
							<view v-for="(item,index) in resultArray" :key="index" @click="tabClick(index)">
								<text :class="resultIndex==index?'checked':'result_r_l' "></text>
								<text class="result_r_r">{{item}}</text>
							</view>
						</view>
					</view>
					<view class="describe">
						<view class="describe_l">{{form.rectifyResult==1?'整改措施：':'原因描述：'}}</view>
						<textarea class="describe_r" type="text" v-model="form.rectifyMeasure" maxlength="50"
							:placeholder="form.rectifyResult==1?'请输入整改描述：':'请输入原因描述：'"
							placeholder-style="font-size:28rpx;color:#999;"></textarea>
					</view>
					<view class="check-for-img-max-box">
						<view class="left-title-p">隐患照片（最多上传5张）：</view>
						<view class="right-img-box">
							<view class="img-box" v-for="(imgUrl,imgIndex) in form.uploadDtoList" :key="imgIndex">
								<img class="img-data" :src="baseUrl+imgUrl.fileUrl">
								<img class="position-img" src="@/pages_safetyExamine/images/icon_ssp_closure.png"
									@click="delImg(imgIndex)">
							</view>
							<img class="add-button" src="@/pages_safetyExamine/images/icon_07.png"
								@click="selectImage()" v-if="form.uploadDtoList.length<5">
						</view>
					</view>
				</view>
			</view>
			<!-- 待复核 -->
			<view v-if="rectifyStatus==3 && curTabIndex=='check'" class="review">
				<view class="describe">
					<view class="describe_l">审核意见：</view>
					<textarea class="describe_r" type="text" v-model="form.examineOpinion" maxlength="50"
						placeholder="请输入审核意见" placeholder-style="font-size:28rpx;color:#999;"></textarea>
				</view>
				<view class="quick">
					<view class="quick_l">审核意见快捷输入</view>
					<view class="quick_r">
						<text @click="quickSelect(index)" :class="item.type?'quick_B':'quick_A'"
							v-for="(item,index) in quickArray" :key="index">{{item.name}}</text>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="bottom_btn" @click="submitForm('rectify')" v-if="rectifyStatus==2 && rectifyGentle">提交</view>
		<view class="bottom_btn_tow" v-if="rectifyStatus==3 && applyGentle">
			<text @click="submitForm('reject')">驳回</text>
			<text @click="submitForm('pass')">通过</text>
		</view>
	</view>

</template>

<script>
	import {
		config
	} from '@/api/request/config.js'
	import {
		getHazardById,
		checkHazardAdd
	} from '@/pages_safetyExamine/api/index.js'
	export default {
		name: "rectifyList",
		components: {

		},
		data() {
			return {
				baseUrl: config.base_url,
				id: '',
				pageType: 0,
				//列表请求参数
				getData: {
					page: 1,
					pageSize: 20,
				},
				tabTextTow: [],
				curTabTow: 0,
				curTabIndex: 'detail', //随顶部按钮点击变化索引
				resultIndex: 0,
				resultArray: ['已整改', '暂无法整改'],
				form: {
					checkHazardId: '', // 隐患id
					rectifyType: '', // 整改类型：1是院校巡查，2是自查
					rectifyResult: '1', //1是已整改，0是暂无法整改
					rectifyMeasure: '', //整改措施
					uploadDtoList: [],
					//复核---------------
					id: '',
					examineResult: '', //审核结果1是通过，0是驳回
					examineOpinion: '',
				},
				quickIndex: 0,
				quickArray: [{
					name: '复核驳回',
					type: false
				}, {
					name: '驳回再整改',
					type: false
				}, {
					name: '请补充材料',
					type: false
				}, {
					name: '请补充描述',
					type: false
				}, {
					name: '未解决',
					type: false
				}],
				infoData: {},
				item: {},
				rectifyStatus: '', //1已完成 2待整改 3待复核 4 暂无法整改
				checkType: null,
				applyGentle: false, //待复核-有没有审核权限
				rectifyGentle: false, //待整改-有没有整改权限
				inconformityStatus2: false,

			}
		},
		onLoad(option) {
			if (option.item) {
				this.item = JSON.parse(decodeURIComponent(option.item));
				this.id = this.item.id
				this.rectifyStatus = this.item.rectifyStatus;

				this.getHazardById()
			}
		},
		onShow() {

		},
		mounted() {

		},
		methods: {
			//整改结果
			tabClick(index) {
				this.resultIndex = index;
				if (index == 0) {
					this.form.rectifyResult = 1
				} else if (index == 1) {
					this.form.rectifyResult = 0
				}
			},
			//顶部tab点击
			tabClickTow(item, index) {
				this.curTabTow = index;
				this.pageType = index;
				if (item.type == 'detail' || item.type == 'add' || item.type == 'check') {
					this.curTabIndex = item.type
				} else {
					this.curTabIndex = index - 1;
				}

			},
			//专项隐患项收起展开
			inconformityFun2() {
				this.inconformityStatus2 = !this.inconformityStatus2;
			},
			//详情
			async getHazardById() {
				let self = this;
				const {
					data
				} = await getHazardById({
					id: this.id
				});
				if (data.code == 200) {
					this.infoData = data.data
					this.form.checkHazardId = data.data.checkHazardApplyDto.id;
					this.form.rectifyType = data.data.checkType;
					if (data.data.checkType == 1) {
						uni.setNavigationBarTitle({
							title: '校院巡查隐患'
						})
					} else if (data.data.checkType == 2) {
						uni.setNavigationBarTitle({
							title: '实验室自查隐患'
						})
					}

					this.applyGentle = data.data.checkHazardApplyDto.applyGentle
					this.rectifyGentle = data.data.checkHazardApplyDto.rectifyGentle

					if (data.data.checkRectifyApplyList.length > 0) {
						for (let i = 0; i < data.data.checkRectifyApplyList.length; i++) {
							this.form.id = data.data.checkRectifyApplyList[i].id;
						}
					}
					this.checkType = data.data.checkType; //检查组织 1校院巡查 2实验室自查

					if (data.data.checkRectifyApplyList[0]) {
						this.tabTextTow.push({
							'type': 'detail',
							'name': '隐患检查'
						})
						for (let i = 0; i < data.data.checkRectifyApplyList.length; i++) {
							if (i == 0) {
								this.tabTextTow.push({
									'type': 'item',
									'name': '隐患整改'
								})
							} else if (i == 1) {
								this.tabTextTow.push({
									'type': 'item',
									'name': '整改复核'
								})
							} else {
								let nameLeft = this.frequencyCalculation(i, data.data.checkRectifyApplyList[i]
									.applyFlag);
								let nameRight = data.data.checkRectifyApplyList[i].applyFlag == 1 ? '整改' : '复核';
								this.tabTextTow.push({
									'type': 'item',
									'name': nameLeft + nameRight
								})
							}
						}

						if (this.rectifyStatus == 3 && this.applyGentle) {
							this.tabTextTow.push({
								'type': 'check',
								'name': '整改复核'
							})
						} else if (this.rectifyStatus == 2 && this.rectifyGentle) {
							this.tabTextTow.push({
								'type': 'add',
								'name': '隐患整改'
							})
						}
					} else {
						if (this.rectifyStatus == 2 && this.rectifyGentle) { //有整改权限
							this.tabTextTow = [{
								'type': 'detail',
								'name': '隐患检查'
							}, {
								'type': 'add',
								'name': '隐患整改'
							}]
						} else {
							this.tabTextTow = [{
								'type': 'detail',
								'name': '隐患检查'
							}]
						}
					}

				}
			},
			//多次名称匹配
			frequencyCalculation(length, type) {
				let textList = [{
						value: '二次',
						key: '2'
					}, {
						value: '三次',
						key: '3'
					}, {
						value: '四次',
						key: '4'
					}, {
						value: '五次',
						key: '5'
					}, {
						value: '六次',
						key: '6'
					}, {
						value: '七次',
						key: '7'
					},
					{
						value: '八次',
						key: '8'
					}, {
						value: '九次',
						key: '9'
					}, {
						value: '十次',
						key: '10'
					}
				]
				let num = type === 2 ? Math.ceil(length / 2) : Math.floor(length / 2)
				if (type == 1) {
					num++
				}
				if (num > 10) {
					return '再次'
				} else {
					for (let i = 0; i < textList.length; i++) {
						if (num == textList[i].key) {
							return textList[i].value
						}
					}
				}

			},
			//滚动事件
			scrollGet() {},
			handleClick(doType) {
				let self = this;
				if (doType == 'subBtn') { //
				}
			},
			//查看图片
			lockImg(list) {
				if (!list[0]) {
					return
				}
				let urlList = [];
				for (let i = 0; i < list.length; i++) {
					urlList.push(this.baseUrl + list[i].fileUrl)
				}
				wx.previewImage({
					urls: urlList, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
					current: '', // 当前显示图片的http链接，默认是第一个
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {},
				})
			},
			//快捷选择
			quickSelect(index) {
				this.quickArray[index].type = !this.quickArray[index].type
				this.form.examineOpinion = this.quickArray[index].name
				let self = this;
				if (self.quickArray[index].type == true) {
					self.quickArray.forEach(function(item2) {
						if (item2.name == self.quickArray[index].name) {
							item2.type = true
						} else {
							item2.type = false
						}
					})
				} else {
					this.form.examineOpinion = '';
				}
			},
			// 图片上传
			selectImage(item) {
				let self = this;
				if (this.form.uploadDtoList.length > 4) {
					uni.showToast({
						title: '最多上传5张图片',
						icon: "none",
						mask: true,
						duration: 2000
					});
					return
				}
				wx.chooseImage({
					count: 1,
					sizeType: ["original", "compressed"],
					sourceType: ["album", "camera"],
					success: function(res) {
						let tempFilePaths = res.tempFilePaths[0];
						self.uploadImg(tempFilePaths);
					}
				});
			},
			async uploadImg(tempFilePaths) {
				var self = this;
				uni.showLoading({
					title: '上传中',
					mask: true
				});
				uni.uploadFile({
					url: config.base_url + '/system/file/upload', //仅为示例，非真实的接口地址
					header: {
						'Authorization': uni.getStorageSync('token')
					},
					filePath: tempFilePaths,
					name: 'file',
					formData: {
						'user': 'test'
					},
					success: (uploadFileRes) => {
						let res = JSON.parse(uploadFileRes.data);
						if (res.code == 200) {
							self.form.uploadDtoList.push({
								'fileUrl': res.data.url,
								'fileName': res.data.name
							});
						} else {
							uni.showToast({
								title: res.msg,
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					},
					fail: err => {},
					complete: () => {
						uni.hideLoading()
					}
				});
			},
			//删除图片
			delImg(minIndex) {
				this.form.uploadDtoList.splice(minIndex, 1);
				this.$forceUpdate();
			},
			//整改通知
			rectifyInform() { //rectifyNotice 整改通知(1整改告知书 2整改通知书)
				if (this.infoData.rectifyNotice == 1) { //1整改告知书
					this.genReport(this.infoData.id)
				} else if (this.infoData.rectifyNotice == 2) { //2整改通知书
					this.genNotice(this.infoData.id)
				}
			},
			//整改报告
			rectifyReport() {
				uni.showLoading({
					title: '下载中'
				});
				wx.downloadFile({
					url: config.base_url + '/zd-security/checkRectify/genReport/?id='+this.infoData.id+'&fileUrl='+uni.getStorageSync('fileBrowseEnvironment'),
					header: {
						Authorization: uni.getStorageSync('token')
					},
					success: function(res) {
						const fileManager = wx.getFileSystemManager()
						const filePath = wx.env.USER_DATA_PATH + '/(整改报告).docx'
						fileManager.saveFile({
							tempFilePath: res.tempFilePath,
							filePath,
							success: () => {
								uni.hideLoading();
								wx.openDocument({
									filePath: filePath,
									showMenu: true,
									fileType: 'docx'
								})
							},
							fail: function(res) {
								uni.hideLoading();
								uni.showToast({
									title: '下载失败',
									icon: "none",
									mask: true,
									duration: 2000
								});
							}
						})
					},
					fail: function(res) {
						uni.hideLoading();
						uni.showToast({
							title: '下载失败',
							icon: "none",
							mask: true,
							duration: 2000
						});
					}
				})
			},
			//整改通知书
			genNotice(id) {
				uni.showLoading({
					title: '下载中'
				});
				wx.downloadFile({
					url: config.base_url + '/zd-security/checkManage/getRectifyAdviceNote/?checkMangeId='+this.infoData.id+'&fileUrl='+uni.getStorageSync('fileBrowseEnvironment'),
					header: {
						Authorization: uni.getStorageSync('token')
					},
					success: function(res) {
						const fileManager = wx.getFileSystemManager()
						const filePath = wx.env.USER_DATA_PATH + '/(整改通知书).docx'
						fileManager.saveFile({
							tempFilePath: res.tempFilePath,
							filePath,
							success: () => {
								uni.hideLoading();
								wx.openDocument({
									filePath: filePath,
									showMenu: true,
									fileType: 'docx'
								})
							},
							fail: function(res) {
								uni.hideLoading();
								uni.showToast({
									title: '下载失败',
									icon: "none",
									mask: true,
									duration: 2000
								});
							}
						})
					},
					fail: function(res) {
						uni.hideLoading();
						uni.showToast({
							title: '下载失败',
							icon: "none",
							mask: true,
							duration: 2000
						});
					}
				})
			},
			//整改告知书
			genReport(id) {
				uni.showLoading({
					title: '下载中'
				});
				wx.downloadFile({
					url: config.base_url + '/zd-security/checkManage/getRectifyNotification/?checkMangeId='+this.infoData.id+'&fileUrl='+uni.getStorageSync('fileBrowseEnvironment'),
					header: {
						Authorization: uni.getStorageSync('token')
					},
					success: function(res) {
						const fileManager = wx.getFileSystemManager()
						const filePath = wx.env.USER_DATA_PATH + '/整改报告.docx'
						fileManager.saveFile({
							tempFilePath: res.tempFilePath,
							filePath,
							success: () => {
								uni.hideLoading();
								wx.openDocument({
									filePath: filePath,
									showMenu: true,
									fileType: 'docx'
								})
							},
							fail: function(res) {
								uni.hideLoading();
								uni.showToast({
									title: '下载失败',
									icon: "none",
									mask: true,
									duration: 2000
								});
							}
						})
					},
					fail: function(res) {
						uni.hideLoading();
						uni.showToast({
							title: '下载失败',
							icon: "none",
							mask: true,
							duration: 2000
						});
					}
				})
			},

			async submitForm(doType) {
				let self = this;
				let obj = {};
				if (doType == 'rectify') { //整改
					if (!this.form.rectifyMeasure) {
						if (this.form.rectifyResult == 1) {
							uni.showToast({
								title: '请输入整改措施!',
								icon: "none",
								mask: true,
								duration: 2000
							});
						} else {
							uni.showToast({
								title: '请输入原因描述!',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
						return
					}
					if (this.form.uploadDtoList.length == 0) {
						uni.showToast({
							title: '请上传照片!',
							icon: "none",
							mask: true,
							duration: 2000
						});
						return
					}

					obj.checkHazardId = this.form.checkHazardId;
					obj.rectifyType = this.form.rectifyType;
					obj.rectifyResult = this.form.rectifyResult;
					obj.rectifyMeasure = this.form.rectifyMeasure;
					obj.uploadDtoList = this.form.uploadDtoList;
				} else if (doType == 'reject') { //复核 驳回
					obj.id = this.form.id;
					obj.examineResult = 0;
					if (!this.form.examineOpinion) {
						uni.showToast({
							title: '请输入审核意见!',
							icon: "none",
							mask: true,
							duration: 2000
						});
						return
					}
					obj.examineOpinion = this.form.examineOpinion;

				} else if (doType == 'pass') { //复核 通过
					obj.id = this.form.id;
					obj.examineResult = 1;
					if (!this.form.examineOpinion) {
						uni.showToast({
							title: '请输入审核意见!',
							icon: "none",
							mask: true,
							duration: 2000
						});
						return
					}
					obj.examineOpinion = this.form.examineOpinion;
				}
				const {
					data
				} = await checkHazardAdd(obj);
				if (data.code == 200) {
					uni.redirectTo({
						url: '/pages_safetyExamine/views/dangerManage/dangerList?pageType=' + this.checkType
					});
					uni.showToast({
						title: '提交成功',
						icon: "none",
						mask: true,
						duration: 2000
					});


				}
			},

		}
	}
</script>

<style lang="stylus" scoped>
	.examine {
		height: 100%;
		display flex;
		// padding: 0 30rpx;
		// box-sizing: border-box;
		padding-bottom: 120rpx;
		box-sizing: border-box;

		.info-max-box {
			flex: 1;
			overflow: scroll;

			padding: 120rpx 0rpx 0;
			box-sizing: border-box;
		}

		/* 隐患检查 */
		.header {
			width: 750rpx;
			height: 100rpx;
			position: fixed;
			top: 0rpx;
			z-index: 100;
			background: #fff;

			.tabTitle_tow {
				height: 100rpx;
				white-space: nowrap;
				display: inline-flex;

				.tabTitle_tow_li {

					position: relative;
					width: 152rpx;
					height: 100rpx;
					text-align center;
					padding-top: 26rpx;
					box-sizing: border-box;

					.tabTitle_tow_text {
						display: inline-block;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 46rpx;
						position: relative;

						&.on {
							color: #0183FA;
						}
					}

					.tabTitle_tow_across {
						width: 50rpx;
						height: 4rpx;
						background: #0183FA;
						border-radius: 2rpx;
						margin-left: 33%;
						display none;

						&.on {
							display block;
						}
					}

				}
			}

		}

		.basics {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;

			.basics_li {
				height: 80rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1rpx solid #D8D8D8;

				>text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
					width: 140rpx;
				}

				>text:nth-of-type(2) {
					flex: 1;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
					text-align: right;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}

		.attachment {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin: 20rpx 30rpx 0;
			padding-bottom: 32rpx;
			box-sizing: border-box;

			.attachment_t {
				border-bottom: 1rpx solid #D8D8D8;

				>text:nth-of-type(1) {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 110rpx;
					margin-left: 28rpx;
				}

				>text:nth-of-type(2) {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 110rpx;
					margin-left: 24rpx;
				}
			}

			.attachment_li {
				height: 40rpx;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 32rpx;

				>img {
					width: 30rpx;
					height: 26rpx;
					margin-right: 20rpx;
					margin-left: 50rpx;
				}

				>text {
					flex: 1;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #0183FA;
					line-height: 40rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.attachment_li_del {
					width: 30rpx;
					height: 30rpx;
				}
			}
		}

		.danger {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;

			.danger_title {
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 80rpx;
				border-bottom: 1rpx solid #D8D8D8;
			}

			.grade {
				height: 80rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1rpx solid #D8D8D8;

				>text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
					width: 140rpx;
				}

				>text:nth-of-type(2) {
					flex: 1;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
					text-align: right;
				}
			}

			.project {
				.project_t {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
				}

				.project_b {
					min-height: 158rpx;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 40rpx;
					padding: 20rpx 14rpx;
					box-sizing: border-box;
					background: #F5F5F5;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
				}

				.project_b2 {
					font-size: 26rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 26rpx;
					margin-top: 14rpx;
					text-align: right;
				}
			}

			.picture {
				.picture_t {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
				}

				.picture_b {
					display: flex;
					justify-content: flex-start;
					flex-wrap: wrap;

					>img {
						width: 200rpx;
						height: 200rpx;
						border-radius: 10rpx 10rpx 10rpx 10rpx;
						margin-right: 14rpx;
						margin-bottom: 10rpx;
					}

					>img:nth-of-type(3n+3) {
						margin-right: 0rpx;
					}
				}
			}
		}

		/* 待整改 */
		.await {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;

			/* 整改结果 */
			.result {
				display: flex;
				justify-content: flex-start;
				border-bottom: 1rpx solid #D8D8D8;

				.result_l {
					width: 146rpx;
					text-align: left;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
				}

				.result_r {
					width: 486rpx;
					height: 80rpx;
					padding-left: 20rpx;
					box-sizing: border-box;
					display: flex;
					justify-content: flex-end;
					align-items: center;

					>view {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						margin-right: 24rpx;

						.result_r_l {
							display: inline-block;
							width: 30rpx;
							height: 30rpx;
							border-radius: 50%;
							border: 1rpx solid #E0E0E0;
							margin-right: 14rpx;
						}

						.result_r_r {
							font-size: 30rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							color: #333333;
							line-height: 80rpx;
						}

						.checked {
							display: inline-block;
							width: 30rpx;
							height: 30rpx;
							border-radius: 50%;
							border: 1rpx solid #0183FA;
							margin-right: 14rpx;
							position: relative;
						}

						.checked::after {
							content: '';
							position: absolute;
							top: 5rpx;
							left: 5rpx;
							width: 20rpx;
							height: 20rpx;
							border-radius: 50%;
							background: #0183FA;
						}
					}
				}
			}

			/* 原因描述 */
			.describe {
				.describe_l {
					width: 158rpx;
					text-align: left;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
				}

				.describe_r {
					width: 630rpx;
					height: 158rpx;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					opacity: 1;
					border: 1rpx solid #E0E0E0;
					padding: 20rpx 14rpx;
					box-sizing: border-box;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 34rpx;
				}
			}

			/* 上传照片 */
			.check-for-img-max-box {
				.left-title-p {
					width: 100%;
					text-align: left;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
				}

				.right-img-box {
					.img-box {
						display inline-block;
						height: 200rpx;
						width: 200rpx;
						position relative;
						margin: 0 14rpx 20rpx 0;
						border-radius 10rpx;
						overflow hidden;

						.img-data {
							height: 200rpx;
							width: 200rpx;
						}

						.position-img {
							position absolute;
							right: 0;
							top: 0;
							width: 36rpx;
							height: 36rpx;
						}
					}

					.img-box:nth-of-type(3n+3) {
						margin-right: 0rpx;
					}

					.add-button {
						margin: 0 0rpx 20rpx 0;
						border-radius 10rpx;
						overflow hidden;
						display inline-block;
						height: 200rpx;
						width: 200rpx;
					}
				}
			}
		}

		/* 待复核 */
		.review {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;

			/* 审核意见 */
			.describe {
				.describe_l {
					width: 158rpx;
					text-align: left;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666;
					line-height: 80rpx;
				}

				.describe_r {
					width: 630rpx;
					height: 158rpx;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					opacity: 1;
					border: 1rpx solid #E0E0E0;
					padding: 20rpx 14rpx;
					box-sizing: border-box;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 34rpx;
				}
			}

			/* 快捷输入 */
			.quick {
				.quick_l {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
				}

				.quick_r {

					>text {
						display: inline-block;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;

						line-height: 60rpx;
						padding: 0 24rpx;
						box-sizing: border-box;

						border-radius: 10rpx 10rpx 10rpx 10rpx;
						margin-right: 20rpx;
						margin-bottom: 30rpx;
					}

					.quick_A {
						color: #666666;
						background: #F5F5F5;
					}

					.quick_B {
						color: #0183FA;
						background: rgba(1, 131, 250, 0.2);
					}

				}
			}
		}

		/* 暂无法整改 */
		.incapable {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;
		}

		/* 整改结果 */
		.abarbeitung_result {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;
		}

		/* 审核结果 */
		.review_result {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding: 30rpx 30rpx 32rpx;
			box-sizing: border-box;
			margin: 20rpx 30rpx;

			.audit {
				height: 80rpx;
				display: flex;
				justify-content: space-between;
				border-bottom: 1rpx solid #D8D8D8;

				>text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
					width: 140rpx;
				}

				>img {
					width: 80rpx;
					height: 70rpx;
				}
			}
		}

		/* 专项检查 */
		.inconformity_tow {
			width: 690rpx;
			height: 100rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin: 20rpx 30rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 100rpx;
			text-align: center;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;
			box-sizing: border-box;

			>img {
				width: 30rpx;
				height: 26rpx;
				margin-left: 20rpx;
			}
		}

		.danger_border {
			border-radius: 20rpx;
			width: 690rpx;
			background: #FFFFFF;
			margin: 0rpx 30rpx 20rpx;
			overflow: hidden;

		}

		.special_danger {
			width: auto;
			background: #FFFFFF;
			padding: 0;
			box-sizing: border-box;
			margin: 0 30rpx;
			border-radius: 0;

			.grade {
				height: 80rpx;
				display: flex;
				justify-content: flex-start;
				border-bottom: 1rpx solid #D8D8D8;
				position: relative;
				background: #F5F5F5;
				border-radius: 20rpx 20rpx 0rpx 0rpx;

				.sort {
					width: 40rpx;
					height: 40rpx;
					background: #0183FA;
					border-radius: 20rpx 0rpx 10rpx 0rpx;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 40rpx;
					text-align: center;
					position: absolute;
					left: 0;
					top: 0;
				}

				.isConform {
					width: 100rpx;
					height: 40rpx;
					font-size: 24rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #0183FA;
					line-height: 36rpx;
					background: #C4DEF6;
					text-align: center;
					border-radius: 20rpx;
					margin-left: 12rpx;
					margin-top: 20rpx;
				}

				.noConform {
					width: 100rpx;
					height: 40rpx;
					font-size: 24rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #FF0000;
					line-height: 36rpx;
					background: #F7C4C4;
					text-align: center;
					border-radius: 20rpx;
					margin-left: 12rpx;
					margin-top: 20rpx;
				}

				>text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
					width: 140rpx;
					margin-left: 66rpx;
				}

				>text:nth-of-type(2) {
					flex: 1;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
					text-align: right;
					margin-right: 30rpx;
				}
			}

			.frequency {
				font-size: 26rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333;
				line-height: 26rpx;
				margin-top: 14rpx;
				text-align: right;
				margin-bottom: 14rpx;
			}

			.grading {
				height: 80rpx;
				display: flex;
				justify-content: space-between;

				>text:nth-of-type(1) {
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #666666;
					line-height: 80rpx;
					width: 140rpx;
				}

				>text:nth-of-type(2) {
					flex: 1;
					font-size: 28rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;
					text-align: left;
					background: #F5F5F5;
					border-radius: 10rpx 10rpx 10rpx 10rpx;
					padding-left: 20rpx;
					box-sizing: border-box;
				}
			}

		}

		.small_items {
			min-height: 158rpx;
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 40rpx;
			padding: 20rpx 14rpx;
			box-sizing: border-box;
			border-radius: 0rpx 0rpx 20rpx 20rpx;
			opacity: 1;
			border: 1rpx solid #E0E0E0;
			border-top: none;
		}

		.ident {
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #666666;
			line-height: 42rpx;
			margin: 34rpx 30rpx;
		}

		.bottom_btn {
			position: fixed;
			bottom: 26rpx;
			left: 30rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 90rpx;
			width: 690rpx;
			height: 90rpx;
			background: #0183FA;
			border-radius: 20rpx;
			text-align: center;
		}

		.bottom_btn_tow {
			display: flex;
			justify-content: center;
			position: fixed;
			bottom: 26rpx;
			left: 30rpx;
			width: 690rpx;
			height: 90rpx;

			>text {
				flex: 1;
				display: inline-block;
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 90rpx;
				text-align: center
			}

			>text:nth-of-type(1) {
				background: #FA8201;
				border-radius: 45rpx 0rpx 0rpx 45rpx;
			}

			>text:nth-of-type(2) {
				background: #0183FA;
				border-radius: 0rpx 45rpx 45rpx 0rpx;
			}
		}
	}
</style>