<template>
	<view class="addIssue">
		<view class="fixedheader">
			<headers :showBack="true" :themeType="true">
				<view class="headerName">
					危险源设置
				</view>
			</headers>
		</view>
		<view class="content" :style="{paddingTop: mobileTopHeight + 44 + 'px'}">
			<view class="content_main">
				<!-- <view class="header-title">基础信息</view> -->
				<u-collapse ref="myCollapse" @change="handleOpenChange">
					<u-collapse-item :open="true" title="设置风险信息">
						<view class="main-box">
							<view class="box1">
								<view>潜在事故类型:</view>
								<picker @change="(e)=>bindPickerChange(e,7)" :value="accidentTypeIndex" class="picker"
									:range="accidentTypeList" range-key="type">
									<view class="select-box" v-if="workTicketInfo.accidentTypeId==''">
										请选择
										<u-icon name="arrow-down"></u-icon>
									</view>
									<view class="select-box" v-else>
										{{
									  setNameUp(
										workTicketInfo.accidentTypeId,
										accidentTypeList,
										"id",
										"type",
										"accidentTypeIndex"
									  )
									}}
										<u-icon name="arrow-down"></u-icon>
									</view>
								</picker>
							</view>
							<view class="box1">
								<view>有效时间:</view>
								<view>
									<view class="changetime" @click="constructionTimeShow = true">
										<view class="changetime_icon"></view>
										<view>{{ workTicketInfo.effectiveTimeBegin }}</view>
										<view>-</view>
										<view>{{ workTicketInfo.effectiveTimeEnd }}</view>
										<view class="changetime_icon"></view>
									</view>
									<u-calendar v-model="constructionTimeShow" mode="range" :max-date="'2300-01-01'"
										@change="onConstructionTimeChange"></u-calendar>
								</view>
							</view>
							<view class="box1">
								<view>区域/部位:</view>
								<view>
									<u-input v-model="workTicketInfo.areaLocation" placeholder="请输入" type="text"
										:border="true" />
								</view>
							</view>
							<view class="box1">
								<view>活动频次:</view>
								<view><u-input v-model="workTicketInfo.activityFrequency" placeholder="请输入"
										type="number" :border="true" /></view>
							</view>
							<view class="box1">
								<view>责任区域:</view>
								<view @click="onClickType(1)">
									<u-input  disabled style="pointer-events:none"
										:value="workTicketInfo.specificResponsibilityAreaNames" type="text"
										:border="true" placeholder="请选择" />
								</view>
							</view>
							<view class="box1">
								<view>备注:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.remark" :maxlength="200"
										placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.remark.length}}</text>/200
									</view>
								</view>
							</view>
						</view>
					</u-collapse-item>
					<u-collapse-item title="评价信息" ref="collapseHeight">
						<view class="main-box">
							<view class="box3">
								<view class="title">风险评估计算器</view>
								<picker @change="(e)=>bindPickerChange(e,1)" :value="riskAssessmentCalculatorIndex"
									class="picker" :range="riskAssessmentCalculatorFilterList" range-key="name">
									<view class="select-box" v-if="workTicketInfo.riskAssessmentCalculator==''">
										请选择
										<u-icon name="arrow-down"></u-icon>
									</view>
									<view class="select-box" v-else>
										{{
										  setNameUp(
											workTicketInfo.riskAssessmentCalculator,
											riskAssessmentCalculatorFilterList,
											"id",
											"name",
											"riskAssessmentCalculatorIndex"
										  )
										}}
										<u-icon name="arrow-down"></u-icon>
									</view>
								</picker>
							</view>
							<template v-if="workTicketInfo.riskAssessmentCalculator == 1">
								<view class="box3">
									<view class="subTitle">L(事故或危害事件发生的可能性)</view>
									<picker @change="(e)=>bindPickerChange(e,2)" :value="lecdDatalIndex" class="picker"
										:range="riskList1" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lecdData.lNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
										  setNameUp(
											workTicketInfo.lecdData.lNumber,
											riskList1,
											"score",
											"name",
											"lecdDatalIndex"
										  )
										}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">E(暴露于危害事件环境的频率)</view>
									<picker @change="(e)=>bindPickerChange(e,3)" :value="lecdDataeIndex" class="picker"
										:range="riskList2" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lecdData.eNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
										  setNameUp(
											workTicketInfo.lecdData.eNumber,
											riskList2,
											"score",
											"name",
											"lecdDataeIndex"
										  )
										}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">C(事故或危害事件发生的可能结果)</view>
									<picker @change="(e)=>bindPickerChange(e,4)" :value="lecdDatacIndex" class="picker"
										:range="riskList3" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lecdData.cNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
										  setNameUp(
											workTicketInfo.lecdData.cNumber,
											riskList3,
											"score",
											"name",
											"lecdDatacIndex"
										  )
										}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">D</view>
									<u-input disabled :value="lecdDataUp" type="text" :border="true" />
								</view>
							</template>
							<template v-else-if="workTicketInfo.riskAssessmentCalculator == 2">
								<view class="box3">
									<view class="subTitle">风险等级</view>
									<picker @change="(e)=>bindPickerChange(e,5)" :value="riskLevelIndex" class="picker"
										:range="riskLevelList" range-key="name">
										<view class="select-box" v-if="workTicketInfo.riskLevel==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
										  setNameUp(
											workTicketInfo.riskLevel,
											riskLevelList,
											"id",
											"name",
											"riskLevelIndex"
										  )
										}}
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="subTitle">
											{{ riskAssessmentInfo[riskLevelList[riskLevelIndex].dynamicMin] }}≤D≤{{riskAssessmentInfo[riskLevelList[riskLevelIndex].dynamicMax]}}
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">具体分数值</view>
									<u-input @blur="handleInput()"
										v-model="workTicketInfo.directDeterminationMethodData" type="number"
										:border="true" />
								</view>
							</template>
							<template v-else-if="workTicketInfo.riskAssessmentCalculator == 3">
								<view class="box3">
									<view class="subTitle">L(事故或危害事件发生的可能性)</view>
									<u-input @blur="handleInput1()" v-model="workTicketInfo.lcdData.lNumber"
										type="number" :border="true" />
								</view>
								<view class="box3">
									<view class="subTitle">C(事故或危害事件发生的可能结果)</view>
									<picker @change="(e)=>bindPickerChange(e,6)" :value="lcdDatacIndex" class="picker"
										:range="riskList6" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lcdData.cNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
										  setNameUp(
											workTicketInfo.lcdData.cNumber,
											riskList6,
											"score",
											"name",
											"lcdDatacIndex"
										  )
										}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">D</view>
									<u-input disabled :value="lecdDataUp" type="text" :border="true" />
								</view>
							</template>
							<template v-else-if="workTicketInfo.riskAssessmentCalculator == 4">
								<view class="box3">
									<view class="subTitle">L(危害事件或事故在当前环境和条件下发生的频率或概率)</view>
									<picker @change="(e)=>bindPickerChange(e,8)" :value="lsrDatalIndex" class="picker"
										:range="riskList7" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lsrData.lNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
											  setNameUp(
												workTicketInfo.lsrData.lNumber,
												riskList7,
												"score",
												"name",
												"lsrDatalIndex"
											  )
											}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
								<view class="box3">
									<view class="subTitle">S(风险事件发生后的后果严重程度(如“轻微伤害”“重伤”“死亡”)</view>
									<picker @change="(e)=>bindPickerChange(e,9)" :value="lsrDatasIndex" class="picker"
										:range="riskList8" range-key="name">
										<view class="select-box" v-if="workTicketInfo.lsrData.sNumber==''">
											请选择
											<u-icon name="arrow-down"></u-icon>
										</view>
										<view class="select-box" v-else>
											{{
											  setNameUp(
												workTicketInfo.lsrData.sNumber,
												riskList8,
												"score",
												"name",
												"lsrDatasIndex"
											  )
											}}
											<u-icon name="arrow-down"></u-icon>
										</view>
									</picker>
								</view>
							</template>
							<view class="box3">
								<view class="title mt-26">风险等级:</view>
								<view class="riskcolor" :class="{
								  riskcolor1: workTicketInfo.riskLevel == 1,
								  riskcolor2: workTicketInfo.riskLevel == 2,
								  riskcolor3: workTicketInfo.riskLevel == 3,
								  riskcolor4: workTicketInfo.riskLevel == 4,
								}">
									{{ workTicketInfo.riskAssessmentCalculator == 4 ? lsrDataUp(workTicketInfo.lsrData.lNumber, workTicketInfo.lsrData.sNumber) : riskLevelUp(workTicketInfo.riskLevel) }}
								</view>
							</view>
						</view>
					</u-collapse-item>
					<u-collapse-item title="管控措施">
						<view class="main-box">
							<view class="box1">
								<view>工程措施:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.engineeringMeasure"
										:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.engineeringMeasure.length}}</text>/200
									</view>
								</view>
							</view>
							<view class="box1">
								<view>管控措施:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.managementMeasure"
										:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.managementMeasure.length}}</text>/200
									</view>
								</view>
							</view>
							<view class="box1">
								<view>个体防护:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.personalProtection"
										:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.personalProtection.length}}</text>/200
									</view>
								</view>
							</view>
							<view class="box1">
								<view>应急措施:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.emergencyMeasure"
										:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.emergencyMeasure.length}}</text>/200
									</view>
								</view>
							</view>
							<view class="box1">
								<view>教育措施:</view>
								<view class="textarea">
									<u-input :clearable="false" v-model="workTicketInfo.educationalMeasure"
										:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
									<view class="textarea_text">
										<text>{{workTicketInfo.educationalMeasure.length}}</text>/200
									</view>
								</view>
							</view>
						</view>
					</u-collapse-item>
					<u-collapse-item title="设置责任人">
						<view class="main-box">
							<view class="box1">
								<view>管控责任人:</view>
								<view style="flex-direction: column;">
									<view @click="onClickType(2)">
										<u-input disabled style="pointer-events:none"
										:value="workTicketInfo.controlWorkerEnterpriseNames" type="text" :border="true"
										placeholder="请选择分包单位" />
									</view>
									<view style="margin-top: 20rpx;" @click="onClickType(3)">
										<u-input disabled style="pointer-events:none"
										:value="workTicketInfo.controlWorkerNames" type="text" :border="true"
										placeholder="请选择责任人" />
									</view>
								</view>
							</view>
							<view class="box1">
								<view>排查责任人:</view>
								<view style="flex-direction: column;">
									<view @click="onClickType(4)">
										<u-input disabled style="pointer-events:none" :value="workTicketInfo.checkWorkerEnterpriseNames"
										type="text" :border="true" placeholder="请选择分包单位" />
									</view>
									<view style="margin-top: 20rpx;" @click="onClickType(5)">
										<u-input disabled style="pointer-events:none"
										:value="workTicketInfo.checkWorkerNames" type="text" :border="true"
										placeholder="请选择责任人" />
									</view>
								</view>
							</view>
						</view>
					</u-collapse-item>
				</u-collapse>
			</view>
			<view class="confrim-btn">
				<view @click="onNavigateBack">取消</view>
				<view @click="getworkTicketEditFn">保存</view>
			</view>
		</view>
		<u-popup :mask-close-able="false" v-model="constructionAreasShow" :closeable="false" mode="bottom">
			<view class="content-popup">
				<view class="content-popup_header">
					{{constructionType == 1 ? '责任区域' : constructionType == 2 || constructionType == 4 ? "分包单位" : constructionType == 3 || constructionType == 5 ? "人员列表" : ""}}
				</view>
				<scroll-view v-if="qualityRegionList.length > 0 && constructionType == 1" scroll-y="true"
					style="max-height: 600rpx;">
					<TreeView @node-click="onConstructionAreasClick" :multiple="true"
						checked-bg-color="rgba(81,129,246,0.1)" :data="qualityRegionList" :children-key="'children'"
						:label-key="'regionName'" :id-key="'id'" :value="constructionAreasList" />
				</scroll-view>
				<scroll-view
					v-else-if="enterpriseInfoList.length > 0 && (constructionType == 2 || constructionType == 4)"
					scroll-y="true" style="max-height: 600rpx;">
					<TreeView @node-click="onConstructionAreasClick" :multiple="true"
						checked-bg-color="rgba(81,129,246,0.1)" :data="enterpriseInfoList" :children-key="'children'"
						:label-key="'enterpriseName'" :id-key="'id'" :value="constructionAreasList" />
				</scroll-view>
				<scroll-view
					v-else-if="projectChilderSystemUserPageList.length > 0 && (constructionType == 3 || constructionType == 5)"
					scroll-y="true" style="max-height: 600rpx;">
					<TreeView @node-click="onConstructionAreasClick" :multiple="true"
						checked-bg-color="rgba(81,129,246,0.1)" :data="projectChilderSystemUserPageList"
						:children-key="'children'" :label-key="'realName'" :id-key="'userId'"
						:value="constructionAreasList" />
				</scroll-view>
				<view class="new-nodata_height" v-else>
					<view class="new-nodata">
						<view></view>
						<text>暂无数据...</text>
					</view>
				</view>
				<view class="confrim-btn">
					<view @click="onCancelClick()">取消</view>
					<view @click="onSubmitType()">确定</view>
				</view>
			</view>
		</u-popup>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import {
		isJSON
	} from "@/utils/tool.js"
	import TreeView from '@/components/tree-view/TreeView.vue';
	import {
		handleAuthScan
	} from "@/common/permissionTips"
	export default {
		components: {
			TreeView
		},
		data() {
			return {
				mobileTopHeight: 0,
				projectDetail: {},
				issueInvoiceShow: false,
				workTicketInfo: {},
				// 区域
				qualityRegionList: [],
				constructionAreasList: [],
				constructionAreasNameList: [],
				constructionAreasShow: false,
				enterpriseInfoList: [], // 企业

				constructionTimeShow: false,
				riskListPointId: "",

				riskAssessmentCalculatorList: [{
						id: 1,
						name: "LECD",
					},
					{
						id: 2,
						name: "直接判定法",
					},
					{
						id: 3,
						name: "LCD",
					},
					{
						id: 4,
						name: "LSR",
					},
				],
				riskAssessmentCalculatorFilterList: [],
				riskLevelList: [{
						id: 1,
						name: "重大风险",
						dynamicMin: "dynamicZjZdMin",
						dynamicMax: "dynamicZjZdMax",
					},
					{
						id: 2,
						name: "较大风险",
						dynamicMin: "dynamicZjJdMin",
						dynamicMax: "dynamicZjJdMax",
					},
					{
						id: 3,
						name: "一般风险",
						dynamicMin: "dynamicZjYbMin",
						dynamicMax: "dynamicZjYbMax",
					},
					{
						id: 4,
						name: "低风险",
						dynamicMin: "dynamicZjDMin",
						dynamicMax: "dynamicZjDMax",
					},
				],
				riskAssessmentInfo: {},
				riskList1: [],
				riskList2: [],
				riskList3: [],
				riskList5: [],
				riskList6: [],
				riskList7: [],
				riskList8: [],
				riskAssessmentCalculatorIndex: 0,
				lecdDatalIndex: 0,
				lecdDataeIndex: 0,
				lecdDatacIndex: 0,
				riskLevelIndex: 0,
				lcdDatacIndex: 0,
				lsrDatalIndex: 0,
				lsrDatasIndex: 0,
				constructionType: "",
				projectChilderSystemUserPageList: [],
				accidentTypeList: [],
				accidentTypeIndex: 0,
			}
		},
		onLoad(opts) {
			this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'));
			console.log(1111, opts, this.projectDetail)
			this.riskListPointId = opts.id;
			this.getWorkTicketQueryByIdFn();


			this.workTicketInfo = {
				riskDescription: "",
				accidentTypeId: "",
				riskFactorType: "",
				riskAssessmentCalculator: "",
				lecdData: {
					lNumber: "",
					eNumber: "",
					cNumber: "",
				},
				lcdData: {
					lNumber: "",
					cNumber: "",
				},
				lsrData: {
					lNumber: "",
					sNumber: "",
				},
				engineeringMeasure: "",
				managementMeasure: "",
				personalProtection: "",
				emergencyMeasure: "",
				riskLevel: "",
				directDeterminationMethodData: "",

				effectiveTimeBegin: "",
				effectiveTimeEnd: "",
				specificResponsibilityAreaIds: [],
				specificResponsibilityAreaNames: "",

				controlWorkerEnterpriseIds: [],
				controlWorkerEnterpriseNames: "",
				controlWorkerIds: [],
				controlWorkerNames: "",
				checkWorkerEnterpriseIds: [],
				checkWorkerEnterpriseNames: "",
				checkWorkerIds: [],
				checkWorkerNames: "",
				areaLocation: "",
				activityFrequency: "",
				educationalMeasure: "",
				remark: "",
			}
			this.getQualityRegionListFn();
			this.getEnterpriseInfoListFn();
			this.getDicProjectTypeList();
		},
		onShow() {
			let that = this
		},
		mounted() {
			var that = this
			uni.getSystemInfo({
				success(res) {
					that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
					uni.setStorageSync('systemInfo', res)
					console.log(res)
				}
			})
		},
		methods: {
			handleOpenChange() {
				this.$refs.collapseHeight.queryRect(); // 计算高度
			},
			handleInput() {
				console.log(111, this.riskAssessmentInfo, this.riskLevelList[this.riskLevelIndex])
				const dynamicMin = this.riskAssessmentInfo[this.riskLevelList[this.riskLevelIndex].dynamicMin];
				const dynamicMax = this.riskAssessmentInfo[this.riskLevelList[this.riskLevelIndex].dynamicMax];

				if (Number(this.workTicketInfo.directDeterminationMethodData) > Number(dynamicMax)) {
					this.workTicketInfo.directDeterminationMethodData = dynamicMax;
				} else if (Number(this.workTicketInfo.directDeterminationMethodData) < Number(dynamicMin)) {
					this.workTicketInfo.directDeterminationMethodData = dynamicMin;
				}
			},
			handleInput1() {
				if (Number(this.workTicketInfo.lcdData.lNumber) > 10) {
					this.workTicketInfo.lcdData.lNumber = 10;
				} else if (Number(this.workTicketInfo.lcdData.lNumber) < 0) {
					this.workTicketInfo.lcdData.lNumber = 0;
				}
			},
			//下拉选择回显
			bindPickerChange(e, type) {
				console.log(e)
				if (type == 1) {
					this.riskAssessmentCalculatorIndex = e.detail.value;
					this.workTicketInfo.riskAssessmentCalculator = this.riskAssessmentCalculatorFilterList[e.detail.value]
						.id;
				} else if (type == 2) {
					this.lecdDatalIndex = e.detail.value;
					this.workTicketInfo.lecdData.lNumber = this.riskList1[e.detail.value].score;
				} else if (type == 3) {
					this.lecdDataeIndex = e.detail.value;
					this.workTicketInfo.lecdData.eNumber = this.riskList2[e.detail.value].score;
				} else if (type == 4) {
					this.lecdDatacIndex = e.detail.value;
					this.workTicketInfo.lecdData.cNumber = this.riskList3[e.detail.value].score;
				} else if (type == 5) {
					this.riskLevelIndex = e.detail.value;
					this.workTicketInfo.riskLevel = this.riskLevelList[e.detail.value].id;
				} else if (type == 6) {
					this.lcdDatacIndex = e.detail.value;
					this.workTicketInfo.lcdData.cNumber = this.riskList6[e.detail.value].score;
				} else if (type == 7) {
					this.accidentTypeIndex = e.detail.value;
					this.workTicketInfo.accidentTypeId = this.accidentTypeList[e.detail.value].id;
				} else if (type == 8) {
					this.lsrDatalIndex = e.detail.value;
					this.workTicketInfo.lsrData.lNumber = this.riskList7[e.detail.value].score;
				} else if (type == 9) {
					this.lsrDatasIndex = e.detail.value;
					this.workTicketInfo.lsrData.sNumber = this.riskList8[e.detail.value].score;
				}
			},
			// 通过id查询管控清单信息
			getWorkTicketQueryByIdFn() {
				let that = this;
				let data = {
					projectSn: this.projectDetail.projectSn,
					id: this.riskListPointId,
				};
				this.sendRequest({
					url: 'xmgl/riskListSource/queryById',
					method: 'GET',
					data: data,
					success: res => {
						if (res.code == 200) {
							this.workTicketInfo = {
								...res.result,
								lecdData: isJSON(res.result.lecdData) && res.result.lecdData && res.result
									.lecdData != "null" ?
									JSON.parse(res.result.lecdData) : {
										lNumber: "",
										eNumber: "",
										cNumber: "",
									},
								lcdData: isJSON(res.result.lcdData) && res.result.lcdData && res.result
									.lcdData != "null" ?
									JSON.parse(res.result.lcdData) : {
										lNumber: "",
										cNumber: ""
									},
								lsrData: isJSON(res.result.lsrData) && res.result.lsrData && res.result
									.lsrData != "null" ?
									JSON.parse(res.result.lsrData) : {
										lNumber: "",
										sNumber: ""
									},
								specificResponsibilityAreaIds: res.result.specificResponsibilityAreaIds ?
									res.result
									.specificResponsibilityAreaIds.split(',') : [],
								specificResponsibilityAreaNames: res.result
									.specificResponsibilityAreaNames,
								controlWorkerEnterpriseIds: res.result.controlWorkerEnterpriseIds ?
									res.result
									.controlWorkerEnterpriseIds.split(',') : [],
								controlWorkerEnterpriseNames: res.result.controlWorkerEnterpriseNames,
								controlWorkerIds: res.result.controlWorkerIds ? res.result.controlWorkerIds
									.split(',') : [],
								controlWorkerNames: res.result.controlWorkerNames,
								checkWorkerEnterpriseIds: res.result.checkWorkerEnterpriseIds ? res.result
									.checkWorkerEnterpriseIds
									.split(',') : [],
								checkWorkerIds: res.result.checkWorkerIds ? res.result.checkWorkerIds
									.split(',') : [],
								remark: res.result.remark ? res.result.remark : "",
							};
							if (this.workTicketInfo.dynamicType == 1) {
								this.riskAssessmentCalculatorFilterList = [{
										id: 1,
										name: "LECD",
									},
									{
										id: 2,
										name: "直接判定法",
									},
									{
										id: 3,
										name: "LCD",
									},
								];
							} else if (this.workTicketInfo.dynamicType == 2) {
								this.riskAssessmentCalculatorFilterList = [{
										id: 4,
										name: "LSR",
									},
									{
										id: 2,
										name: "直接判定法",
									}
								];
							}
						}
					}
				})
			},
			// 编辑管控清单
			getworkTicketEditFn() {
				let that = this;
				let data = {
					...this.workTicketInfo,
					lecdData: JSON.stringify(this.workTicketInfo.lecdData),
					lcdData: JSON.stringify(this.workTicketInfo.lcdData),
					lsrData: JSON.stringify(this.workTicketInfo.lsrData),
					specificResponsibilityAreaIds: this.workTicketInfo.specificResponsibilityAreaIds.join(','),
					controlWorkerIds: this.workTicketInfo.controlWorkerIds.join(','),
					controlWorkerEnterpriseIds: this.workTicketInfo.controlWorkerEnterpriseIds.join(','),
					checkWorkerEnterpriseIds: this.workTicketInfo.checkWorkerEnterpriseIds.join(','),
					checkWorkerIds: this.workTicketInfo.checkWorkerIds.join(','),
					projectSn: this.projectDetail.projectSn,
				};
				console.log(data)
				this.sendRequest({
					url: 'xmgl/riskListSource/edit',
					method: 'POST',
					data: data,
					success: res => {
						if (res.code == 200) {
							that.showToast('编辑成功', 'success');
							that.onNavigateBack();
						}
					}
				})
			},
			// 取消
			onNavigateBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			// 获取时间
			onConstructionTimeChange(event) {
				console.log(event)
				this.workTicketInfo.effectiveTimeBegin = event.startDate;
				this.workTicketInfo.effectiveTimeEnd = event.endDate;
			},
			// 多选下拉 1区域 2单位 3人员
			onClickType(type) {
				this.constructionType = type;
				if (type == 1) {
					this.constructionAreasList = this.workTicketInfo.specificResponsibilityAreaIds.map(item => item);
					this.constructionAreasNameList = this.workTicketInfo.specificResponsibilityAreaNames ? this
						.workTicketInfo
						.specificResponsibilityAreaNames.split(',') : [];
				} else if (type == 2) {
					this.constructionAreasList = this.workTicketInfo.controlWorkerEnterpriseIds.map(item => item);
					this.constructionAreasNameList = this.workTicketInfo.controlWorkerEnterpriseNames ? this
						.workTicketInfo
						.controlWorkerEnterpriseNames.split(',') : [];
				} else if (type == 3) {
					this.constructionAreasList = this.workTicketInfo.controlWorkerIds.map(item => item);
					this.constructionAreasNameList = this.workTicketInfo.controlWorkerNames ? this
						.workTicketInfo
						.controlWorkerNames.split(',') : [];
					this.getProjectChilderSystemUserPageList(this.workTicketInfo.controlWorkerEnterpriseIds.join(','));
				} else if (type == 4) {
					this.constructionAreasList = this.workTicketInfo.checkWorkerEnterpriseIds.map(item => item);
					this.constructionAreasNameList = this.workTicketInfo.checkWorkerEnterpriseNames ? this
						.workTicketInfo
						.checkWorkerEnterpriseNames.split(',') : [];
				} else if (type == 5) {
					this.constructionAreasList = this.workTicketInfo.checkWorkerIds.map(item => item);
					this.constructionAreasNameList = this.workTicketInfo.checkWorkerNames ? this
						.workTicketInfo
						.checkWorkerNames.split(',') : [];
					this.getProjectChilderSystemUserPageList(this.workTicketInfo.checkWorkerEnterpriseIds.join(','));
				}
				this.constructionAreasShow = true;

			},
			// 区域
			onConstructionAreasClick(id, checked, label) {
				console.log(id, checked, label)
				const idx = this.constructionAreasList.indexOf(id);
				if (checked && idx === -1) {
					this.constructionAreasList.push(id);
					this.constructionAreasNameList.push(label);
				} else if (!checked && idx !== -1) {
					this.constructionAreasList.splice(idx, 1);
					this.constructionAreasNameList.splice(idx, 1);
				}
				console.log(1122, this.constructionAreasNameList, this.constructionAreasList)
			},
			onSubmitType() {
				if (this.constructionType == 1) {
					this.workTicketInfo.specificResponsibilityAreaIds = [...this.constructionAreasList];
					this.workTicketInfo.specificResponsibilityAreaNames = this.constructionAreasNameList.join(',');
				} else if (this.constructionType == 2) {
					this.workTicketInfo.controlWorkerEnterpriseIds = [...this.constructionAreasList];
					this.workTicketInfo.controlWorkerEnterpriseNames = this.constructionAreasNameList.join(',');
				} else if (this.constructionType == 3) {
					this.workTicketInfo.controlWorkerIds = [...this.constructionAreasList];
					this.workTicketInfo.controlWorkerNames = this.constructionAreasNameList.join(',');
				} else if (this.constructionType == 4) {
					this.workTicketInfo.checkWorkerEnterpriseIds = [...this.constructionAreasList];
					this.workTicketInfo.checkWorkerEnterpriseNames = this.constructionAreasNameList.join(',');
				} else if (this.constructionType == 5) {
					this.workTicketInfo.checkWorkerIds = [...this.constructionAreasList];
					this.workTicketInfo.checkWorkerNames = this.constructionAreasNameList.join(',');
				}
				this.constructionAreasShow = false;
			},
			onCancelClick() {
				// if (this.constructionType == 1) {
				// 	this.constructionAreasList = [...this.workTicketInfo.specificResponsibilityAreaIds];
				// } else if (this.constructionType == 2) {
				// 	this.constructionAreasList = [...this.workTicketInfo.controlWorkerEnterpriseIds];
				// }
				this.constructionAreasShow = false;
			},
			// 获取责任区域
			getQualityRegionListFn() {
				let that = this;
				let data = {
					projectSn: this.projectDetail.projectSn,
					pageNo: 1,
					pageSize: -1,
				};
				this.sendRequest({
					url: 'xmgl/qualityRegion/tree/page',
					method: 'POST',
					data: data,
					success: res => {
						if (res.code == 200) {
							that.qualityRegionList = res.result.records;
						}
					}
				})
			},
			// 获取整改单位列表
			getEnterpriseInfoListFn() {
				let that = this;
				let data = {
					projectSn: this.projectDetail.projectSn,
				};
				this.sendRequest({
					url: 'xmgl/enterpriseInfo/selectHierarchyEnterpriseList',
					method: 'POST',
					data: data,
					success: res => {
						if (res.code == 200) {
							that.enterpriseInfoList = res.result;
						}
					}
				})
			},
			// 获取整改单位人员列表
			getProjectChilderSystemUserPageList(enterpriseIds) {
				if (!enterpriseIds) {
					this.projectChilderSystemUserPageList = [];
					return
				}
				let that = this;
				let data = {
					projectSn: this.projectDetail.projectSn,
					enterpriseIds: enterpriseIds,
					pageNo: 1,
					pageSize: -1,
				};
				this.sendRequest({
					url: 'xmgl/systemUser/getProjectChilderSystemUserPageList',
					method: 'POST',
					data: data,
					success: res => {
						if (res.code == 200) {
							that.projectChilderSystemUserPageList = res.result.records;
						}
					}
				})
			},
			initRiskAssessmentInfo() {
				let data = {
					projectSn: this.projectDetail.projectSn,
				};
				this.sendRequest({
					url: 'xmgl/riskListRule/list',
					method: 'GET',
					data: data,
					success: res => {
						if (res.code == 200) {
							if (!(Array.isArray(res.result) && res.result.length > 0)) return;
							const resultInfo = this.getRisAssessmentInfo(res.result[0]);
							this.riskAssessmentInfo = {
								...res.result[0],
								...resultInfo,
							};
						}
					}
				})
			},
			getRisAssessmentInfo(resultInfo) {
				// 动态风险
				if (this.workTicketInfo.riskAssessmentCalculator == 1) {
					return {
						dynamicLecdZdMin: resultInfo.dynamicLecdZdMin ?
							resultInfo.dynamicLecdZdMin : "",
						dynamicLecdYbMin: resultInfo.dynamicLecdYbMin ?
							resultInfo.dynamicLecdYbMin : "",
						dynamicLecdYbMax: resultInfo.dynamicLecdYbMax ?
							resultInfo.dynamicLecdYbMax : "",
						dynamicLecdJdMin: resultInfo.dynamicLecdJdMin ?
							resultInfo.dynamicLecdJdMin : "",
						dynamicLecdJdMax: resultInfo.dynamicLecdJdMax ?
							resultInfo.dynamicLecdJdMax : "",
						dynamicLecdDMax: resultInfo.dynamicLecdDMax ? resultInfo.dynamicLecdDMax : "",
					};
				} else if (this.workTicketInfo.riskAssessmentCalculator == 2 && this.workTicketInfo.dynamicType == 1) {
					return {
						dynamicZjZdMin: resultInfo.dynamicZjZdMin ? resultInfo.dynamicZjZdMin : "",
						dynamicZjZdMax: resultInfo.dynamicZjZdMax ? resultInfo.dynamicZjZdMax : "",
						dynamicZjJdMin: resultInfo.dynamicZjJdMin ? resultInfo.dynamicZjJdMin : "",
						dynamicZjJdMax: resultInfo.dynamicZjJdMax ? resultInfo.dynamicZjJdMax : "",
						dynamicZjYbMin: resultInfo.dynamicZjYbMin ? resultInfo.dynamicZjYbMin : "",
						dynamicZjYbMax: resultInfo.dynamicZjYbMax ? resultInfo.dynamicZjYbMax : "",
						dynamicZjDMin: resultInfo.dynamicZjDMin ? resultInfo.dynamicZjDMin : "",
						dynamicZjDMax: resultInfo.dynamicZjDMax ? resultInfo.dynamicZjDMax : "",
					};
				} else if (this.workTicketInfo.riskAssessmentCalculator == 3) {
					return {
						dynamicLecdZdMin: resultInfo.dynamicLcdZdMin ? resultInfo.dynamicLcdZdMin : "",
						dynamicLecdYbMin: resultInfo.dynamicLcdYbMin ? resultInfo.dynamicLcdYbMin : "",
						dynamicLecdYbMax: resultInfo.dynamicLcdYbMax ? resultInfo.dynamicLcdYbMax : "",
						dynamicLecdJdMin: resultInfo.dynamicLcdJdMin ? resultInfo.dynamicLcdJdMin : "",
						dynamicLecdJdMax: resultInfo.dynamicLcdJdMax ? resultInfo.dynamicLcdJdMax : "",
						dynamicLecdDMax: resultInfo.dynamicLcdDMax ? resultInfo.dynamicLcdDMax : "",
					};
				} else if (this.workTicketInfo.riskAssessmentCalculator == 4) {
					return {
						dynamicLecdZdMin: resultInfo.staticLsrZdMin ? resultInfo.staticLsrZdMin : "",
						dynamicLecdYbMin: resultInfo.staticLsrYbMin ? resultInfo.staticLsrYbMin : "",
						dynamicLecdYbMax: resultInfo.staticLsrYbMax ? resultInfo.staticLsrYbMax : "",
						dynamicLecdJdMin: resultInfo.staticLsrJdMin ? resultInfo.staticLsrJdMin : "",
						dynamicLecdJdMax: resultInfo.staticLsrJdMax ? resultInfo.staticLsrJdMax : "",
						dynamicLecdDMax: resultInfo.staticLsrDMax ? resultInfo.staticLsrDMax : "",
					};
				} else if (this.workTicketInfo.riskAssessmentCalculator == 2 && this.workTicketInfo.dynamicType == 2) {
					return {
						dynamicZjZdMin: resultInfo.staticZjZdMin ? resultInfo.staticZjZdMin : "",
						dynamicZjZdMax: resultInfo.staticZjZdMax ? resultInfo.staticZjZdMax : "",
						dynamicZjJdMin: resultInfo.staticZjJdMin ? resultInfo.staticZjJdMin : "",
						dynamicZjJdMax: resultInfo.staticZjJdMax ? resultInfo.staticZjJdMax : "",
						dynamicZjYbMin: resultInfo.staticZjYbMin ? resultInfo.staticZjYbMin : "",
						dynamicZjYbMax: resultInfo.staticZjYbMax ? resultInfo.staticZjYbMax : "",
						dynamicZjDMin: resultInfo.staticZjDMin ? resultInfo.staticZjDMin : "",
						dynamicZjDMax: resultInfo.staticZjDMax ? resultInfo.staticZjDMax : "",
					};
				}
			},
			// LECD的L
			getRiskListRuleItemList(type) {
				let data = {
					projectSn: this.projectDetail.projectSn,
					itemType: type,
					dynamicType: this.workTicketInfo.dynamicType
				};
				this.sendRequest({
					url: 'xmgl/riskListRuleItem/list',
					method: 'GET',
					data: data,
					success: res => {
						if (res.code == 200) {
							this[`riskList${type}`] = res.result.map((item) => {
								return {
									...item,
									riskShow: false,
								};
							});
						}
					}
				})
			},
			// 获取字典工程类别列表
			getDicProjectTypeList() {
				let that = this;
				let data = {
					projectSn: this.projectDetail.projectSn,
				};
				this.sendRequest({
					url: 'xmgl/riskListPotentialAccidentType/list',
					method: 'GET',
					data: data,
					success: res => {
						if (res.code == 200) {
							this.accidentTypeList = res.result.sort(
								(a, b) => Date.parse(a.createTime) - Date.parse(b.createTime)
							);
						}
					}
				})
			},
			showToast(title, type) {
				this.$refs.uToast.show({
					title: title,
					type: type,
				})
			},
		},
		computed: {
			setNameUp() {
				return (rowId, dataList, id, name, indexName) => {
					const find = dataList.find((item) => item[id] === rowId);
					if (indexName) {
						const findIndex = dataList.findIndex((item) => item[id] === rowId);
						this[indexName] = findIndex > -1 ? findIndex : 0;
					}
					return find ? find[name] : "--";
				};
			},
			lecdDataUp() {
				if (this.workTicketInfo.riskAssessmentCalculator == 1) {
					const countNum = Number(
						this.workTicketInfo.lecdData.lNumber *
						this.workTicketInfo.lecdData.eNumber *
						this.workTicketInfo.lecdData.cNumber
					).toFixed(2);
					if (countNum > Number(this.riskAssessmentInfo.dynamicLecdZdMin)) {
						this.workTicketInfo.riskLevel = 1;
					} else if (
						countNum >= Number(this.riskAssessmentInfo.dynamicLecdJdMin) &&
						countNum <= Number(this.riskAssessmentInfo.dynamicLecdJdMax)
					) {
						this.workTicketInfo.riskLevel = 2;
					} else if (
						countNum >= Number(this.riskAssessmentInfo.dynamicLecdYbMin) &&
						countNum <= Number(this.riskAssessmentInfo.dynamicLecdYbMax)
					) {
						this.workTicketInfo.riskLevel = 3;
					} else if (countNum < Number(this.riskAssessmentInfo.dynamicLecdDMax)) {
						this.workTicketInfo.riskLevel = 4;
					}
					return countNum;
				} else if (this.workTicketInfo.riskAssessmentCalculator == 3) {
					const countNum = Number(
						this.workTicketInfo.lcdData.lNumber *
						this.workTicketInfo.lcdData.cNumber
					).toFixed(2);
					if (countNum > Number(this.riskAssessmentInfo.dynamicLcdZdMin)) {
						this.workTicketInfo.riskLevel = 1;
					} else if (
						countNum >= Number(this.riskAssessmentInfo.dynamicLcdJdMin) &&
						countNum <= Number(this.riskAssessmentInfo.dynamicLcdJdMax)
					) {
						this.workTicketInfo.riskLevel = 2;
					} else if (
						countNum >= Number(this.riskAssessmentInfo.dynamicLcdJdMin) &&
						countNum <= Number(this.riskAssessmentInfo.dynamicLcdYbMax)
					) {
						this.workTicketInfo.riskLevel = 3;
					} else if (countNum < Number(this.riskAssessmentInfo.dynamicLcdDMax)) {
						this.workTicketInfo.riskLevel = 4;
					}
					return countNum;
				}
				return "";
			},
			lsrDataUp() {
				return (lNumber, sNumber) => {
					const countNum = Number(lNumber * sNumber).toFixed(2);
					if (countNum > Number(this.riskAssessmentInfo.staticLsrZdMin)) {
						this.workTicketInfo.riskLevel = 1;
						return "重大风险";
					} else if (
						countNum >= Number(this.riskAssessmentInfo.staticLsrJdMin) &&
						countNum <= Number(this.riskAssessmentInfo.staticLsrJdMax)
					) {
						this.workTicketInfo.riskLevel = 2;
						return "较大风险";
					} else if (
						countNum >= Number(this.riskAssessmentInfo.staticLsrYbMin) &&
						countNum <= Number(this.riskAssessmentInfo.staticLsrYbMax)
					) {
						this.workTicketInfo.riskLevel = 3;
						return "一般风险";
					} else if (countNum < Number(this.riskAssessmentInfo.staticLsrDMax)) {
						this.workTicketInfo.riskLevel = 4;
						return "低风险";
					}
					this.workTicketInfo.riskLevel = 4;
					return "低风险";
				};
			},
			riskLevelUp() {
				return (riskLevel) => {
					const find = this.riskLevelList.find((item) => riskLevel === item.id);
					return find ? find.name : "--";
				};
			},
		},
		watch: {
			"workTicketInfo.riskAssessmentCalculator": {
				handler(val) {
					console.log(val, "改变了111");
					if (val == 1) {
						this.getRiskListRuleItemList(1);
						this.getRiskListRuleItemList(2);
						this.getRiskListRuleItemList(3);
					}
					if (val == 3) {
						this.getRiskListRuleItemList(5);
						this.getRiskListRuleItemList(6);
					}
					if (val == 4) {
						this.getRiskListRuleItemList(7);
						this.getRiskListRuleItemList(8);
					}
					this.initRiskAssessmentInfo();
					this.$nextTick(() => {
						this.$refs.myCollapse.init();
					})
				},
				deep: true,
			},
		},
	}
</script>

<style scoped lang="scss">
	.riskcolor {
		padding: 8rpx 12rpx;
		width: 140rpx;
		text-align: center;
		font-size: 22rpx;
		color: #4D4D4D;
		margin-top: 20rpx;
	}

	.riskcolor1 {
		background-color: #eb4047;
	}

	.riskcolor2 {
		background-color: #ffbf00;
	}

	.riskcolor3 {
		background-color: #ffff00;
	}

	.riskcolor4 {
		background-color: #006fbf;
	}

	/deep/ .u-collapse-head {
		padding: 22rpx 26rpx;

		.u-collapse-title {
			color: #498CEC;
		}

		.u-icon__icon {
			color: #498CEC !important;
		}
	}

	/deep/ .van-cell__title,
	.item-cell_title {
		font-weight: 500;
		font-size: 30rpx;
		color: #1A1A1A;
	}

	/deep/ .van-collapse-item__content,
	/deep/ .uni-collapse-item__wrap-content {
		background-color: #F2F3F7;
		padding: 26rpx;
	}

	.content {
		.content_main2 {
			background-color: white;
			min-height: calc(100vh - 88rpx - 180rpx);
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 40rpx 94rpx;

			>view:first-child {
				width: 502rpx;
				height: 336rpx;
				background-image: url('@/static/workTicketManage/index-icon11.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}

			.edit_img {
				background-image: url('@/static/workTicketManage/index-icon12.png') !important;
			}

			>view:nth-child(2) {
				font-weight: 500;
				font-size: 28rpx;
				color: #171717;
				margin-top: 30rpx;
			}

			>view:nth-child(3) {
				font-size: 24rpx;
				color: #FFA026;
				margin-top: 26rpx;
				display: flex;
				align-items: flex-start;

				.u-icon {
					font-size: 36rpx;
				}
			}
		}

		.content_main1 {
			margin-top: 26rpx;
			padding-bottom: 138rpx;
			// background-color: white;
			// min-height: calc(100vh - 88rpx - 180rpx - 26rpx);

			.content_main-box {
				height: 224rpx;
				background-color: #FFFFFF;
				padding: 26rpx;
				margin-top: 20rpx;

				>view:last-child {
					margin-top: 22rpx;
					display: flex;
					align-items: center;

					>image {
						width: 80rpx;
						height: 104rpx;
						border-radius: 6rpx;
					}

					>view:last-child {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 40rpx;
						height: 104rpx;

						>view {
							display: flex;

							>view:first-child {
								width: 84rpx;
								font-size: 28rpx;
								color: #4D4D4D;
								text-align: right;
							}

							>view:last-child {
								margin-left: 40rpx;
								font-size: 28rpx;
								color: #4D4D4D;
							}
						}
					}
				}

				>view:first-child {
					display: flex;
					align-items: center;
					justify-content: space-between;

					>view:first-child {
						font-weight: 800;
						font-size: 30rpx;
						color: #171717;
					}

					image {
						width: 32rpx;
						height: 32rpx;
					}

					.u-icon {
						font-size: 40rpx;
						color: #EA3941;
					}
				}
			}

			.header-title {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 12rpx 26rpx;
				background-color: white;

				>view:first-child {
					font-weight: 500;
					font-size: 30rpx;
					color: #1A1A1A;
				}

				>view:last-child {
					display: flex;
					align-items: center;

					>view:first-child {
						width: 40rpx;
						height: 40rpx;
						background-image: url('@/static/workTicketManage/index-icon10.png');
						background-repeat: no-repeat;
						background-size: 100% 100%;
					}

					>view:last-child {
						font-weight: 500;
						font-size: 24rpx;
						color: #4D8EEC;
						margin-left: 20rpx;
					}
				}
			}
		}

		.content_main {
			// margin-top: 26rpx;
			padding-bottom: 138rpx;
			background-color: white;

			.main-box {
				padding: 16rpx 26rpx;

				.box3 {
					.subTitle {
						font-size: 24rpx;
						color: #808080;
						margin-top: 20rpx;
					}

					.title {
						font-size: 28rpx;
						color: #4D4D4D;
					}

					.mt-26 {
						margin-top: 26rpx;
					}

					.u-input {
						width: 100%;
						margin-top: 20rpx;

						/deep/ .u-input__input {
							min-height: 70rpx !important;
						}
					}

					.select-box {
						width: 100%;
						height: 68rpx;
						border-radius: 8rpx;
						border: 2rpx solid #D8DBE8;
						font-size: 28rpx;
						color: #A2A4AF;
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 26rpx;
						margin-top: 20rpx;
					}
				}

				>.box2 {
					flex-direction: column;
					margin-top: 0 !important;

					>view:first-child {
						width: 192rpx !important;
					}

					.imgBox_wrap_list {
						flex-direction: column;
						align-items: flex-start !important;
						margin-left: 142rpx;

						.addImgBox_text {
							margin-top: 20rpx;
							margin-bottom: 10rpx;
							font-size: 24rpx;
							color: #808080;
						}

						.addImgBox_btn {
							width: 184rpx;
							height: 66rpx;
							background-color: #5181F6;
							border-radius: 6rpx;
							font-size: 28rpx;
							color: #FFFFFF;
							display: flex;
							align-items: center;
							justify-content: center;
						}

						.imgBox_list {
							width: 550rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							padding: 14rpx 26rpx 14rpx 40rpx;

							>view:first-child {
								display: flex;
								align-items: center;

								.u-icon {
									font-size: 40rpx;
									color: #B3B3B3;
								}

								>view:last-child {
									margin-left: 14rpx;
									width: 320rpx;
									font-size: 24rpx;
									color: #808080;
									overflow: hidden;
									white-space: nowrap;
									text-overflow: ellipsis;
								}
							}

							>.u-icon {
								font-size: 32rpx;
								color: #7AC756;
							}
						}

						.imgBox_list_active {
							>view:first-child {

								.u-icon,
								>view:last-child {
									color: #5181F6;
								}
							}

							>.u-icon {
								color: #B3B3B3;
							}
						}

						.imgBox_list:nth-child(even) {
							background-color: #FBFBFB;
						}

						.imgBox_list:nth-child(odd) {
							background-color: #FFFFFF;
						}
					}

					.imgBox_wrap {
						display: flex;
						flex-wrap: wrap;
						margin-left: 192rpx;
						flex: 1;

						>view:not(:last-child) {
							margin-right: 26rpx;
						}

						>view {
							margin-bottom: 20rpx;
						}

						.imgBox {
							width: 112rpx;
							height: 120rpx;
							display: inline-flex;
							position: relative;
							border-radius: 8rpx;

							.img {
								width: 100%;
								height: 100%;
								border-radius: 8rpx;
							}

							.deleteImg {
								position: absolute;
								right: -20rpx;
								top: -20rpx;
								color: #fff;
								width: 20rpx;
								height: 20rpx;
								background-image: url('@/static/workTicketManage/index-icon9.png');
								background-repeat: no-repeat;
								background-size: 100% 100%;

							}

						}

						.addImgBox {
							width: 118rpx;
							height: 120rpx;
							background: #FFFFFF;
							border-radius: 8rpx;
							border: 2rpx solid #D8DBE8;
							display: inline-flex;
							align-items: center;
							justify-content: center;
							font-size: 24rpx;

							.icon-add {
								width: 40rpx;
								height: 40rpx;
							}
						}
					}


				}

				>.box1:not(:first-child) {
					margin-top: 20rpx;
				}

				>.box1 {
					display: flex;
					align-items: flex-start;
					font-size: 28rpx;
					font-weight: 500;

					>view:first-child {
						width: 192rpx;
						color: #808080;
						height: 68rpx;
						display: flex;
						align-items: center;

						>text {
							color: #FF0000;
						}
					}

					>view:last-child {
						color: #4D4D4D;
						min-height: 68rpx;
						display: flex;
						align-items: center;
					}

					.select-box {
						width: 522rpx;
						height: 68rpx;
						border-radius: 8rpx;
						border: 2rpx solid #D8DBE8;
						font-size: 28rpx;
						color: #A2A4AF;
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 26rpx;
					}
				}

				/deep/ .u-input {
					width: 522rpx;
					height: 68rpx;
					line-height: 68rpx;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					border: 2rpx solid #D8DBE8;
				}

				.changetime {
					width: 522rpx;
					height: 68rpx;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					border: 2rpx solid #D8DBE8;
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 0 34rpx;
					font-size: 28rpx;
					color: #4D4D4D;

					.changetime_icon {
						width: 36rpx;
						height: 36rpx;
						background-image: url('@/static/workTicketManage/index-icon7.png');
						background-repeat: no-repeat;
						background-size: 100% 100%;
					}
				}

				.textarea {
					position: relative;

					/deep/ .u-input {
						// height: 160rpx;
						line-height: 68rpx;
						min-height: 160rpx !important;
						height: initial;
						padding-bottom: 20px !important;
					}

					.textarea_text {
						position: absolute;
						right: 20rpx;
						bottom: 20rpx;
						font-size: 22rpx;
						color: #B3B3B3;
					}
				}
			}

			.header-title {
				padding: 12rpx 16rpx;
				font-weight: 500;
				font-size: 30rpx;
				color: #1A1A1A;
				border-bottom: 2rpx solid #EFF3F7;
			}
		}

		.confrim-btn {
			width: 100%;
			padding: 18rpx 26rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx -8rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
			display: flex;
			position: fixed;
			bottom: 0;
			z-index: 1;

			>view {
				width: 50%;
				height: 76rpx;
				font-weight: 500;
				font-size: 28rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			>view:first-child {
				background-color: rgba(81, 129, 246, 0.1);
				border-radius: 6rpx 0rpx 0rpx 6rpx;
				color: #5181F6;
			}

			>view:last-child {
				background-color: #5181F6;
				border-radius: 0rpx 6rpx 6rpx 0rpx;
				color: #FFFFFF;
			}
		}
	}

	/deep/ .u-mode-center-box {
		width: 698rpx !important;

		.u-model__title {
			padding: 0;
			font-size: 32rpx;
			color: #272D45;
			height: 86rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx 8rpx 10rpx -8rpx rgba(81, 129, 246, 0.42);
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.u-model__content__message {
			padding: 26rpx 26rpx 72rpx;
			font-size: 28rpx;
			color: #171717;
		}

		.u-model__footer__button {
			height: 76rpx;
			line-height: 76rpx;
			background-color: rgba(81, 129, 246, 0.1);
			font-weight: 500;
			font-size: 28rpx;
			color: #5181F6;
		}

		.hairline-left {
			background-color: #5181F6;
			color: white !important;
		}
	}

	/deep/ .u-drawer-bottom {
		border-radius: 32rpx 32rpx 0 0;
	}

	.content-popup {
		.content-popup_main {
			padding: 26rpx 0;

			>view {
				width: 100%;
				height: 80rpx;
				background-color: #FFFFFF;
				font-weight: 500;
				font-size: 30rpx;
				color: #1A1A1A;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			>view:not(:first-child) {
				margin-top: 20rpx;
			}

			.popup_main_active {
				background-color: rgba(81, 129, 246, 0.1);
				color: #5181F6;
			}
		}

		uni-scroll-view {
			margin: 26rpx 0;
		}

		.content-popup_header {
			height: 86rpx;
			box-shadow: 0rpx 8rpx 10rpx -8rpx rgba(81, 129, 246, 0.42);
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: 800;
			font-size: 30rpx;
			color: #1A1A1A;
		}

		.confrim-btn {
			padding: 18rpx 26rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx -8rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
			display: flex;

			>view {
				width: 50%;
				height: 76rpx;
				font-weight: 500;
				font-size: 28rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			>view:first-child {
				background-color: rgba(81, 129, 246, 0.1);
				border-radius: 6rpx 0rpx 0rpx 6rpx;
				color: #5181F6;
			}

			>view:last-child {
				background-color: #5181F6;
				border-radius: 0rpx 6rpx 6rpx 0rpx;
				color: #FFFFFF;
			}
		}
	}

	.addIssue {
		min-height: 100vh;
		background-color: #FFFFFF;
	}

	/deep/ .u-steps {
		background-color: #FFFFFF;
		padding: 26rpx;

		.u-steps__item {
			flex: unset;

			.u-steps__item__dot {
				width: 72rpx;
				height: 72rpx;
				border-radius: 50%;
				background-color: #F4333C !important;
				position: relative;
			}

			.u-steps__item__dot::after {
				content: "";
				width: 40rpx;
				height: 40rpx;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}
		}

		.u-steps__item:nth-child(1) .u-steps__item__line {
			width: 230rpx;
			left: 80%;
		}

		.u-steps__item:nth-child(1) .u-steps__item__dot {
			background-color: #008DE4 !important;
		}

		.u-steps__item:nth-child(1) .u-steps__item__dot::after {
			background-image: url('@/static/workTicketManage/index-icon4.png');
		}

		.u-steps__item:nth-child(2) {
			flex: 1;

			.u-steps__item__line {
				width: 220rpx;
				left: 57%;

				.u-line {
					border-color: #F4353E !important;
					border-bottom: 4rpx solid #F4353E !important;
				}
			}

			.u-steps__item__dot::after {
				background-image: url('@/static/workTicketManage/index-icon5.png');
			}
		}

		.u-steps__item:nth-child(3) .u-steps__item__dot::after {
			background-image: url('@/static/workTicketManage/index-icon6.png');
		}

		.u-steps__item__line {
			top: calc(72rpx / 2) !important;

			.u-line {
				border-color: #038EE4 !important;
				border-bottom: 4rpx solid #038EE4 !important;
			}
		}

		.u-steps__item__text--row {
			font-weight: 500;
			font-size: 30rpx;
			color: #1A1A1A !important;
			margin-top: 12rpx;
		}
	}

	/deep/ .steps_1 {
		.u-steps__item:nth-child(2) .u-steps__item__dot {
			background-color: #008DE4 !important;
		}

		.u-steps__item:nth-child(2) .u-steps__item__line .u-line {
			border-color: #038EE4 !important;
			border-bottom: 4rpx solid #038EE4 !important;
		}
	}

	/deep/ .steps_2 {
		.u-steps__item:nth-child(3) .u-steps__item__dot {
			background-color: #008DE4 !important;
		}

	}

	/deep/ .steps_3 {
		.u-steps__item:nth-child(1) .u-steps__item__line {
			width: 520rpx;
			left: 80%;
		}

		.u-steps__item:nth-child(2) .u-steps__item__line {
			opacity: 0;
		}

		.u-steps__item:nth-child(2) .u-steps__item__dot {
			opacity: 0;
		}

	}

	.fixedheader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;

		/deep/ .headerBox {
			border-bottom: none;
		}

		.headerName {
			z-index: 1;
		}
	}

	.new-nodata_height {
		min-height: 500rpx;
		position: relative;
	}

	.new-nodata {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		>view {
			width: 300rpx;
			height: 300rpx;
			background-image: url('@/static/staffAttendance/nodata.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
		}

		>text {
			font-size: 22rpx;
			color: #808080;
			margin-top: 60rpx;
		}
	}

	.content_main-box1 {
		height: 224rpx;
		// background-color: #FFFFFF;
		padding: 26rpx;

		/deep/ .uni-checkbox-input {
			width: 32rpx;
			height: 32rpx;
		}

		>view:last-child {
			margin-top: 22rpx;
			display: flex;
			align-items: center;

			>image {
				width: 80rpx;
				height: 104rpx;
				border-radius: 6rpx;
			}

			>view:last-child {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin-left: 40rpx;
				height: 104rpx;

				>view {
					display: flex;

					>view:first-child {
						width: 84rpx;
						font-size: 28rpx;
						color: #4D4D4D;
						text-align: right;
					}

					>view:last-child {
						margin-left: 40rpx;
						font-size: 28rpx;
						color: #4D4D4D;
					}
				}
			}
		}

		>view:first-child {
			display: flex;
			align-items: center;
			justify-content: space-between;

			>view:first-child {
				font-weight: 800;
				font-size: 30rpx;
				color: #171717;
			}

			>view:last-child {
				width: 90rpx;
				height: 42rpx;
				background-color: rgba(71, 195, 147, 0.1);
				border-radius: 76rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 21rpx;
				color: #47C393;
			}

			.boundalready {
				background-color: rgba(113, 75, 0, 0.1) !important;
				color: #714B00 !important;
			}
		}
	}
</style>