Web_TracerMethodology/pages/mainPointsDetail/mainPointsDetail.vue

<template>
	<view class="mainPointsDetailPage">
		<tm-modal v-if="showSelectModal" @click="clickModalhandle">
			<view class="checkItemResultModal">
				<view class="modalContent">
					<view class="modalBar">请选择查核结果</view>
					<scroll-view v-if="data.checkModelName != '访谈'" class="scroll" scroll-y="true">
						<view v-for="item in checkItemResultList"
							:class="[checkedSelectResultListIds.includes(item.id)?'list on':'list']" :key="item.id"
							@click.stop="selectResultHandle(item)">
							<image class="checkIcon"
								:src="`../../static/${!moreDeduction?'check-radio.png':'check-checkbox.png'}`" mode="">
							</image>
							{{item.resultName}}
						</view>
					</scroll-view>

					<scroll-view v-if="data.checkModelName == '访谈'" class="scroll" scroll-y="true">
						<view v-for="item in checkItemResultList"
							:class="[checkedSelectResultListIds[currentEditTextAreaIndex]&&checkedSelectResultListIds[currentEditTextAreaIndex].includes(item.id)?'list on':'list']"
							:key="item.id" @click.stop="selectResultHandle(item)">
							<image class="checkIcon"
								:src="`../../static/${!moreDeduction?'check-radio.png':'check-checkbox.png'}`" mode="">
							</image>
							{{item.resultName}}
						</view>
					</scroll-view>
					<view class="comfirmBtn" @click="commitSelectResult">确定</view>
				</view>
			</view>
		</tm-modal>
		<scroll-view scroll-y="true" class="scroll-y">
			<view class="checkItem">
				<view class="chBg">
					<image src="../../static/chahexiang-bg.png" mode="" class="img"></image>
					<text class="title">查核项</text>
				</view>
				<image src="../../static/tuli.png" mode="" class="tlImg" @click="toTuLi"></image>
				<view class="chContent">
					<view class="checkItemName">{{ data.checkItemName ? data.checkItemName : "" }}</view>
					<view class="checkPointName">{{ data.checkPointName ? data.checkPointName : "" }}</view>
					<view class="cont">
						<view class="floatLeft other">
							<view class="letterTitle2">{{ data.deptName ? data.deptName : "" }}</view>
							<view class="letterTitle">查核单位</view>
						</view>
						<view class="floatLeft borderLine"></view>
						<view class="floatLeft other">
							<view class="letterTitle2">{{ data.checkModelName ? data.checkModelName : "" }}</view>
							<view class="letterTitle">查核方式</view>
						</view>
						<view class="floatLeft borderLine"></view>
						<view class="floatLeft other">
							<view class="letterTitle2">{{ data.lastResult ? data.lastResult : "" }}</view>
							<view class="letterTitle">上次结果</view>
						</view>
						<view class="floatLeft borderLine"></view>
						<view class="floatLeft other">
							<view class="letterTitle2">{{ data.checkResult ? data.checkResult : "" }}</view>
							<view class="letterTitle">本次结果</view>
						</view>
					</view>
					<view class="checked">
						<view class="checked-checkItem" v-for="item in checkConfiglist" :key="item.attr"
							@click="checkedOne(item)" :style="
                Index == item.attr
                  ? { backgroundColor: '#3377FF', color: '#fff' }
                  : { backgroundColor: '#EBEFF7' }
              ">{{item.attr}}
							<view v-if="lastIndex == item.attr">
								<image src="../../static/shangci.png" mode="" class="img"></image>
								<text class="lastName">上次</text>
							</view>
						</view>

					</view>
					<view class="more" @click="toHistory">
						<text>查看改善历史</text>
						<view class="moreImg">
							<image src="../../static/blue-arrow.png" mode="" class="moreImg2"></image>
						</view>
					</view>
					<view class="multipleResponsible">
						<view class="inner" @click="toSelectResponsible">
							<text class="label">当事人</text>
							<input type="text" disabled v-model="checkedResponsibleList.join(',')"
								placeholder="请选择当事人（可多选）" class="value" placeholder-class="valuePlaceholder" />
							<image class="arrow" src="../../static/incon-more.png" mode=""></image>
						</view>
					</view>
					<view class="score">
						<view class="box">
							<text class="lable">总分</text>
							<text class="totalScore">{{totalScore}}</text>
						</view>
						<view class="box">
							<text class="lable">本次得分</text>
							<text class="currentScore">{{currentScore>0?currentScore:0}}</text>
						</view>
					</view>
					<view class="inputScore">
						<text class="label">本项扣分</text>
						<view class="textValue" v-if="!ifInputScore" @click='changeToInputScore'>{{deductPoint}}</view>
						<input class="value" v-if="ifInputScore" @input="onInputScore" focus='true' auto-blur='true'
							@blur='inputOnBlur' type="number" v-model="inputScore" placeholder-class="placeholder" />
					</view>
				</view>
			</view>
			<view v-if="data.checkModelName == '访谈'" class="talk">
				<view v-for="(item, i) in talkList">
					<view class="talkTitle">
						<text>访谈内容{{ i + 1 }}{{ i == 0 ? "" : "（访谈人员：护士、医生）" }}</text>
						<text v-if="i != 0" class="del" @click="del(i)">删除</text>
					</view>
					<view>
						<view class="talkResult">
							<view class="seeResultFloorOne">
								<text class="seeName">查核结果</text>
								<view class="plusAction" v-if="checkItemResultList.length>0"
									@click="openSelectModal(i)">
									<image class="plusIcon" src="../../static/icon-add.png" mode=""></image>
									<text class="threePoint">缺陷</text>
								</view>
							</view>
							<text class="clear" @click="clearResult(true,i)">清空</text>
							<textarea maxlength="300" class="seeTextarea" value="" placeholder="请输入"
								v-model="item.talkResult" @blur="changeTextarea($event, i)"></textarea>
						</view>
						<view class="talkImg" @click="imgClick(i)">
							<tm-upload-img label="上传图片" :filePaths="item.filePath" :isMultiple="true" :pickIndex="i"
								@changeFilePaths="changeFilePaths2" />
						</view>
					</view>
				</view>
			</view>
			<view v-else class="see">
				<view class="seeResult">
					<view class="seeResultFloorOne">
						<text class="seeName">查核结果</text>
						<view class="plusAction" v-if="checkItemResultList.length>0" @click="openSelectModal">
							<image class="plusIcon" src="../../static/icon-add.png" mode=""></image>
							<text class="threePoint">缺陷</text>
						</view>
					</view>
					<text class="clear" @click="clearResult(false)">清空</text>
					<textarea maxlength="300" class="seeTextarea" placeholder="请输入" v-model="recordList[0].seeResult"
						@blur="changeTextarea2"></textarea>
				</view>
				<view class="seeImg">
					<tm-upload-img label="上传图片" :filePaths="filePath" :isMultiple="true"
						@changeFilePaths="changeFilePaths" />
				</view>
			</view>

			<button class="insert" @click="insert" v-if="data.checkModelName == '访谈'">
				+ 增加一条记录
			</button>
		</scroll-view>
		<!-- <button type="primary" class="sureDetail" @click="sureDetail" v-if="data.display?data.display:false">完成</button> -->
		<view class="bottomMenuGroup">
			<view class="menuBtn" @click="goToPrevPage">
				<image class="threeLineMenuIcon" src="/static/threeLineMenu.png"></image>
			</view>
			<view class="prevBtn" @click="switchItem(1)">下一项</view>
			<view class="nextBtn" @click="sureDetail('back')" v-if="data.display?data.display:false">完成</view>
		</view>
	</view>
</template>

<script>
	import {
		_goBackFresh
	} from '../../utils/compatible.js';

	export default {
		data() {
			return {
				value: '',
				showSelectModal: false,
				data: {}, //详情数据
				lastIndex: null, //上次选中的结果
				Index: null, //点击修改本次选中样式
				filePath: [],
				recordList: [{
					seeResult: "",
					filePath: []
				}],
				talkLength: 1,
				talkList: [{
					talkResult: "",
					filePath: []
				}],
				editIndex: null,
				resultConfigList: [],
				id: "",
				checkPointId: "",
				itemBelongGroup: [],
				itemId: '',
				currentEditTextAreaIndex: -1, //当前编辑的查核结果下标
				checkItemResultList: [], //查核结果说明下拉列表
				checkedSelectResultList: [], //下拉结果选中集合
				checkedSelectResultListIds: [],
				currentSelect: '',
				checkItemScore: 0, //查核选中的分数
				checkItemValue: null, //查核选中的分数占比
				checkConfiglist: [], //查核情况可配置列表
				totalScore: 0, //总分
				currentScore: 0, //当前得分
				inputScore: null, //手动填写分值
				selectedScore: 0, //缺失项分值
				checkedResponsibleList: [],
				deptId: '', //病区id
				checkedResponsibleData: [],
				checkedSelectResultListData: [],
				multiSelectScore: [],
				deductPoint: 0, //本次扣分
				currentCheckedTab: null, //当前选中的查核tab
				moreDeduction: false, //缺陷项是否多选
				ifInputScore: false, //是否手动干预分值
			};
		},
		onShow() {
			const {
				responsibleList
			} = this.$store.state;
			this.checkedResponsibleData = responsibleList.checkedResponsibleList;
			this.checkedResponsibleList = responsibleList.checkedResponsibleList.map(item => item.main);
		},
		computed: {},
		watch: {
			checkedResponsibleList: function() {
				const {
					responsibleList
				} = this.$store.state;
				return responsibleList.checkedResponsibleList.map(item => item.main);
			},
			selectedScore: function(newVal, oldVal) {
				this.scoreCounter()
			},
			checkItemScore: function(newVal) {
				this.scoreCounter()
			},
			deductPoint: function(newVal, oldVal) {
				this.currentScore = this.totalScore - newVal
			}
		},
		mounted() {
			this.checkTaskDetail(this.id);
			this.getPeizhiList();

		},
		onBackPress() {
			this.$store.commit('checkMainPoints/comChangeState', { //刷新前一页数据
				key: 'ifReloadPageData',
				data: true
			});
		},
		methods: {
			scoreCounter() {
				if(this.checkItemValue == -1){
					//清空分数
					this.deductPoint = 0;
					return
				}
				if (this.inputScore) {
					this.deductPoint = Number(this.inputScore) + this.selectedScore
				} else {
					this.deductPoint = this.selectedScore + this.checkItemValue
				}
			},
			changeToInputScore() {
				this.ifInputScore = true;
			},
			inputOnBlur() {
				this.ifInputScore = false;
				// this.inputScore = null;
			},
			onInputScore(e) {
				this.deductPoint = e.target.value;
			},
			//查核结果清空操作
			clearResult(ifMulti, index) {
				if (ifMulti) {
					//多个查核结果组件时	
					this.talkList[index].talkResult = '';
					if (this.multiSelectScore[index]) {
						this.selectedScore = this.selectedScore - this.multiSelectScore[index];
					}
					this.checkedSelectResultListIds.splice(index, 1, []);
					this.checkedSelectResultList.splice(index, 1, []);
					this.checkedSelectResultListData.splice(index, 1, []);
					this.multiSelectScore[index] = 0;
					this.currentEditTextAreaIndex = -1;


				} else {

					this.recordList[0].seeResult = '';
					this.checkedSelectResultListIds = [];
					this.checkedSelectResultList = [];
					this.checkedSelectResultListData = [];
					this.selectedScore = 0;
				}

			},
			clickModalhandle() {
				this.showSelectModal = false;
				this.currentEditTextAreaIndex = -1;
			},
			openSelectModal(index) {
				if (index >= 0) {
					this.currentEditTextAreaIndex = index;
				}
				this.showSelectModal = true;
			},
			//跳转选择当事人
			toSelectResponsible() {
				uni.navigateTo({
					url: `/pages/responsibleList/responsibleList?deptId=${this.deptId}&checkId=${this.id}`,
				});
			},
			selectResultHandle(item) {

				if (this.data.checkModelName == '访谈') {
					const currentIndex = this.currentEditTextAreaIndex;
					if (!this.moreDeduction) {
						//缺陷项单选
						this.checkedSelectResultListIds.splice(currentIndex, 1, [item.id]);
						this.checkedSelectResultList.splice(currentIndex, 1, [item.resultName]);
						this.checkedSelectResultListData.splice(currentIndex, 1, [item]);

						return;
					}

					if (this.checkedSelectResultListIds[currentIndex] && this.checkedSelectResultListIds[currentIndex]
						.includes(item.id)) {

						const tempIdsArr = JSON.parse(JSON.stringify(this.checkedSelectResultListIds[currentIndex]));
						const tempArr = JSON.parse(JSON.stringify(this.checkedSelectResultList[currentIndex]));
						const tempArrData = JSON.parse(JSON.stringify(this.checkedSelectResultListData[currentIndex]));

						tempIdsArr.splice(tempIdsArr.indexOf(item.id), 1);
						tempArr.splice(tempArr.indexOf(item.resultName), 1);
						tempArrData.splice(tempArrData.indexOf(item.id), 1);

						this.checkedSelectResultListIds.splice(currentIndex, 1, tempIdsArr);
						this.checkedSelectResultList.splice(currentIndex, 1, tempArr);
						this.checkedSelectResultListData.splice(currentIndex, 1, tempArrData);
					} else {
						if (!Array.isArray(this.checkedSelectResultListIds[currentIndex])) this.checkedSelectResultListIds[
							currentIndex] = [];
						if (!Array.isArray(this.checkedSelectResultList[currentIndex])) this.checkedSelectResultList[
							currentIndex] = [];
						if (!Array.isArray(this.checkedSelectResultListData[currentIndex])) this
							.checkedSelectResultListData[currentIndex] = [];

						const tempIdsArr = this.checkedSelectResultListIds[currentIndex].concat([item.id]);
						const tempArr = this.checkedSelectResultList[currentIndex].concat([item.resultName]);
						const tempArrData = this.checkedSelectResultListData[currentIndex].concat([item]);

						this.checkedSelectResultListIds.splice(currentIndex, 1, tempIdsArr);
						this.checkedSelectResultList.splice(currentIndex, 1, tempArr);
						this.checkedSelectResultListData.splice(currentIndex, 1, tempArrData);
					}
				} else {
					if (!this.moreDeduction) {
						//缺陷项单选
						this.checkedSelectResultListIds = [item.id];
						this.checkedSelectResultList = [item.resultName];
						this.checkedSelectResultListData = [item];
						return;
					}
					// 缺陷项多选
					if (this.checkedSelectResultListIds.includes(item.id)) {
						const tempIdsArr = this.checkedSelectResultListIds;
						const tempArr = this.checkedSelectResultList;
						const tempArrData = this.checkedSelectResultListData;
						tempIdsArr.splice(tempIdsArr.indexOf(item.id), 1);
						tempArr.splice(tempArr.indexOf(item.resultName), 1);
						tempArrData.splice(tempArrData.findIndex(t => t.id == item.id), 1);
						this.checkedSelectResultListIds = tempIdsArr;
						this.checkedSelectResultList = tempArr;
						this.checkedSelectResultListData = tempArrData;
					} else {
						this.checkedSelectResultListIds.push(item.id);
						this.checkedSelectResultList.push(item.resultName);
						this.checkedSelectResultListData.push(item);
					}
				}
			},
			commitSelectResult() {

				const _commitFunc = () => {
					if (this.data.checkModelName == '访谈') {

						const tempArr = this.checkedSelectResultListData[this.currentEditTextAreaIndex].map(item =>
							item.percentScore);
						const tempScore = tempArr.reduce((prev, cur) => {
							return prev + cur;
						}, 0);

						this.talkList[this.currentEditTextAreaIndex].talkResult = this.checkedSelectResultList[this
							.currentEditTextAreaIndex].join(',');
						this.multiSelectScore[this.currentEditTextAreaIndex] = tempScore;
						this.selectedScore = this.multiSelectScore.reduce((prev, cur) => (prev + cur), 0);

					} else {

						const tempArr = this.checkedSelectResultListData.map(item => item.percentScore);
						const tempScore = tempArr.reduce((prev, cur) => {
							return prev + cur;
						}, 0);
						this.recordList[0].seeResult = this.checkedSelectResultList.join(',');
						this.selectedScore = tempScore;
					}
				}
				_commitFunc();
				this.showSelectModal = false;
			},
			checkTaskDetail(id) {
				this.$store.dispatch({
					type: "mainPointsDetail/commActions",
					payload: {
						key: "checkTaskDetail",
						data: {
							id: id,
						},
					},
				}).then((res) => {
					uni.$once('未在查核规定时间内', function(data) {
						uni.navigateBack();
					});

					this.id = id;
					this.deptId = res.deptId;
					//再次编辑回显
					const filePath = res.checkResultTxt ? JSON.parse(res.checkResultTxt) : [];
					this.filePath = filePath[0] && filePath[0].checkResultUrl != '' ? filePath[0].checkResultUrl
						.split(',') : [];
					this.Index = res.checkResult;
					this.totalScore = res.totalScore;
					this.currentScore = res.checkResult ? res.score : res.totalScore;
					this.deductPoint = res.deductPoint;
					this.moreDeduction = res.moreDeduction;
					if (res.checkResultRequestList && res.checkResultRequestList.length > 0) {
						if (res.checkModelName == '访谈') {
							this.talkList = res.checkResultRequestList.map((item, currentIndex) => {
								const arr = item.checkResultDescribe.split(',');
								const tempResult = this.checkItemResultList.filter(v => arr.includes(v
									.resultName));

								if (!Array.isArray(this.checkedSelectResultListIds[currentIndex])) this
									.checkedSelectResultListIds[currentIndex] = [];
								if (!Array.isArray(this.checkedSelectResultList[currentIndex])) this
									.checkedSelectResultList[currentIndex] = [];
								if (!Array.isArray(this.checkedSelectResultListData[currentIndex])) this
									.checkedSelectResultListData[currentIndex] = [];

								const tempIdsArr = this.checkedSelectResultListIds[currentIndex].concat(
									tempResult.map(item => item.id));
								const tempArr = this.checkedSelectResultList[currentIndex].concat(
									tempResult.map(item => item.resultName));


								this.checkedSelectResultListIds.splice(currentIndex, 1, tempIdsArr);
								this.checkedSelectResultList.splice(currentIndex, 1, tempArr);
								this.checkedSelectResultListData.splice(currentIndex, 1, tempResult);

								const tempArrFull = this.checkedSelectResultListData[currentIndex].map(
									item => item.percentScore);
								const tempScore = tempArrFull.reduce((prev, cur) => {
									return prev + cur;
								}, 0);
								this.multiSelectScore[currentIndex] = tempScore;
								return {
									talkResult: item.checkResultDescribe,
									filePath: item.checkResultUrl != '' ? item.checkResultUrl.split(',') :
										[]
								}
							});
							//设置回显分数
							// this.selectedScore = this.multiSelectScore.reduce((prev, cur) => (prev + cur), 0);

						} else {

							const arr = res.checkResultRequestList[0].checkResultDescribe.split(',');
							const tempResult = this.checkItemResultList.filter(v => arr.includes(v.resultName));
							const tempIds = tempResult.map(item => item.id);
							const scores = tempResult.map(item => item.percentScore);
							const tempScore = scores.reduce((prev, cur) => (prev + cur), 0);
							this.recordList[0].seeResult = res.checkResultRequestList[0].checkResultDescribe;
							this.checkedSelectResultListIds = tempIds;
							this.checkedSelectResultList = res.checkResultRequestList[0].checkResultDescribe.split(
								',');

							this.checkedSelectResultListData = tempResult;

							console.log({
								tempResult
							});
							// this.selectedScore = tempScore;

						}
					}

					//用于当时人页面回显
					if (res.responsibleUserName) {
						const tempResponsibleUserName = res.responsibleUserName.split(',');
						const tempResponsibleUserId = res.responsibleUserId.split(',');
						this.checkedResponsibleList = tempResponsibleUserName;
						const arr = tempResponsibleUserName.map((item, index) => ({
							main: item,
							id: parseInt(tempResponsibleUserId[index])
						}));
						// console.log({arr});
						this.$store.commit('responsibleList/updateCheckedResponsibleList', arr);
					} else {
						this.checkedResponsibleList = [];
						this.$store.commit('responsibleList/updateCheckedResponsibleList', []);
					}

					if (res) {
						this.data = res;
						if (res && res.lastResult == "不适用") {
							// this.lastIndex = 1;
							this.lastIndex = res.lastResult;
						} else if (res && res.lastResult == "无缺失") {
							this.lastIndex = res.lastResult;
						} else if (res && res.lastResult == "主要缺失") {
							this.lastIndex = res.lastResult;
						} else if (res && res.lastResult == "次要缺失") {
							this.lastIndex = res.lastResult;
						} else if (res && res.lastResult == "观察事项") {
							this.lastIndex = res.lastResult;
						} else {
							this.lastIndex = 0;
						}
					}
				});
			},
			getPeizhiList() {
				this.$store.dispatch({
					type: "configure/commActions",
					payload: {
						key: "getResultConfig",
					},
				}).then((res) => {
					this.resultConfigList = res ? res : [];
				});
			},
			//查核点击回调
			checkedOne(data) {
				const parsedData = JSON.parse(JSON.stringify(data));
				this.currentCheckedTab = data;
				this.Index = parsedData.attr;
				this.data.checkResult = parsedData.attr;


				this.checkItemScore = parsedData.itemGetScore;
				this.checkItemValue = parsedData.value;
				this.calScore = parsedData.calScore;
				
				if (!this.inputScore) { //没有手输调整过的才可以修改
					this.checkItemScore = parsedData.itemGetScore;
				}


			},
			/**
			 * @param {{
				 files
				 index,
			 }} fileInfo
			 files：文件集合
			 index:当前编辑的下标
			 */
			changeFilePaths({
				files,
				index
			}) {
				let _recordList = [...this.recordList];
				_recordList[index].filePath = files;
				this.filePath = _recordList[0].filePath;
			},
			insert() {
				let list = [...this.talkList];
				if (list.length < 10) {
					list.push({
						talkResult: "",
						filePath: []
					});
					this.talkList = list;
				}
			},
			del(index) {
				let list = [...this.talkList];
				let list2 = [];
				//清空该项数据
				this.clearResult(true, index);

				for (let i = 0; i < list.length; i++) {
					if (i != index) {
						list2.push(list[i]);
					}
				}
				this.talkList = list2;
			},
			/**
			 * @param {{
				 files
				 index,
			 }} fileInfo
			 files：文件集合
			 index:当前编辑的下标
			 */
			changeFilePaths2(fileInfo) {
				const {
					files,
					index
				} = fileInfo;
				for (let j = 0; j < this.talkList.length; j++) {
					this.talkList[index].filePath = files;
				}
			},
			changeTextarea(e, i) {
				for (let j = 0; j < this.talkList.length; j++) {
					this.talkList[i].talkResult = e.detail.value;
				}
			},
			changeTextarea2(e) {
				this.recordList[0].seeResult = e.target.value;
			},
			imgClick(i) {
				this.editIndex = i;
			},
			sureDetail(key) {
				console.log('commit check');
				return new Promise((resolve) => {
					const _commitCheck = () => {
						try {
							if (this.Index) {
								let params = {
									id: this.data.id,
									checkResult: this.data.checkResult,
									checkResultRequestList: [],
									checkItemScore: this.checkItemScore,
									value: this.checkItemValue,
									situationType: this.situationType,
									calScore: this.calScore,
									score: this.currentScore,
									deductPoint: this.deductPoint,
								};

								if (this.data.checkModelName == "访谈") {
									let list = [];
									for (let i = 0; i < this.talkList.length; i++) {
										let path = "";
										for (let j = 0; j < this.talkList[i].filePath.length; j++) {
											if (j == 0) {
												path += `${this.talkList[i].filePath[j]}`;
											} else {
												path += `,${this.talkList[i].filePath[j]}`;
											}
										}
										let item = {
											checkResultId: i,
											checkResultDescribe: this.talkList[i].talkResult,
											checkResultUrl: path,
										};

										list.push(item);
									}
									params.checkResultRequestList = list;
								} else {

									let item = {
										checkResultId: 1,
										checkResultDescribe: this.recordList[0].seeResult,
										checkResultUrl: this.filePath.join(','),
									};

									params.checkResultRequestList = [item];
								}
								const checkConfiglist = JSON.parse(JSON.stringify(this.checkConfiglist));

								this.$store.dispatch({
									type: "mainPointsDetail/commActions",
									payload: {
										key: "saveCheckTaskDetail",
										data: {
											...params,
										},
									},
								}).then((res) => {
									if (res) {
										resolve(true);
										// console.log({checkConfiglist,params});
										for (let i = 0; i < checkConfiglist.length; i++) {

											if (
												checkConfiglist[i].attr == params.checkResult &&
												(checkConfiglist[i].resultType == 2 ||
													checkConfiglist[i].resultType == 3)
											) {
												//当主要缺失和次要缺失时发起改善任务
												console.log('开始提交改善前准备');

												let param = {
													situationId: this.data.situationId,
													situationName: this.data.situationName,
													checkGroupId: this.data.checkGroupId,
													checkGroupName: this.data.checkGroupName,
													checkItemId: this.data.checkItemId,
													checkItemName: this.data.checkItemName,
													checkPointId: this.data.checkPointId,
													checkPointName: this.data.checkPointName,
													deptName: this.data.deptName,
													deptId: this.data.deptId,
													appointFlag: false,
													desicion: 0,
													taskType: "1",
													checkId: this.data.checkId,
													checkResult: 0,
													newResultType: checkConfiglist[i].resultType,
													// checkResult: this.resultConfigList[i].id,
													receiveEmpId: this.data.receiveEmpId,
													receiveEmpName: this.data.receiveEmpName,
													checkDetailId: this.data.id,
												};

												this.$store.dispatch({
													type: "mission/commActions",
													payload: {
														key: "comTaskCirculation",
														data: {
															...param,
														},
													},
												});
											} else {
												console.log('改善条件为false');
											}
										}

										if (key == 'back') {
											//点完成时返回
											this.$store.commit('checkMainPoints/comChangeState', {
												'key': 'ifUpdate',
												'data': true
											});
											_goBackFresh('pages/checkMainPoints/checkMainPoints');
										}
									} else {
										console.log('res为false');
										resolve(false);
									}
								});
							} else {
								uni.showToast({
									title: '请先选择查核结果！',
									duration: 2000,
									icon: 'none'
								});
								resolve(false);
							}
						} catch (err) {
							resolve(err);
						}
					}

					if (this.data.checkResult == '无缺失' && this.deductPoint != 0) {
						//查核结果为‘无缺失’且扣分为非0
						uni.showModal({
							title: '提示',
							content: `当前选择无缺失结果，但扣分数为${this.deductPoint}，确认继续提交么？`,
							success: function(res) {
								if (res.confirm) {
									_commitCheck();
								} else if (res.cancel) {
									console.log('用户点击取消操作');
									resolve(false);
								}
							}
						});
					} else {
						_commitCheck();
					}
				})
			},
			toTuLi() {
				uni.navigateTo({
					url: `/pages/legendDetails/legendDetails?checkItemId=${this.data.checkItemId}&checkPointId=${this.checkPointId}`,
				});
			},
			toHistory() {
				const situationId = this.data.situationId;
				this.$store.dispatch({
					type: 'mission/commActions',
					payload: {
						key: "getMissionList",
						data: {
							situationId
						}
					}
				}).then(data => {
					if (data) {
						if (data.improvingTaskResponses.length > 0) {
							uni.navigateTo({
								url: `/pages/improve-mission-list/improve-mission-list?situationId=${this.data.situationId}`,
							});
						} else {
							uni.showModal({
								content: '暂无改善历史',
								showCancel: false
							});
						}
					}
				});


			},
			clearForm(index) {
				//清除上一项的查核信息
				this.Index = '';
				// this.deductPoint = 0;
				this.currentScore = 0;
				this.inputScore = 0;
				if (this.data.checkModelName == '访谈') {
					if (index) {
						this.talkList[index].talkResult = '';
					} else {
						for (let i = 0; i < this.talkList.length; i++) {
							this.talkList[i].talkResult = '';
						}
					}

				} else {
					this.recordList[0].talkResult = '';

				}
				this.checkedSelectResultListIds = [];
				this.checkedSelectResultList = [];
				this.checkedSelectResultListData = [];
			},
			goToPrevPage() {
				_goBackFresh('pages/checkMainPoints/checkMainPoints');
			},
			switchItem: async function(num) {
				if (!this.data.checkResult) {
					uni.showToast({
						title: '请先选择查核结果！',
						duration: 2000,
						icon: 'none'
					});
					return;
				}
				const result = await this.sureDetail();

				if (result) {
					let current = this.itemBelongGroup.filter(item => {
						return item.id == this.id;
					});
					if (num < 0) {
						if (current[0].index == 0) {
							uni.showToast({
								title: '已经没有上一项',
								duration: 2000,
								icon: 'none'
							});
							return;
						}
					}
					if (num > 0) {
						if (current[0].index == this.itemBelongGroup.length - 1) {
							uni.showToast({
								title: '已经没有下一项',
								duration: 2000,
								icon: 'none'
							});
							return;
						}
					}
					let needItemIndex = num > 0 ? current[0].index + 1 : current[0].index - 1;
					let needItemId = this.itemBelongGroup[needItemIndex].id;
					let needItemCheckId = this.itemBelongGroup[needItemIndex].checkItemId;

					this.clearForm();
					this.clearResult();
					this.checkTaskDetail(needItemId);
					this.getCheckItemResultList(needItemCheckId); //获取缺陷项列表数据
				};
			},
			// 获取查核项可配置列表
			getCheckConfigList(checkItemId) {
				this.$store.dispatch({
					type: 'mainPointsDetail/commActions',
					payload: {
						key: 'getCheckItemAttr',
						data: checkItemId
					}
				}).then(data => {
					this.checkConfiglist = data
				})
			},
			// 获取查核项结果说明下拉列表
			getCheckItemResultList(checkItemId) {
				this.$store.dispatch({
					type: 'mainPointsDetail/commActions',
					payload: {
						key: 'getCheckItemResultList',
						data: checkItemId
					}
				}).then(data => {
					this.checkItemResultList = data;
				})
			},
		},
		onLoad({
			id,
			checkPointId,
			checkItemId,
			situationType
		}) {
			this.id = id;
			this.checkPointId = checkPointId;
			this.situationType = situationType;
			this.checkItemId = checkItemId;
			this.getCheckConfigList(checkItemId);
			this.getCheckItemResultList(checkItemId);

			//接收来自上个页面所传过来的数据
			const eventChannel = this.getOpenerEventChannel();
			eventChannel.on('acceptDataFromOpenerPage', (data) => {
				// console.log({data});
				this.itemBelongGroup = data.data[0].responseList.map((item, index) => {

					return ({
						index: index,
						id: item['id'],
						checkItemId: item['checkItemId']
					})
				});
				//重新导航进页面，删除缓存并设置最新数据
				uni.removeStorageSync('itemBelongGroup');
				uni.setStorageSync('itemBelongGroup', this.itemBelongGroup);
			});
			//手动刷新页面，获取本地缓存
			const itemBelongGroup = uni.getStorageSync('itemBelongGroup');
			this.itemBelongGroup = itemBelongGroup;
		},
	};
</script>

<style lang="less">
	.mainPointsDetailPage {
		position: relative;
		// min-height: 75rpx;
		// overflow-y: auto;
		height: 100%;

		.checkItemResultModal {
			display: flex;
			height: 100%;
			justify-content: center;
			align-items: center;

			.modalContent {
				width: 90%;
				height: 600rpx;
				border-radius: 10rpx;
				overflow: hidden;
				background-color: #FFFFFF;

				.modalBar {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 80rpx;
					color: #4E78FF;
					font-size: 22.5rpx;
					box-shadow: 0 6rpx 6rpx #E5E5E5;
					border-bottom: 0.1rpx solid #E5E5E5;
				}

				.comfirmBtn {
					font-size: 22rpx;
					color: #FFFFFF;
					height: 85rpx;
					line-height: 85rpx;
					text-align: center;
					background-color: #3377FF;
				}

				.scroll {
					height: calc(100% - 160rpx);

					.list {
						position: relative;
						display: flex;
						height: 80rpx;
						justify-content: center;
						align-items: center;
						border-bottom: 0.1rpx solid #E5E5E5;

						.checkIcon {
							display: none;
							position: absolute;
							left: 5%;
							width: 25rpx;
							height: 25rpx;
						}

						&.on {
							color: #3377FF;

							.checkIcon {
								display: block;
							}
						}
					}
				}
			}
		}

		.scroll-y {
			height: calc(100% - 75rpx);
		}

		.checkItem {
			padding-top: 47.5rpx;
			width: 100%;
			min-height: 450rpx;
			background-color: #fff;
			position: relative;

			.chBg {
				position: absolute;
				top: 0;
				left: 0;
				width: 125rpx;
				height: 37.5rpx;

				.img {
					width: 125rpx;
					height: 37.5rpx;
				}

				.title {
					position: absolute;
					top: 8.75rpx;
					left: 25rpx;
					font-size: 20rpx;
					color: #fff;
					font-weight: 500;
					line-height: 20rpx;
				}
			}

			.tlImg {
				width: 40rpx;
				height: 40rpx;
				position: absolute;
				right: 25rpx;
				top: 25rpx;
			}

			.chContent {
				width: 100%;

				.checkItemName {
					margin-left: 31.25rpx;
					font-size: 25rpx;
					line-height: 55rpx;
					color: #292c33;
				}

				.checkPointName {
					margin-left: 31.25rpx;
					font-size: 17.5rpx;
					line-height: 17.5rpx;
					color: #7a8599;
				}

				.cont {
					height: 135rpx;

					.floatLeft {
						float: left;
					}

					.borderLine {
						margin-top: 56.25rpx;
						width: 0.62rpx;
						height: 25rpx;
						background-color: #dadee6;
					}

					.other {
						padding: 40rpx 0rpx;
						height: 95rpx;
						width: 187.18rpx;
						text-align: center;

						.letterTitle {
							font-size: 17.5rpx;
							color: #7a8599;
							line-height: 17.5rpx;
						}

						.letterTitle2 {
							height: 22.5rpx;
							font-size: 22.5rpx;
							line-height: 22.5rpx;
							color: #292c33;
							margin-bottom: 15rpx;
							font-weight: 500;
							overflow: hidden;
							word-break: break-all;
							/* break-all(允许在单词内换行。) */
							text-overflow: ellipsis;
							/* 超出部分省略号 */
							display: -webkit-box;
							/** 对象作为伸缩盒子模型显示 **/
							-webkit-box-orient: vertical;
							/** 设置或检索伸缩盒对象的子元素的排列方式 **/
							-webkit-line-clamp: 1;
							/** 显示的行数 **/
						}
					}
				}

				.checked {
					margin-bottom: 40rpx;
					padding: 0rpx 15.62rpx;
					height: 75rpx;

					.checked-checkItem {
						margin: 0rpx 9.37rpx;
						padding: 0;
						width: 125rpx;
						height: 75rpx;
						background: #ebeff7;
						float: left;
						line-height: 75rpx;
						text-align: center;
						color: #292c33;
						border-radius: 20rpx;
						position: relative;

						.img {
							width: 51.25rpx;
							height: 25rpx;
							position: absolute;
							right: -6.25rpx;
							top: -6.25rpx;
						}

						.lastName {
							color: #fff;
							font-size: 13.75rpx;
							line-height: 13.75rpx;
							position: absolute;
							right: 5rpx;
							top: -1.87rpx;
						}
					}
				}

				.more {
					margin: 0rpx 25rpx 0rpx 25rpx;
					text-align: center;
					border-top: 0.62rpx solid #dadee6;

					text {
						padding: 29.37rpx 0rpx 27.5rpx;
						margin-right: 10rpx;
						line-height: 22.5rpx;
						font-size: 22.5rpx;
						color: #3377ff;
						display: inline-block;
						vertical-align: top;
					}

					.moreImg {
						margin-top: 28.75rpx;
						width: 12.37rpx;
						height: 21.21rpx;
						display: inline-block;
					}

					.moreImg2 {
						width: 12.37rpx;
						height: 21.21rpx;
					}
				}

				.multipleResponsible {
					padding-top: 15rpx;
					background-color: #F5F6FA;

					.inner {
						position: relative;
						display: flex;
						height: 87.5rpx;
						z-index: 10;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						padding: 0 25rpx;
						background-color: #FFFFFF;

						.label {
							display: inline-block;
							font-size: 22.5rpx;
							font-family: SourceHanSansCN-Normal, SourceHanSansCN;
							font-weight: 400;
							color: #525866;
							margin-right: 105rpx;
						}

						.value {
							flex: 0.9;
							font-size: 22.5rpx;
							overflow: hidden; //超出的文本隐藏
							text-overflow: ellipsis; //溢出用省略号显示
							white-space: nowrap; //溢出不换行
						}

						.valuePlaceholder {
							font-size: 22.5rpx;
							font-family: SourceHanSansCN-Normal, SourceHanSansCN;
							font-weight: 400;
							color: #B8BECC;
						}

						.arrow {
							position: absolute;
							right: 25rpx;
							width: 12.5rpx;
							height: 20rpx;
						}
					}
				}

				.score {
					display: flex;
					height: 87.5rpx;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					padding: 0 25rpx;
					background: #F5F6FA;

					.box {
						text-align: center;
						vertical-align: bottom;

						.lable {
							display: inline-block;
							font-size: 22.5rpx;
							font-family: SourceHanSansCN-Normal, SourceHanSansCN;
							font-weight: 400;
							color: #525866;
							margin-right: 10rpx;
						}

						.totalScore {
							font-size: 30rpx;
							font-family: SourceHanSansCN-Bold, SourceHanSansCN;
							font-weight: bold;
							color: #292C33;
						}

						.currentScore {
							font-size: 30rpx;
							font-family: SourceHanSansCN-Bold, SourceHanSansCN;
							font-weight: bold;
							color: #3377FF;
						}
					}
				}

				.textValue {
					display: flex;
					flex-direction: row;
					justify-content: flex-start;
					align-items: center;
					width: 70%;
					height: 100%;
				}

				.inputScore {
					display: flex;
					flex-direction: row;
					justify-content: flex-start;
					align-items: center;
					height: 87.5rpx;
					padding: 0 25rpx;
					background-color: #FFFFFF;

					.label {
						display: inline-block;
						font-size: 22.5rpx;
						font-family: SourceHanSansCN-Normal, SourceHanSansCN;
						font-weight: 400;
						color: #525866;
						margin-right: 81.25rpx;
					}

					.value {
						font-size: 22.5rpx;
					}

					.placeholder {
						font-size: 22.5rpx;
						font-family: SourceHanSansCN-Normal, SourceHanSansCN;
						font-weight: 400;
						color: #525866;
					}
				}
			}
		}

		.see {
			margin-top: 15rpx;
			height: 287.5rpx;
			background-color: #fff;

			// padding-left: 25rpx;
			.seeResult {
				position: relative;
				margin-left: 25rpx;
				padding-top: 32.5rpx;
				// height: 200rpx;
				border-bottom: 1px solid #dadee6;

				.clear {
					position: absolute;
					z-index: 10;
					right: 25rpx;
					bottom: 25rpx;
					font-size: 22.5rpx;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #FF3355;
				}

				.seeResultFloorOne {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 25rpx;
					padding-right: 25rpx;

					.plusAction {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;

						.plusIcon {
							width: 25rpx;
							height: 25rpx;
							margin-right: 10rpx;
						}

						.threePoint {
							font-size: 22.5rpx;
							font-family: SourceHanSansCN-Normal, SourceHanSansCN;
							font-weight: 400;
							color: #7A8599;
						}
					}

				}

				.seeName {
					width: 175rpx;
					font-size: 22.5rpx;
					color: #525866;
					line-height: 22.5rpx;
					display: inline-block;
				}

				.seeTextarea {
					width: 97%;
					height: 155rpx;
					display: inline-block;
					font-size: 22.5rpx;
					line-height: 27.5rpx;
				}
			}

			.seeImg {
				min-height: 87.5rpx;

				.seeName2 {
					width: 175rpx;
					font-size: 22.5rpx;
					color: #525866;
					line-height: 87.5rpx;
					display: inline-block;
				}
			}
		}

		.talk {
			.talkTitle {
				padding: 25rpx 25rpx 15rpx;
				font-size: 22.5rpx;
				line-height: 22.5rpx;
				color: #666f80;

				.del {
					float: right;
					color: #3377ff;
				}
			}

			.talkResult {
				position: relative;
				padding-left: 25rpx;
				padding-top: 32.5rpx;
				border-bottom: 1px solid #dadee6;
				background-color: #fff;

				.clear {
					position: absolute;
					z-index: 10;
					right: 25rpx;
					bottom: 25rpx;
					font-size: 22.5rpx;
					font-family: SourceHanSansCN-Normal, SourceHanSansCN;
					font-weight: 400;
					color: #FF3355;
				}

				.seeResultFloorOne {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 25rpx;
					padding-right: 25rpx;

					.plusAction {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;

						.plusIcon {
							width: 25rpx;
							height: 25rpx;
							margin-right: 10rpx;
						}

						.threePoint {
							font-size: 22.5rpx;
							font-family: SourceHanSansCN-Normal, SourceHanSansCN;
							font-weight: 400;
							color: #7A8599;
						}
					}
				}

				.seeName {
					width: 175rpx;
					font-size: 22.5rpx;
					color: #525866;
					line-height: 22.5rpx;
					display: inline-block;
				}

				.seeTextarea {
					width: 531.25rpx;
					height: 155rpx;
					display: inline-block;
					font-size: 22.5rpx;
					line-height: 27.5rpx;
				}
			}

			.talkImg {
				min-height: 87.5rpx;

				.seeName2 {
					width: 175rpx;
					font-size: 22.5rpx;
					color: #525866;
					line-height: 87.5rpx;
					display: inline-block;
				}
			}
		}

		.insert {
			background-color: #fff;
			font-size: 22.5rpx;
			line-height: 22.5rpx;
			color: #3377ff;
			padding: 26.25rpx;
		}

		.sureDetail {
			width: 100%;
			height: 75rpx;
			font-size: 22.5rpx;
			background-color: #3377ff;
			line-height: 75rpx;
			position: absolute;
			bottom: 0rpx;
		}

		.bottomMenuGroup {
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 75rpx;
			display: flex;
			flex-direction: row;
			background: #FFFFFF;
			border-top: 0.62rpx solid #DADEE6;

			.menuBtn {
				display: flex;
				width: 75rpx;
				height: 75rpx;
				justify-content: center;
				align-items: center;
				border-right: 0.62rpx solid #DADEE6;

				.threeLineMenuIcon {
					width: 26.25rpx;
					height: 21.25rpx;
				}

			}

			.prevBtn,
			.nextBtn {
				display: flex;
				flex: 1;
				justify-content: center;
				height: 75rpx;
				line-height: 75rpx;
				font-size: 22.5rpx;
				font-family: SourceHanSansCN-Normal, SourceHanSansCN;
				font-weight: 400;
				color: #3377FF;
			}

			.prevBtn {
				border-right: 0.62rpx solid #DADEE6;
			}

			.nextBtn {
				color: #FFFFFF;
				background: #3377FF;
			}
		}
	}
</style>