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

<template>
	<view class="djTaskDetail">
		<uni-card>
			<!-- 代煎作业质控标题 -->
			<uni-section title="代配作业质控" type="line" class="djTaskDetail_title">
				<template v-slot:right>
					<view class="right_title">不合格数<view class="right_text">{{dpTaskList.dpbhg}}</view></view>
				</template>
			</uni-section>
			<!-- 代煎数 -->
			<view class="djNum">
				<view class="djNum_title">代配7贴：<view class="djNum_text">{{dpTaskList.dp7t+'/'+dpTaskList.dp7twc}}</view></view>
				<view class="djNum_title">代配14贴：<view class="djNum_text">{{dpTaskList.dp14t+'/'+dpTaskList.dp14twc}}</view></view>
			</view>
			<!-- 代煎表格 -->
			<view>
				<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-th align="center" width="155rpx">平均误差(%)</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr v-for="(item, index) in dpTaskList" :key="index">
						<uni-td align="center">{{item.cfbh}}</uni-td>
						<uni-td align="center">{{item.ts}}</uni-td>
						<uni-td align="center">{{item.wc}}</uni-td>
						<uni-td align="center">{{item.jcx}}</uni-td>
						<uni-td align="center">{{item.bhgx}}
							<uni-icons type="right" @click="toDetail(item)"></uni-icons>
						</uni-td>
					</uni-tr>
				</uni-table>
			</view>
		</uni-card>
	</view>
</template>

<script setup>
import http from '@/utils/request';
import { reactive } from "vue";
import {onLoad,onShow,onUnload,onPullDownRefresh} from "@dcloudio/uni-app";

const props = defineProps({
	// 代配质控详情列表
	dpTaskList:  Array,	
});

// 跳转详情界面
const toDetail=(e)=>{
	console.log(e)
	uni.navigateTo({
		url:"/pages/ypczk/zkTask/djTask?status=get"
	})
}

</script>

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