tcm-cloud-uin-app/pages/ypczk/zkTask/zkTaskDetail/djTaskDetail.vue

<template>
	<view class="djTaskDetail">
		<!-- 代煎作业质控标题 -->
		<view class="djTaskDetail_progress">
			<text class="djTaskDetail_progress_title">任务进度：<text class="djTaskDetail_progress_text">{{props.djWcCount+'/'+props.djCyCount}}</text></text>
			<!-- <text class="djTaskDetail_progress_title">不合格数<text class="djTaskDetail_progress_text">{{bhgNumber()}}</text></text> -->
		</view>
		<!-- 代煎数 -->
		<!-- 代煎表格 -->
		<view v-if="djTaskList.length!=0">
			<uni-table class="djDetail_table">
				<!-- 表头行 -->
				<uni-tr>
					<uni-th align="center" width="155rpx">处方编号</uni-th>
					<uni-th align="center" width="150rpx">贴数(贴)</uni-th>
					<uni-th align="center" width="150rpx">检查项</uni-th>
					<uni-th align="center" width="155rpx">不合格项</uni-th>
				</uni-tr>
				<!-- 表格数据行 -->
				<uni-tr v-for="(item, index) in djTaskList" :key="index" @click="toDetail(item)">
					<uni-td align="center">{{item.cfbh}}</uni-td>
					<uni-td align="center">{{item.ts}}</uni-td>
					<uni-td align="center">{{item.jcx}}</uni-td>
					<uni-td align="center">{{item.bhgx}}
						<uni-icons type="right"></uni-icons>
					</uni-td>
				</uni-tr>
			</uni-table>
		</view>
		<view v-else>
			<dataEmpty></dataEmpty>
		</view>
		<!-- 开始质控 -->
		<view class="finish_button" v-if="props.taskStatus!='7004'">
			<button class="button" @click="startTask()">开始质控</button>
		</view>
	</view>
</template>

<script setup>
import { reactive } from "vue";
import {onLoad,onShow,onUnload,onPullDownRefresh} from "@dcloudio/uni-app";
import http from '@/utils/request';
import dataEmpty from "@/pages/ypczk/zkTask/zkTaskDetail/noStartTaskDetail.vue";

const props = defineProps({
	// 代煎质控详情列表
	djTaskList:  Array,	
	// 代煎不合格数
	djbhg:String,
	// 任务状态
	taskStatus:String,
	// 代煎抽样数量
	djCyCount:String,
	// 代煎完成数量
	djWcCount:String,
});

// 开始质控
const startTask=()=>{
	uni.$emit("startTaskInfo")
}

// 跳转详情界面
const toDetail=(e)=>{
	console.log(e)
	uni.navigateTo({
		url:"/pages/ypczk/zkTask/djTask?status=get"+'&ptwybh='+e.ptwybm+'&fyfslx=3'+'&cfbh='+e.cfbh+'&id='+e.id+'&taskStatus='+props.taskStatus
	})
}

</script>

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