v3-lab-xcx/pages_safetyExamine/views/patrolPlan/patrolPlanEdit.vue

<!-- 安全检查-发起巡查计划 -->
<template>
	<view class="examine">
		<view class="tabTitle">
			<view class="tabTitle_li" @tap="tabClick(index)" :key="index" v-for="(item,index) in tabText">
				<view :class="{on:curTab==index}" class="tabTitle_text">{{item}}</view>
				<view :class="{on:curTab==index}" class="tabTitle_across"></view>
			</view>
		</view>
		<view class="header" v-if="pageType==1">
			<view class="line"></view>
			<view class="tabTitle_tow">
				<view class="tabTitle_tow_li" @tap="tabClickTow(index)" :key="index" v-for="(item,index) in tabTextTow">
					<view :class="{on:curTabTow==index}" class="tabTitle_tow_text">{{item}}</view>
					<view :class="{on:curTabTow==index}" class="tabTitle_tow_across"></view>
				</view>
			</view>
			<view class="lab_title">
				<picker @change="collegeChange" :value="collegeIndex" :range="collegeArray" class="lab_title_l">
					<view class="lab_title_l_n">
						<view>{{getData.deptName?getData.deptName:'选择学院'}}</view>
						<img src="@/pages_safetyExamine/images/icon_06.png">
					</view>
				</picker>
				<view class="lab_title_r">
					<input type="text" v-model="getData.searchValue" placeholder="请输入实验室名称" name="search"
						@confirm='searchBtn' confirm-type='search' maxlength="50"
						placeholder-style="color: #CCCCCC;font-size:26rpx;">
					<view v-if="getData.searchValue>0" class="lab_title_r_btn" @click="clearBtn">
						<img src="@/pages_safetyExamine/images/clear.png" />
					</view>
				</view>
			</view>
		</view>

		<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
			<view v-if="pageType==0" style="padding: 0 30rpx;box-sizing: border-box;">
				<view class="delay_inspect">
					<view class="delay_inspect_l" v-if="form.checkStatus==1">待检查实验室:<text>{{form.subjectNum}}间</text>
					</view>
					<view class="delay_inspect_r" v-if="form.checkStatus==1">未开始</view>
					<view class="delay_inspect_l" v-if="form.checkStatus==2 || form.checkStatus==3">
						检查进度:<text>{{form.checkSchedule}}</text></view>
					<view class="delay_inspect_r_tow" v-if="form.checkStatus==2">进行中</view>
					<view class="delay_inspect_r_tow" v-if="form.checkStatus==3">已结束</view>
				</view>
				<view class="basics">
					<view class="title">
						<view class="title_t">计划标题</view>
						<textarea class="title_b" type="text" v-model="form.title" maxlength="200"
							placeholder="请输入检查计划标题" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
					</view>
					<view class="type">
						<view class="type_l">检查组织</view>
						<input class="type_r" type="text" v-model="form.checkTypeName" placeholder="" disabled
							maxlength="20">
					</view>
					<view class="period">
						<view class="period_l">计划周期</view>
						<view class="period_r">
							<picker mode="date" @change="startChange(form,$event)">
								<input class="picker-text" disabled type="text" v-model="form.cycleStartTime"
									placeholder="开始时间">
							</picker>
							<view>至</view>
							<picker mode="date" @change="endChange(form,$event)">
								<input class="picker-text2" disabled type="text" v-model="form.cycleEndTime"
									placeholder="结束时间">
							</picker>
						</view>
					</view>
					<view class="tiem_quick">
						<view @click="tiemQuick(index)" :class="item.type?'tiem_quick_a':'tiem_quick_b'"
							v-for="(item,index) in tiemQuickList" :key="index">{{item.name}}</view>
					</view>
					<view class="scope">
						<view class="scope_l">检查类型</view>
						<picker @change="categoryChange" :value="categoryIndex" :range="categoryArray" class="scope_r">
							<view class="scope_r_n">
								<view>{{form.checkCategory==1?'综合检查':(form.checkCategory==2?'专项检查':'请选择检查类型')}}</view>
								<img src="@/pages_safetyExamine/images/icon_06.png">
							</view>
						</picker>
					</view>
					<view class="content" v-if="form.checkCategory==2">
						<view class="content_l">检查内容</view>
						<view class="content_r">
							<view class="content_r_l" @click="clickContent()">选择检查内容</view>
							<view class="content_r_r">已选择<text>{{form.hazardNum}}</text>种</view>
						</view>
					</view>
					<view class="scope">
						<view class="scope_l">检查范围</view>
						<picker @change="scopeChange" :value="scopeIndex" :range="scopeArray" class="scope_r">
							<view class="scope_r_n">
								<view>{{scopeArray[scopeIndex]}}</view>
								<img src="@/pages_safetyExamine/images/icon_06.png">
							</view>
						</picker>
					</view>
					<view class="scope_btn" v-if="scopeIndex==1 || scopeIndex==2" @click="collegeOrLab()">
						{{scopeIndex==1?'选择学院':'选择实验室'}}</view>
					<view class="scope_text" v-if="scopeIndex==0 || scopeIndex==1">
						已选择<text>{{form.collegeNum}}</text>个学院，共<text>{{form.subjectNum}}</text>间实验室</view>
					<view class="scope_text" v-if="scopeIndex==2">已选择<text>{{form.subjectNum}}</text>间实验室</view>
					<view class="title">
						<view class="title_t">检查要求</view>
						<textarea class="title_b" type="text" v-model="form.checkDemand" maxlength="100"
							placeholder="请输入检查要求" placeholder-style="color:#999999;font-size:30rpx;"></textarea>
					</view>
				</view>
				<view class="attachment" v-if="form.uploadDtoList.length>0">
					<view class="attachment_t">
						<text>材料附件</text>
						<text>点击文件标题查看</text>
					</view>
					<view class="attachment_li" v-for="(item,index) in form.uploadDtoList" :key="index">
						<img src="@/pages_safetyExamine/images/icon_djc_wj.png" />
						<text @click="attachmentPreview(item)">{{item.fileName}}</text>
						<img @click="attachmentDle(item)" class="attachment_li_del"
							src="@/pages_safetyExamine/images/icon_fjgk_sc.png" />
					</view>
				</view>
				<view class="patrol_group" v-if="form.checkType==1">
					<view class="patrol">
						<view class="patrol_l">巡查组</view>
						<view class="patrol_r_n" @click="patrolChange">
							<view>{{form.checkGroupName?form.checkGroupName:'请选择巡查组'}}</view>
							<img src="@/pages_safetyExamine/images/icon_06.png">
						</view>
					</view>
					<view class="list">
						<view class="list_title"><img src="@/pages_safetyExamine/images/icon_jcjh_cy.png">成员</view>
						<view class="list_header"><text>工号</text><text>姓名</text></view>
						<view class="list_li" v-for="(item,index) in form.checkMemberDtoList" :key="index">
							<text>{{item.jobNum}}</text><text>{{item.name}}</text></view>
						<view class="list_bottom" v-if="form.checkMemberDtoList.length==0">无数据</view>
					</view>
				</view>
			</view>
			<view v-if="pageType==1">
				<view class="list_three">
					<view class="list_three_li" v-for="(item,index) in  dataList" :key="index"
						@click="handleClick(item,'detail')">
						<view class="list_three_li_t">
							<view class="list_three_li_t_l">
								<img v-if="item.checkRange==1" src="@/pages_safetyExamine/images/icon_xyxc_qx.png" />
								<img v-if="item.checkRange==2" src="@/pages_safetyExamine/images/icon_xyxc_xy.png" />
								<img v-if="item.checkRange==3" src="@/pages_safetyExamine/images/icon_xyxc_sys.png" />
								<text></text>
							</view>
							<view class="list_three_li_t_c">{{item.subjectName}}{{item.roomNumber?'-'+item.roomNumber:''}}</view>
							<view class="list_three_li_t_c2" v-if="item.isOverdue==1">已逾期</view>
							<view class="list_three_li_t_r"></view>
						</view>
						<view class="list_three_li_m">
							<view class="list_three_li_m_t">{{item.title}}</view>
							<view class="list_three_li_m_b">
								<text class="blue_color" v-if="item.manageStatus==0">待检查</text>
								<text class="red_color" v-if="item.manageStatus==1">检查中</text>
								<text class="green_color" v-if="item.manageStatus==2">已检查</text>
								<text>{{item.checkType==1?'校院巡查':'实验室自查'}}-{{item.checkCategory==1?'综合检查':'专项检查'}}</text>
								<text>{{item.collegeName}}</text>
							</view>
						</view>
						<view class="list_three_li_b" v-if="item.manageStatus==2">
							<img src="@/pages_safetyExamine/images/icon_djcsys.png" />
							<text>整改进度：</text>
							<text v-if="item.checkResult==0">{{item.rectifySchedule}}</text>
							<text v-if="item.checkResult==1">已完成</text>
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="bottom_btn" v-if="form.checkStatus==1" @click="submitForm()">保存</view>
		<!-- 选择学院-->
		<view class="shade" v-if="dialogVisible">
			<view class="null-box" @click="dialogClose()"></view>
			<view class="shade_n">
				<view class="shade_n_title"><text>选择学院</text><text @click="collegeConfirm">确定</text></view>
				<view class="shade_n_b">
					<view class="shade_n_b_li" v-for="(item,index) in  collegeList" :key="index"
						@click="collegeSelete(index)">
						<text :class="item.type?'color_B':'color_A'">{{item.deptName}}</text>
						<img v-if="item.type" src="@/pages_safetyExamine/images/icon_xzwt_xz.png">
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import {
		config
	} from '@/api/request/config.js'
	import {
		checkPlanById,
		systemDeptDropList,
		checkGroupDetail,
		getAllSubNum,
		checkPlanEdit,
		findByCheckPlanId
	} from '@/pages_safetyExamine/api/index.js'
	export default {
		name: "rectifyList",
		components: {

		},
		data() {
			return {
				id: '',
				pageType: 0,
				//列表请求参数
				getData: {
					page: 1,
					pageSize: 20,
					checkPlanId: '',
					deptId: '',
					deptName: '',
					searchValue: '',
					manageStatus: '',
				},
				inspectState: 0, //检查状态 0 未开始 1进行中
				tabText: [],
				curTab: 0,
				tabTextTow: ['全部', '待检查', '检查中', '已检查'],
				curTabTow: 0,
				categoryIndex: 0,
				categoryArray: ['综合检查', '专项检查'],
				form: {
					id: '',
					title: '',
					checkType: '', //1校院巡查 2实验室自查
					checkTypeName: '', //1校院巡查 2实验室自查
					cycleStartTime: '',
					cycleEndTime: '',
					checkRange: 0, //检查范围 1全校 2学院 3实验室
					checkGroupId: [], //巡查组id
					checkLevel: '', //巡查组层级
					checkMemberDtoList: [], //巡查组成员
					collegeIds: '', //学院id组
					collegeNum: 0, //学院数量
					subIds: '', //实验室id组
					subjectNum: 0, //实验室数量
					hazardNum: 0, //检查设备数量
					checkStatus: 0, //检查状态
					checkSchedule: '', //检查进度
					checkDemand: '', //检查要求
					tiemQuickList: [],
					scopeIndex: '',
					seleteListLab: [],
					seleteListDevice: [],
					seleteListMember: [],
					uploadDtoList: [],
					checkCategory: '', //检查类型
				},
				tiemQuickList: [{
					name: '本月',
					type: false
				}, {
					name: '本季度',
					type: false
				}, {
					name: '全年',
					type: false
				}],
				scopeIndex: 0,
				scopeArray: ['全校', '学院', '实验室'],
				dialogVisible: false,
				collegeList: [],
				collegeIndex: 0,
				collegeArray: [],
				dataList: [],
			}
		},
		onLoad(option) {

			if (option.id) {
				this.id = option.id
				this.getData.checkPlanId = option.id
				this.checkPlanById()
			} else {
				this.id = this.form.id
				this.getData.checkPlanId = this.form.id
			}
			console.log(this.form.checkType)

		},
		onShow(form) {
			if (form) {
				this.form = JSON.parse(decodeURIComponent(form));
				this.tiemQuickList = this.form.tiemQuickList //时间快捷
				this.scopeIndex = this.form.scopeIndex //检查范围
			}
		},
		mounted() {
			this.conditionCollegeInfo();
			this.getList();
		},
		methods: {
			//顶部tab点击
			tabClick(index) {
				this.curTab = index;
				this.pageType = index;
			},
			//顶部tab点击
			tabClickTow(index) {
				this.curTabTow = index;
				if (index == 0) {
					this.getData.manageStatus = ''
				} else if (index == 1) { //待检查
					this.getData.manageStatus = 0;
				} else if (index == 2) { //检查中
					this.getData.manageStatus = 1;
				} else if (index == 3) { //已检查
					this.getData.manageStatus = 2;
				}
				this.getData.page = 1;
				this.dataList = [];
				this.getList()
			},
			//删除附件
			attachmentDle(item) {
				this.form.uploadDtoList.splice(this.form.uploadDtoList.indexOf(item), 1);
			},
			attachmentPreview(item) {
				uni.showLoading({
					title: '下载中'
				});
				wx.downloadFile({
					url: config.base_url + item.fileUrl,
					header: {
						Authorization: uni.getStorageSync('token')
					},
					success: function(res) {
						uni.hideLoading();
						const filePath = res.tempFilePath
						wx.openDocument({
							filePath: filePath,
							success: function(res) {
								console.log('打开文档成功')
							}
						})
					},
					fail: function(res) {
						uni.hideLoading();
						uni.showToast({
							title: '下载失败',
							icon: "none",
							mask: true,
							duration: 2000
						});
					}
				})
			},
			//选择学院
			collegeChange(e) {
				this.collegeIndex = e.target.value;
				this.getData.deptId = this.collegeList[e.target.value].deptId
				this.getData.deptName = this.collegeList[e.target.value].deptName
				this.dataList = [];
				this.getList();
			},
			//实验室搜索
			searchBtn() {
				this.dataList = [];
				this.getList();
			},
			//清除
			clearBtn() {
				this.getData.page = 1;
				this.collegeIndex = 0;
				this.getData.deptId = '';
				this.getData.deptName = '';
				this.getData.searchValue = '';
				this.dataList = [];
				this.getList();
			},
			//滚动事件
			scrollGet() {
				let self = this;
				if (this.pageType == 1) { //当页面切换到检查管理列表里的时候
					if (self.total / self.getData.pageSize <= self.getData.page) {
						console.log('没有更多数据!')
					} else {
						setTimeout(function() {
							self.getData.page += 1;
							self.getList();
						}, 1000)

					}
				}

			},
			//开始时间选中事件
			startChange(form, e) {
				if (new Date(e.target.value).getTime() > new Date(form.cycleEndTime).getTime()) {
					uni.showToast({
						title: '结束时间不能小于开始时间',
						icon: "none",
						mask: true,
						duration: 2000
					});
				} else {
					form.cycleStartTime = e.target.value
					this.tiemQuickList.forEach(function(item) {
						item.type = false;
					})

				}
			},
			//结束时间选中事件
			endChange(form, e) {
				if (new Date(form.cycleStartTime).getTime() > new Date(e.target.value).getTime()) {
					uni.showToast({
						title: '结束时间不能小于开始时间',
						icon: "none",
						mask: true,
						duration: 2000
					});
				} else {
					form.cycleEndTime = e.target.value
					this.tiemQuickList.forEach(function(item) {
						item.type = false;
					})
				}
			},
			//检查周期快捷
			tiemQuick(index) {
				this.tiemQuickList[index].type = !this.tiemQuickList[index].type
				let self = this;
				if (self.tiemQuickList[index].type == true) {
					self.tiemQuickList.forEach(function(item2) {
						if (item2.name == self.tiemQuickList[index].name) {
							item2.type = true
						} else {
							item2.type = false
						}
					})
					//快捷本月-本季度-全年
					self.timeSlotChange(self.tiemQuickList[index].name)
				} else {
					console.log('取消选中')
					self.form.cycleStartTime = '';
					self.form.cycleEndTime = '';
				}

			},
			//检查类型
			categoryChange(e) {
				let self = this;
				if (e.target.value == 0) {
					this.form.checkCategory = 1
				} else if (e.target.value == 1) {
					this.form.checkCategory = 2
				}
			},
			//检查内容
			clickContent() {
				this.form.tiemQuickList = this.tiemQuickList //检查周期快捷存储
				this.form.scopeIndex = this.scopeIndex //检查范围
				uni.redirectTo({
					url: '/pages_safetyExamine/patrolPlan/patrolPlanAddContent?form=' + encodeURIComponent(JSON
						.stringify(this.form)) + '&pageType=1'
				});
			},
			//检查范围
			scopeChange(e) {
				let self = this;
				uni.showModal({
					content: '重新选择会删除现有选择的实验室,是否重选?',
					cancelColor: "#999",
					confirmColor: "#0183FA",
					success: function(res) {
						if (res.confirm) {
							self.scopeIndex = e.target.value;
							self.form.checkRange = Number(e.target.value) + 1; //检查范围

							self.form.collegeIds = '';
							self.form.collegeNum = 0;
							self.form.subIds = '';
							self.form.subjectNum = 0;
							if (e.target.value == 1) { //选择学院
								self.conditionCollegeInfo();
							} else if (e.target.value == 0) { //全校
								self.getAllSubNum();
							}
						} else if (res.cancel) {

						}
					}
				});
			},
			timeSlotChange(val) {
				let self = this;
				let cycleStartTime, cycleEndTime;
				let now = new Date(); //当前日期
				let nowDayOfWeek = now.getDay(); //今天本周的第几天
				let nowDay = now.getDate(); //当前日
				let nowMonth = now.getMonth(); //当前月
				let nowYear = now.getFullYear(); //当前年
				let jd = Math.ceil((nowMonth + 1) / 3)
				switch (val) {
					case "本周":
						cycleStartTime = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek)
						cycleEndTime = new Date(nowYear, nowMonth, nowDay + 6 - nowDayOfWeek)
						break;
					case "本月":
						cycleStartTime = new Date(nowYear, nowMonth, 1)
						cycleEndTime = new Date(nowYear, nowMonth + 1, 0)
						break;
					case "本季度":
						cycleStartTime = new Date(nowYear, (jd - 1) * 3, 1)
						cycleEndTime = new Date(nowYear, jd * 3, 0)
						break
					case "全年":
						cycleStartTime = new Date(nowYear, 0, 1)
						cycleEndTime = new Date(nowYear, 11, 31)
						break
				}
				self.form.cycleStartTime = self.formatDateTime(cycleStartTime)
				self.form.cycleEndTime = self.formatDateTime(cycleEndTime)
			},
			// 中国标准时间 转换成 年月日
			formatDateTime(date) {
				var y = date.getFullYear();
				var m = date.getMonth() + 1;
				m = m < 10 ? ('0' + m) : m;
				var d = date.getDate();
				d = d < 10 ? ('0' + d) : d;
				var h = date.getHours();
				var minute = date.getMinutes();
				minute = minute < 10 ? ('0' + minute) : minute;
				// return y + '-' + m + '-' + d+' '+h+':'+minute;
				return y + '-' + m + '-' + d
			},
			//巡查组
			patrolChange() {
				this.form.tiemQuickList = this.tiemQuickList //检查周期快捷存储
				this.form.scopeIndex = this.scopeIndex //检查范围
				uni.navigateTo({
					url: '/pages_safetyExamine/views/patrolPlan/patrolPlanAddMember?form=' + encodeURIComponent(
						JSON.stringify(this.form)) + '&pageType=2'
				});
			},
			//选择学院或者实验室
			collegeOrLab() {
				console.log(this.scopeIndex)
				if (this.scopeIndex == 1) { //学院
					this.dialogVisible = true;
				} else if (this.scopeIndex == 2) { //实验室
					this.form.tiemQuickList = this.tiemQuickList //检查周期快捷存储
					this.form.scopeIndex = this.scopeIndex //检查范围
					uni.navigateTo({
						url: '/pages_safetyExamine/views/patrolPlan/patrolPlanAddLab?form=' + encodeURIComponent(
							JSON.stringify(this.form)) + '&pageType=2'
					});
				}
			},
			//选择学院弹窗关闭
			dialogClose() {
				this.dialogVisible = false;
			},
			//选择学院确定
			collegeConfirm() {
				let self = this;
				this.dialogVisible = false;
				let list = [];
				let collegeIds = [];
				let subjectNum = 0;
				self.collegeList.forEach(function(item) {
					if (item.type == true) {
						list.push(item)
						collegeIds.push(item.deptId);
						subjectNum += item.subNum;
					}
				})
				self.form.collegeIds = collegeIds.join(',');
				self.form.subjectNum = subjectNum;
				self.form.collegeNum = list.length;
			},
			//学院选择
			collegeSelete(index) {
				this.collegeList[index].type = !this.collegeList[index].type
			},
			//查询学院列表
			async conditionCollegeInfo() {
				let self = this;
				const {
					data
				} = await systemDeptDropList({
					deptName: '',
					level: 2,
					deptType: 1
				});
				if (data.code == 200) {
					data.data.forEach(function(item) {
						item.type = false;
					})
					self.collegeList = data.data;

					//检查管理
					for (let i = 0; i < data.data.length; i++) {
						self.collegeArray.push(data.data[i].deptName)
					}
				}
			},
			//查询全校学院和实验室数量
			async getAllSubNum() {
				let self = this;
				const {
					data
				} = await getAllSubNum();
				if (data.code == 200) {
					this.form.collegeNum = data.data.collegeCount
					this.form.subjectNum = data.data.subCount
				}
			},
			//查询详情
			async checkPlanById(id) {
				console.log('详情')
				let self = this;
				const {
					data
				} = await checkPlanById({
					id: this.id
				});
				if (data.code == 200) {
					this.form.id = data.data.id;
					this.form.title = data.data.title;
					this.form.checkType = data.data.checkType;
					this.form.checkTypeName = data.data.checkType == 1 ? '校院巡查' : '实验室自查';
					this.form.cycleStartTime = data.data.cycleStartTime;
					this.form.cycleEndTime = data.data.cycleEndTime;
					this.form.checkRange = data.data.checkRange;
					this.form.checkGroupId = data.data.checkGroupId;
					this.form.collegeIds = data.data.collegeIds;
					this.form.collegeNum = data.data.collegeNum;
					this.form.subIds = data.data.subIds;
					this.form.subjectNum = data.data.subjectNum;
					this.form.uploadDtoList = data.data.uploadDtoList;
					this.form.checkStatus = data.data.checkStatus;
					this.form.checkSchedule = data.data.checkSchedule;
					this.form.checkDemand = data.data.checkDemand;
					this.form.checkCategory = data.data.checkCategory;
					this.form.hazardNum = data.data.hazardNum;
					this.form.hazardIds = data.data.hazardIds;

					this.scopeIndex = Number(data.data.checkRange) - 1; //检查范围
					this.$set(this.form, 'checkMemberDtoList', data.data.checkMemberDtoList)
					//this.$set(this.form,'checkGroupName',data.data.groupName)
					// if(data.data.checkGroupId){//判断如果有巡查组id
					// 	this.checkGroupDetail(data.data.checkGroupId);
					// }
					if (this.form.checkType == 1) { //校院巡查
						this.tabText = ['检查计划', '检查管理']
						uni.setNavigationBarTitle({
							title: '计划详情'
						});

					} else if (this.form.checkType == 2) { //实验室自查
						this.tabText = ['自查任务', '检查管理']
						uni.setNavigationBarTitle({
							title: '任务详情'
						});
					}

				}
			},
			//根据id查询巡查组员
			async checkGroupDetail(id) {
				let self = this;
				const {
					data
				} = await checkGroupDetail({
					id: id,
					selectEnable: '1'
				});
				if (data.code == 200) {


				}
			},


			handleClick(item, doType) {
				let self = this;

				if (doType == 'subBtn') {

				} else if (doType == 'detail') { //详情
					if (item.manageStatus == 1) { //检查中
						if (item.isSelfData == 1) {
							uni.navigateTo({
								url: '/pages_safetyExamine/views/examineManage/examineAdd?id=' + item.id
							});
						} else {
							uni.showToast({
								title: '当前用户暂无操作数据权限!',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					} else {
						uni.navigateTo({
							url: '/pages_safetyExamine/views/examineManage/examineDetail?id=' + item.id +
								'&manageStatus=' + item.manageStatus + '&isSelfData=' + item.isSelfData +
								'&isEndProcess=' + item.isEndProcess
						});
					}
				}

			},
			//巡查计划-修改
			async submitForm() {
				let self = this;

				const {
					data
				} = await checkPlanEdit(self.form);
				if (data.code == 200) {
					uni.showToast({
						title: '提交成功',
						icon: "none",
						mask: true,
						duration: 2000
					});
					uni.redirectTo({
						url: '/pages_safetyExamine/patrolPlan/patrolPlanList?pageType=' + this.form.checkType
					});

				}
			},
			async getList() {
				let self = this;
				const {
					data
				} = await findByCheckPlanId(this.getData);
				if (data.code == 200) {
					this.total = data.data.total;
					this.dataList = [...this.dataList, ...data.data.records]
				}
			},

		}
	}
</script>

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

		.blue_color {
			color: #0183FA;
			border: 1rpx solid #0183FA;
		}

		.red_color {
			color: #FF4545;
			border: 1rpx solid #FF4545;
		}

		.green_color {
			color: #1FA50D;
			border: 1rpx solid #1FA50D;
		}

		/* 切换按钮 */
		.tabTitle {
			width: 100%;
			height: 100rpx;
			background: #fff;
			display flex;
			justify-content: center;
			align-items: center;
			position: fixed;
			top: 0;
			z-index: 100;
			box-shadow: 0rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);

			.tabTitle_li {
				position: relative;
				width: 372rpx;
				text-align center;

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

					>text {
						position: absolute;
						min-width: 30rpx;
						min-height: 30rpx;
						border-radius: 54%;
						background: #E80000;
						font-size: 18rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						text-align: center;
						line-height: 30rpx;
						margin-left: 6rpx;
						padding: 2rpx;
						box-sizing: border-box;
					}

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

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

					&.on {
						display block;
					}
				}

			}

			.tabTitle_li:nth-of-type(1)::after {
				content: '';
				position: absolute;
				top: 0rpx;
				right: 0rpx;
				width: 1rpx;
				height: 50rpx;
				background: #E0E0E0;
			}
		}

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

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

		/* 检查计划---------------------------------------------------------------------------------- */
		.delay_inspect {
			width: 690rpx;
			height: 100rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;
			box-sizing: border-box;

			.delay_inspect_l {
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 100rpx;

				>text {
					color: #0183FA;
				}
			}

			.delay_inspect_r {
				font-size: 26rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #0183FA;
				line-height: 40rpx;
				width: 120rpx;
				height: 40rpx;
				border-radius: 6rpx;
				text-align: center;
				border: 1rpx solid #0183FA;
			}

			.delay_inspect_r_tow {
				font-size: 26rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FF4545;
				line-height: 40rpx;
				width: 120rpx;
				height: 40rpx;
				border-radius: 6rpx;
				text-align: center;
				border: 1rpx solid rgba(255, 69, 69, 0.898);
			}
		}

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

			.title {
				.title_t {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 42rpx;
					margin-bottom: 12rpx;
				}

				.title_b {
					width: 636rpx;
					height: 150rpx;
					border-radius: 10rpx;
					opacity: 1;
					border: 1rpx solid #E0E0E0;
					padding: 26rpx 23rpx;
					box-sizing: border-box;
				}
			}

			.type {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 20rpx;

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

				.type_r {
					width: 490rpx;
					height: 80rpx;
					border-radius: 10rpx;
					padding-left: 22rpx;
					box-sizing: border-box;
					background: #F5F5F5;
				}
			}

			.period {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 26rpx;

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

				.period_r {
					width: 490rpx;
					height: 80rpx;
					border-radius: 10rpx;
					border: 1rpx solid #E0E0E0;
					display: flex;
					justify-content: flex-start;
					align-items: center;

					.picker-text {
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 80rpx;
						width: 230rpx;
						text-align: center;
					}

					.picker-text2 {
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #999999;
						line-height: 80rpx;
						width: 230rpx;
						text-align: center;
					}
				}
			}

			.tiem_quick {
				margin-left: 146rpx;
				display: flex;
				justify-content: flex-start;
				margin-top: 20rpx;

				>view {
					width: 130rpx;
					height: 80rpx;
					opacity: 1;
					border: 1rpx solid #E0E0E0;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					line-height: 80rpx;
					text-align: center;
				}

				>view:nth-of-type(1) {
					border-radius: 10rpx 0rpx 0rpx 10rpx;
				}

				>view:nth-of-type(3) {
					border-radius: 0rpx 10rpx 10rpx 0rpx;
				}

				.tiem_quick_a {
					background: #0183FA;
					color: #FFFFFF;

				}

				.tiem_quick_b {
					background: #F5F5F5;
					color: #333333;
				}
			}

			.scope {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 26rpx;

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

				.scope_r {
					flex: 1;

					.scope_r_n {
						width: 490rpx;
						height: 80rpx;
						border-radius: 10rpx;
						border: 1rpx solid #E0E0E0;
						display: flex;
						justify-content: flex-start;
						align-items: center;

						>view {
							flex: 1;
							line-height: 80rpx;
							margin-left: 20rpx;
							color: #999999;
							font-size: 28rpx;
						}

						>img {
							width: 14rpx;
							height: 8rpx;
							margin-right: 30rpx;
						}
					}
				}
			}

			.content {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 26rpx;

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

				.content_r {
					flex: 1;
					display: flex;
					justify-content: flex-start;
					align-items: center;

					.content_r_l {
						width: 220rpx;
						height: 80rpx;
						background: #0183FA;
						border-radius: 10rpx 10rpx 10rpx 10rpx;
						text-align: center;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						line-height: 80rpx;
						margin-right: 26rpx;
					}

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

						>text {
							color: #0183FA;
						}
					}
				}
			}

			.scope_btn {
				display: inline-block;
				background: #0183FA;
				border-radius: 10rpx;
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 80rpx;
				text-align: center;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin-top: 40rpx;
				margin-left: 146rpx;
			}

			.scope_text {
				margin-left: 146rpx;
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: #333333;
				margin-top: 32rpx;
				line-height: 42rpx;

				>text {
					color: #0183FA;
				}
			}
		}

		.attachment {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 20rpx;
			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;
				}
			}
		}

		.patrol_group {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 20rpx;
			padding: 40rpx 30rpx 64rpx;
			box-sizing: border-box;

			.patrol {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: 26rpx;

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

				.patrol_r_n {
					width: 490rpx;
					height: 80rpx;
					border-radius: 10rpx;
					border: 1rpx solid #E0E0E0;
					display: flex;
					justify-content: flex-start;
					align-items: center;

					>view {
						flex: 1;
						line-height: 80rpx;
						margin-left: 20rpx;
						color: #999999;
						font-size: 28rpx;
					}

					>img {
						width: 14rpx;
						height: 8rpx;
						margin-right: 30rpx;
					}
				}
			}

			.list {
				margin-top: 42rpx;

				.list_title {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					height: 80rpx;
					background: #F5F5F5;
					border-radius: 10rpx 10rpx 0rpx 0rpx;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 80rpx;

					>img {
						width: 30rpx;
						height: 30rpx;
						margin: 0 20rpx;
					}
				}

				.list_header {
					display: flex;
					justify-content: flex-start;

					>text {
						flex: 1;
						height: 80rpx;
						background: #F5F5F5;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 80rpx;
						text-align: center;
						border: 1rpx solid #E0E0E0;
					}

					>text:nth-of-type(1) {
						border-right: none;
					}
				}

				.list_li {
					display: flex;
					justify-content: flex-start;

					>text {
						flex: 1;
						height: 80rpx;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 80rpx;
						text-align: center;
						border: 1rpx solid #E0E0E0;
					}

					>text:nth-of-type(1) {
						border-right: none;
						border-top: none;
					}

					>text:nth-of-type(2) {
						border-top: none;
					}
				}

				.list_bottom {
					flex: 1;
					height: 80rpx;
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 80rpx;
					text-align: center;
					border: 1rpx solid #E0E0E0;
					border-top: none;
				}
			}
		}

		/* 检查管理----------------------------------------------------------------------------------- */
		/* 切换按钮 */
		.header {
			width: 100%;
			position: fixed;
			top: 100rpx;
			z-index: 100;

			.line {
				width: 100%;
				height: 20rpx;
				background: #F5F5F5;
			}

			.tabTitle_tow {
				width: 100%;
				height: 100rpx;
				background: #fff;
				display flex;
				justify-content: flex-start;
				align-items: center;
				border-bottom: 1rpx solid #E0E0E0;

				.tabTitle_tow_li {
					position: relative;
					width: 146rpx;
					text-align center;

					.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: 46rpx;
						display none;

						&.on {
							display block;
						}
					}

				}
			}

			.lab_title {
				width: 750rpx;
				height: 100rpx;
				background: #FFFFFF;
				padding: 20rpx 30rpx;
				box-sizing: border-box;
				display: flex;
				justify-content: flex-start;

				.lab_title_l {
					width: 250rpx;
					height: 60rpx;
					margin-right: 20rpx;

					.lab_title_l_n {
						width: 250rpx;
						height: 60rpx;
						border-radius: 10rpx;
						border: 1rpx solid #E0E0E0;
						display: flex;
						justify-content: flex-start;
						align-items: center;

						>view {
							flex: 1;
							line-height: 60rpx;
							margin-left: 20rpx;
							color: #999999;
							font-size: 28rpx;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						>img {
							width: 14rpx;
							height: 8rpx;
							margin-right: 30rpx;
						}
					}
				}

				.lab_title_r {
					width: 420rpx;
					height: 60rpx;
					position: relative;
					border-radius: 10rpx;
					border: 1rpx solid #E0E0E0;

					.lab_title_r_btn {
						width: 60rpx;
						height: 60rpx;
						 position: absolute;
						top: 0rpx;
						right: 0rpx;

						>img {
							width: 20rpx;
							height: 20rpx;
							position: absolute;
							top: 20rpx;
							left: 24rpx;
						}
					}

					>input {
						width: 274rpx;
						height: 60rpx;
						position: absolute;
						top: 0rpx;
						left: 60rpx;
					}

					.clear {
						width: 60rpx;
						height: 60rpx;
						position: absolute;
						top: 0rpx;
						right: 20rpx;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #0183FA;
						line-height: 60rpx;
					}
				}
			}

		}

		.list_three {
			padding: 0 30rpx;
			box-sizing: border-box;
			margin-top: 240rpx;

			.list_three_li {
				position: relative;
				width: 690rpx;
				height: auto;
				background: #fff;
				border-radius: 10rpx;
				overflow: hidden;
				margin-bottom: 20rpx;

				.list_three_li_t {
					width: 100%;
					position: absolute;
					left: 0;
					top: 0;

					.list_three_li_t_l {
						>img {
							width: 70rpx;
							height: 70rpx;
						}

						>text {
							position: absolute;
							left: -15rpx;
							top: 76rpx;
							display: inline-block;
							width: 30rpx;
							height: 30rpx;
							background: #F5F5F5;
							border-radius: 15rpx;
						}
					}

					.list_three_li_t_c {
						width: 630rpx;
						height: 110rpx;
						position: absolute;
						left: 30rpx;
						top: 0;
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 110rpx;
						border-bottom: 1rpx dashed #D8D8D8;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						padding-right: 120rpx;
						box-sizing: border-box;
					}

					.list_three_li_t_c2 {
						position: absolute;
						right: 20rpx;
						top: 38rpx;
						width: 120rpx;
						height: 40rpx;
						font-size: 28rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #FF5757;
						line-height: 40rpx;
						border: 1rpx solid #FF5757;
						border-radius: 6rpx;
						text-align: center;
					}

					.list_three_li_t_r {
						position: absolute;
						right: -15rpx;
						top: 76rpx;
						width: 30rpx;
						height: 30rpx;
						background: #F5F5F5;
						border-radius: 15rpx;
					}
				}

				.list_three_li_m {
					// position: absolute;
					// top: 110rpx;
					// left: 0;
					width: 690rpx;
					height: 158rpx;
					padding-left: 30rpx;
					box-sizing: border-box;
					margin-top: 110rpx;
					overflow: hidden;

					.list_three_li_m_t {
						font-size: 28rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #666666;
						line-height: 40rpx;
						margin-top: 22rpx;
					}

					.list_three_li_m_b {
						margin-top: 26rpx;
						display: flex;
						justify-content: flex-start;

						>text:nth-of-type(1) {
							font-size: 26rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							line-height: 40rpx;
							border-radius: 6rpx;
							padding: 0 20rpx;
							margin-right: 14rpx;
						}

						>text:nth-of-type(2) {
							font-size: 26rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							color: #0183FA;
							line-height: 40rpx;
							padding: 0 8rpx;
							border-radius: 6rpx;
							background: rgba(1, 131, 250, 0.1);
							margin-right: 24rpx;
						}

						>text:nth-of-type(3) {
							display: inline-block;
							width: 200rpx;
							font-size: 26rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							color: #333333;
							line-height: 26rpx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;

						}
					}
				}

				.list_three_li_b {
					height: 80rpx;
					width: 100%;
					// position: absolute;
					// top: 278rpx;
					// left: 0;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					border-top: 1rpx solid #E0E0E0;

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

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

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

		.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;

		}

		/* 指纹采集 */
		.shade {
			height: 100%;
			width: 100%;
			position: fixed;
			display: flex;
			flex-direction: column;
			z-index: 10;
			background: rgba(0, 0, 0, 0.2);

			.null-box {
				flex: 1;
			}

			.shade_n {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 750rpx;
				height: 560rpx;
				background: #FFFFFF;
				border-radius: 20rpx 20rpx 0rpx 0rpx;

				.shade_n_title {
					height: 100rpx;
					padding: 0 30rpx;
					box-sizing: border-box;
					display: flex;
					justify-content: space-between;
					border-bottom: 1rpx solid #E0E0E0;

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

					>text:nth-of-type(2) {
						font-size: 30rpx;
						font-family: PingFang SC-Medium, PingFang SC;
						font-weight: 400;
						color: #0183FA;
						line-height: 100rpx;

					}
				}

				.shade_n_b {
					height: 460rpx;
					padding: 0 30rpx;
					box-sizing: border-box;
					overflow-y: auto;

					.shade_n_b_li {
						display: flex;
						justify-content: space-between;
						align-items: center;
						height: 80rpx;
						border-bottom: 1rpx solid #E0E0E0;

						>text {
							font-size: 28rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 400;
							line-height: 80rpx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}

						>img {
							width: 24rpx;
							height: 16rpx;
							margin-right: 14rpx;
						}
					}

					.color_A {
						color: #333333;
					}

					.color_B {
						color: #0183FA;
					}


				}
			}
		}
	}
</style>