tcm-cloud-uin-app/pages/ypczk/zkTask/zkTaskDetail/djTaskDetail.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">1</view></view>
				</template>
			</uni-section>
			<!-- 代煎数 -->
			<view class="djNum">
				<view class="djNum_title">代煎7贴：<view class="djNum_text">1/10</view></view>
				<view class="djNum_title">代煎14贴：<view class="djNum_text">2/10</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-tr>
					<!-- 表格数据行 -->
					<uni-tr v-for="(item, index) in djTaskList" :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.bhgx}}
							<uni-icons type="right" @click="toDetail(item)"></uni-icons>
						</uni-td>
					</uni-tr>
				</uni-table>
			</view>
		</uni-card>
	</view>
</template>

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

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

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

</script>

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