tcm-cloud-uin-app/pages/ypczk/zkTask/djTask.vue

<template>
	<view class="djTask">
		<!-- 任务进度 -->
		<view class="progress_title">
			<view class="progress">
				<image src="../../../static/progress_icon.png" class="progress_image"></image>
				<text class="progress_text">任务进度:<text class="progress_text_1">{{wwcNumber()}}/{{pageData.totalProgress}}</text></text>
			</view>
		</view>
		<!-- 处方编号 -->
		<view class="sub_title">
			<view class="cfbh">
				<text class="cfbh_title">处方编号<text class="cfbh_text">{{pageData.cfbh}}</text></text>
			</view>
			<view class="bhgs">
				<text class="bhgs_title">不合格数<text class="bhgs_text">{{bhgNumber()}}</text></text>
			</view>
		</view>
		<!-- 检查结果 -->
		<uni-card padding="0" spacing="0" v-for="(item,index) in pageData.resData.results" class="djList">
			<view class="djList_title">
				<view class="djList_text">检查项目</view>
				<view class="djList_righttext">{{item.item}}</view>
			</view>
			<view class="djList_title">
				<view class="djList_text">检查内容</view>
				<view class="djList_righttext">{{item.assessmentCriteria}}</view>
			</view>
			<view class="djList_title">
				<view class="djList_text">检查结果</view>
				<view :class="item.assessmentResult=='不合格'? 'djList_redtext' : 'djList_righttext'">{{item.assessmentResult}}</view>
			</view>
			<view class="djList_title" v-if="item.resultContent">
				<view class="djList_text">原因</view>
				<view class="djList_righttext">{{item.resultContent}}</view>
			</view>
			<view class="button_group"  v-if="pageData.operatorStatus=='add' || pageData.taskStatus=='1'">
				<view class="bhg_button" @click="bhgCheck(item)">不合格</view>
				<view class="hg_button" @click="hgCheck(item)">合格</view>
			</view>
		</uni-card>
		<!-- 图片上传 -->
		<view class="image_upload">
			<uni-card>
				<uni-section title="图片上传" type="line"></uni-section>
				<view class="img_upload">
					<uni-file-picker limit="4" :modelValue="pageData.imageList" :readonly="pageData.imageStatus" @select="selectImg" @delete="deleteImg"></uni-file-picker>
				</view>
			</uni-card>
		</view>
		<!-- 按钮 -->
		<view class="operator_button" v-if="pageData.operatorStatus=='add'">
			<button class="pass_button" @click="pass">一键通过</button>
			<!-- 如果还有数据按钮显示为“下一个”，数据全部加载完毕显示为“完成” -->
			<view class="finish_button_grop">
				<button class="next_or_finish_button" @click="next">下一个</button>
			</view>	
		</view>
		<!-- 任务详情-编辑 -->
		<view class="operator_button" v-if="pageData.taskStatus=='2' && pageData.taskStatusData!='7004'">
			<button class="pass_button" @click="back">返回</button>
			<view class="finish_button_grop">
				<button class="next_or_finish_button" @click="editTask()">编辑</button>
			</view>	
		</view>
		<!-- 任务详情-保存 -->
		<view class="finish_button" v-if="pageData.taskStatus=='1'">
			<button class="button" @click="next">保存</button>
		</view>
		<!-- 不合格弹出框 -->
		<uni-popup ref="bhgDialog" type="dialog">
			<uni-popup-dialog type="info" mode="input" confirmText="确定" cancelText="取消" title="不合格原因" value="" placeholder="请填写不合格原因" @confirm="bhgDialogConfirm"
				@close="bhgDialogClose">
				<uni-easyinput type="textarea" maxlength="50" autoHeight v-model="pageData.reason" placeholder="请输入不合格原因"></uni-easyinput>
			</uni-popup-dialog>
		</uni-popup>
		<!-- 一键通过弹出框 -->
		<uni-popup ref="passDialog" type="dialog">
			<view class="passDialog">
				<view class="passDialog_title">
					<uni-title type="h2" title="一键通过" align="center"></uni-title>
					<!-- 倒计时 -->
					<smh-countDown second="10" radius="60" lineWidth="3rpx" color="#BFA578" @end="countDownEnd"></smh-countDown>
				</view>
				<view class="passDialog_content">
					<view>10秒后将自动跳转下一个处方</view>
					<view class="passDialog_content_cancel">点击取消可停留本页面</view>
				</view>
				<view class="passDialog_button">
					<view class="passDialog_button_cancel" @click="passCancel">取消</view>
					<view class="passDialog_button_confirm" @click="passConfirm">确定</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script setup>
import { ref,reactive, computed } from "vue";
import {onLoad,onShow,onUnload,onPullDownRefresh} from "@dcloudio/uni-app";
import http from '@/utils/request';
import {uploadImageModelValue} from '@/pages/controls/image/OssService'
	
const pageData=reactive({
	// 处方编号
	cfbh:'',
	// 操作状态，是编辑/查看
	operatorStatus:'',
	djList:[],
	// 检查项目Id
	checkId:'',
	// 合格列表
	hgList:[],
	// 不合格列表
	bhgList:[],
	// 不合格原因
	reason:'',
	resData:[],
	imageIdList:[],
	// 图片列表
	imageList:[],
	imageStatus:true,
	id:'',
	totalProgress:0,
	// 任务状态(编辑为2，保存为1)
	taskStatus:'',
	taskStatusData:''
})

const formData=reactive({
	id:'',
	pageSize:1,
	pageNum:10
})

const createData=reactive({
	taskId:'',
	pId:'',
	providerType:''
})

const saveTaskData=reactive({
	detail:'',
	unHgStateName:''
})

// 不合格数
const bhgNumber=()=>{
	let number=0
	if(pageData.resData.results!=null){
		pageData.resData.results.forEach(item=>{
			if(item.assessmentResult=='不合格'){
				number++
			}
		})
	}
	return number
}

// 定义不合格弹出输入框
const bhgDialog=ref()

// 提交不合格原因
const bhgDialogConfirm=()=>{
	// 获取输入的不合格原因
	item.value.resultContent = pageData.reason
	pageData.resData.results.forEach((e,idx)=>{
		if(e.id==item.value.id){
			pageData.resData.results[idx]=item.value
		}
	})
	pageData.reason=''
	bhgDialog._value.close()
	item.value = {}
}

// 任务进度（已完成）
const wwcNumber = () =>{
	let number = 0
	let data = pageData.resData.results
	if(data != null){
		for (var i = 0; i < data.length; i++) {
			if (data[i].assessmentResult != null && data[i].assessmentResult != undefined && data[i].assessmentResult != '待检')
				number ++;
		}
	}
	return number
}

// 取消不合格弹出输入框
const bhgDialogClose=()=>{
	// 关闭不合格弹出框
	pageData.reason=''
	bhgDialog._value.close()
}

// 一键通过弹出框
const passDialog=ref()

// 一键通过弹出框确定事件
const passConfirm=()=>{
	countTotal()
	saveDjTask()
}

// 一键通过弹出框取消事件
const passCancel=()=>{
	passDialog._value.close()
}

// 一键通过弹出框倒计时接收事件
const countDownEnd=()=>{
	countTotal()
	saveDjTask()
}

// 选中图片，将选中的图片添加列表
const selectImg=(e)=>{
	console.log(e)
	e.tempFiles.forEach(item=>{
		uni.showLoading({
			title: '图片上传....',
			mask: true
		});
		http.upload("oss/upload",{file:item.file}).then(e => {
			uni.hideLoading()
			item.id = e.id
			console.log(e.id)
			// pageData.resData.detail.imageIds=[]
			// pageData.imageIdList.push(e.id)
			pageData.imageIdList=pageData.imageIdList+','+e.id
			pageData.resData.detail.imageIds=pageData.imageIdList.toString()
			pageData.imageList.push(item)
		})
	})
}

// 删除图片，并将其从列表中删除
const deleteImg=(e)=>{
	let index=0
	let deleteImgId = e.tempFilePath.split("=")[1].split("&")[0]
	index = pageData.imageList.indexOf(deleteImgId)
	pageData.imageList.splice(index,1)
	if(typeof(pageData.imageIdList)==Array){
		pageData.imageIdList.splice(index,1)
		pageData.resData.detail.imageIds=pageData.imageIdList.toString()
	}else{
		let list = pageData.imageIdList.split(",")
		list.splice(index,1)
		pageData.resData.detail.imageIds=list.toString()
	}
}

const item = ref({})
// 不合格
const bhgCheck=(e)=>{
	e.score=0
	if(e.assessmentResult=="合格" || e.assessmentResult=="待检"){
		e.assessmentResult="不合格"
		item.value = e
		// 打开不合格弹出输入框
		bhgDialog._value.open()
	}
}

// 合格
const hgCheck=(e)=>{
	pageData.hgList.push(e.id)
	if(e.assessmentResult=='不合格' || e.assessmentResult=='待检'){
		e.assessmentResult='合格'
		e.score=e.totalScore
		e.resultContent=''
	}
}

// 一键通过
const pass=()=>{
	pageData.resData.results.forEach(item=>{
		item.assessmentResult='合格'
		item.resultContent=''
	})
	passDialog._value.open()
}

// 计算代煎总分
const countTotal=()=>{
	pageData.resData.resultContent=0
	pageData.resData.results.forEach(item=>{
		pageData.resData.resultContent+=Number(item.score)
	})
}

const saveDjTask=()=>{
	uni.showLoading({
		title: '提交中....',
		mask: true
	});
	http.post("app-api/zkzy/save",pageData.resData).then(res=>{
		uni.hideLoading()
		if(res==true){
			uni.showToast({
				title: '提交成功',
				success: () => {
					uni.navigateBack({
						delta:1
					})
				}
			});
		}else{
			uni.showToast({
				title: '提交失败'
			});
		}
	})
}

// 下一个
const next=()=>{
	if(wwcNumber()==pageData.totalProgress){
		countTotal()
		saveDjTask()
	}else{
		uni.showToast({
			title: '提交失败，请检查任务进度',
			icon:'error'
		});
	}
}

// 完成
const finish=()=>{
	countTotal()
	saveDjTask()
}

// 返回
const back=()=>{
	uni.navigateBack({
		delta: 1
	});
}

// 编辑
const editTask=()=>{
	pageData.imageStatus=!pageData.imageStatus
	pageData.taskStatus='1'
}

// 临时创建代煎代配企业评估任务内容
const createTask=()=>{
	getTaskId()
	http.get("app-api/zkzy/create",createData).then(res=>{
		if(res=="该处方已质控、不能重复添加"){
			uni.showToast({
				title: '该处方已质控、不能重复添加',
				icon:'none',
				success: () => {
					uni.navigateBack({
						delta: 1
					});
				}
			});
		}else{
			getDjTask(res)
		}
	})
}

// 获取代煎质控作业
const getDjTask=(data)=>{
	formData.id=data
	http.get("app-api/taskDetail/get",formData).then(res=>{
		console.log(res)
		pageData.djList = res.results
		pageData.cfbh=res.detail.ptwybm
		saveTaskData.detail=res.results
		pageData.resData=res
		pageData.djList.forEach(item=>{
			// 一开始均为“待检状态”
			item.assessmentResult='待检'
		})
		pageData.totalProgress=res.results.length
		if(res.detail.imageIds!=null){
			pageData.imageList=showImage(res.detail.imageIds)
		}
	})
}

// 显示图片
const showImage=(id)=>{
	return uploadImageModelValue(id)
}

// 获取taskId
const getTaskId=()=>{
	uni.getStorage({
		key:'saveTaskId',
		success: (res) => {
			console.log(res)
			createData.taskId = res.data.taskId
		}
	})
}

const getDjTaskDetail=()=>{
	// getTaskId()
	http.get("app-api/taskDetail/get",{id:pageData.id}).then(res=>{
		console.log(res)
		pageData.resData=res
		pageData.totalProgress=res.results.length
		pageData.taskStatus=res.detail.status
		res.results.forEach(item=>{
			// 检查内容（分数与总分相同为合格，反之不合格）
			if(item.score==item.totalScore){
				item.assessmentResult='合格'
			}else{
				item.assessmentResult='不合格'
				pageData.bhgNum=pageData.bhgNum+1
			}
		})
		if(res.detail.imageIds!=null && res.detail.imageIds!=''){
			pageData.imageIdList=res.detail.imageIds
			pageData.imageList = uploadImageModelValue(res.detail.imageIds)
		}
	})
}

onShow(()=>{
	if(pageData.operatorStatus=='add'){
		pageData.imageStatus=false
		createTask()
	}else{
		pageData.imageStatus=true
		getDjTaskDetail()
	}
})

onLoad((type)=>{
	console.log(type)
	if(type.state!=null){
		pageData.operatorStatus=type.state
	}
	if(type.cfbh!=null){
		pageData.cfbh=type.cfbh
	}
	if(type.ptwybh!=null){
		createData.pId=type.ptwybh
	}
	if(type.fyfslx!=null){
		createData.providerType=type.fyfslx
	}
	if(type.id!=null){
		pageData.id=type.id
	}
	if(type.taskStatus!=null){
		pageData.taskStatusData=type.taskStatus
	}
})
</script>

<style lang="scss" scoped>
@import './index.scss'
</style>