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

<template>
	<view class="zkTaskList" ref="zktaskList">
		<custom-tabs type="zkTaskListViewRef" :value="pageInfo.current" fixed="true" :activeTextStyle="{color:'rgba(190, 163, 117, 1)'}" :activeLineStyle="{'background-color':'rgba(190, 163, 117, 1)',height:'6rpx'}" @change="changeIndex">
			<!-- 所有 -->
			<custom-tab-pane label="所有" name="zkTaskListViewRef_1">
				<ZkTaskListView ref="zkTaskListViewRef_1" state=""  style="height: 100%;"></ZkTaskListView>
			</custom-tab-pane>
			<!-- 待质控 -->
			<custom-tab-pane label="待质控" name="zkTaskListViewRef_2">	
				<ZkTaskListView ref="zkTaskListViewRef_2" state="7002" style="height: 100%;"></ZkTaskListView>
			</custom-tab-pane>
			<!-- 质控中 -->
			<custom-tab-pane label="质控中" name="zkTaskListViewRef_3">
				<ZkTaskListView ref="zkTaskListViewRef_3" state="7003" style="height: 100%;"></ZkTaskListView>
			</custom-tab-pane>
			<!-- 完成 -->
			<custom-tab-pane label="完成" name="zkTaskListViewRef_4">
				<ZkTaskListView ref="zkTaskListViewRef_4" state="" finishFlag="1" style="height: 100%;"></ZkTaskListView>
			</custom-tab-pane>
		</custom-tabs>
		<!-- 签收任务/开始质控对话框 -->
		<uni-popup ref="operatorDialog" type="dialog">
			<uni-popup-dialog type="info" confirmText="确定" cancelText="取消" :title="pageInfo.popupMessage.title" :content="pageInfo.popupMessage.showMessage" @confirm="operatorDialogConfirm" @close="operatorDialogClose"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>

<script setup>
	import http from '@/utils/request';
	import {ystabbar} from '@/pages/index/tabShow.js'
	import {ref,reactive,getCurrentInstance, computed, nextTick,watch} from "vue";
	import {onLoad,onShow,onUnload,onPageScroll,onReachBottom,onPullDownRefresh} from "@dcloudio/uni-app";
	import ZkTaskListView from "./zkTaskListView.vue"
	
	const zkTaskListViewRef_1 = ref(null)
	
	const pageInfo = reactive({
		current:-1,
		tabs: ["所有", "待质控", "质控中", "完成"],
		detailStatus: '',
		// 任务编号
		taskId:'',
		isKszk:'',
		// 对话框
		popupMessage:{
			// 标题
			title:'',
			// 提示内容
			showMessage:''
		}
	});
	
	const {proxy} = getCurrentInstance()
	const showIcon = reactive({
		nowIcon: '',
		showIcon: '/static/blackDisplay.png',
		hideIcon: '/static/blackHide.png'
	})

	const statusIcon = reactive({
		daiIcon: '/static/dai_icon.png',
		wanIcon: '/static/wan_icon.png',
		zhiIcon: '/static/zhi_icon.png'
	})

	// 切换显示与隐藏
	const changeState = (type) => {
		if (type == 'header') {
			console.log("头部切换")
			if (eyeIcon.nowIcon == eyeIcon.hideIcon) {
				eyeIcon.nowIcon = eyeIcon.showIcon
			} else {
				eyeIcon.nowIcon = eyeIcon.hideIcon
			}
		} else if (type == 'list') {
			console.log("列表切换")
			if (showIcon.nowIcon == showIcon.hideIcon) {
				showIcon.nowIcon = showIcon.showIcon
			} else {
				showIcon.nowIcon = showIcon.hideIcon
			}
		}
	}
	
	// 定义签收任务/开始质控对话框
	const operatorDialog=ref(null)
		
	// 签收任务/开始质控对话框确定事件
	const operatorDialogConfirm=()=>{
		if(pageInfo.popupMessage.title=='开始质控'){
			getStartTask()
		}else{
			getSignTask()
		}
		operatorDialog._value.close()
	}
		
	// 签收任务/开始质控对话框取消事件
	const operatorDialogClose=()=>{
		operatorDialog._value.close()
	}
	
	// 签收接口输入参数
	const signFormData=reactive({
		// 任务id
		taskId:''
	})
	
	// 开始质控接口输入参数
	const startFormData=reactive({
		// 任务id
		taskId:''
	})
	
	// 签收接口
	const getSignTask=()=>{
		http.get("app-api/index/qs",signFormData).then(res=>{
			console.log(res)
			if(res==true){
				uni.showToast({
					title:'签收成功',
					icon:'success'
				})
			}else{
				uni.showToast({
					title:'签收失败',
					icon:'error'
				})
			}
		})
	}
	
	// 开始质控接口
	const getStartTask=()=>{
		http.get("app-api/index/kszkByid",startFormData).then(res=>{
			console.log(res)
			// 1表示开始质控，-1表示不是组长不能质控，其他表示开始质控失败
			if(res==1){
				uni.navigateTo({
					url:'/pages/ypczk/zkTask/zkTask?taskId='+pageInfo.taskId
				})
			}else if(res=-1){
				// 提示-只有组长能够开始质控
				uni.showModal({
					title: '提示',
					content: '只有组长能够开始质控',
					confirmColor: 'rgba(190, 163, 117, 1)', //确定字体颜色
					showCancel: false,//没有取消按钮的弹框
					buttonText: '确定'
				})
			}else{
				uni.showToast({
					title: '开始质控失败',
					icon:'none'
				});
			}
		})
	}
	
	
	const IndexName = ref("zkTaskListViewRef_1")

	const changeIndex=(e)=>{
		console.log('change-----------')
		IndexName.value = e.name
		pageInfo.current = e.value
		if(taskListRef()){
			taskListRef().fetch()
		}
	}
	
	const taskListRef = ()=>{
		const taskList = proxy.$refs[IndexName.value]
		return taskList
	}
	
	// 页面滚动触发事件
	onPageScroll((detail) => {
		//页面滚动事件
		uni.pageScrollTo({
			scrollTop: detail.scrollTop,
			duration: 0
		})
	})
	
	// 上拉加载
	onReachBottom(() => {
		console.log("父上拉加载");
		taskListRef().reachBottom()
	})
	
	//下拉刷新
	onPullDownRefresh(() => {
		console.log("父下拉刷新");
		taskListRef().pullDownRefresh()
	})
	
	onShow(()=>{
		ystabbar()
		nextTick(()=>{
			pageInfo.current = 0
		})
		uni.$off("signTask")
		uni.$off("startTask")
		uni.$on("signTask",(e)=>{
			signFormData.taskId=e.id
			pageInfo.taskId=e.id
			operatorDialog._value.open();
			pageInfo.popupMessage.title='签收'
			pageInfo.popupMessage.showMessage='是否确认签收任务？'
		})
		uni.$on("startTask",(e)=>{
			startFormData.taskId=e.id
			pageInfo.taskId=e.id
			if(e.isKszk==false){
				operatorDialog._value.open()
				pageInfo.popupMessage.title='开始质控'
				pageInfo.popupMessage.showMessage='是否确认开始质控任务？'
			}else{
				uni.navigateTo({
					url:'/pages/ypczk/zkTask/zkTask?taskId='+pageInfo.taskId
				})
			}
		})
		uni.$off("finishTask")
		uni.$on("finishTask",()=>{
			pageInfo.current=4
		})
	})
	
</script>

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