tcm-cloud-uin-app/pages/ypczk/djfk/djfkTask/daiZgTask.vue

<template>
	<view class="allTask">
		<uni-card v-for="(item,index) in pageData.taskList" class="allTask_list">
			<view class="list_content">
				<view class="list_content_img">
					<image :src="pageData.statusIcon" class="statusIcon"></image>
				</view>
				<view class="list_item">质控名称</view>
				<view class="list_item_text">{{item.taskName}}</view>
			</view>
			<view class="list_content">
				<view class="list_item">质控日期</view>
				<view class="list_item_text">{{item.taskTime}}</view>
			</view>
			<view class="list_content">
				<view class="list_item">整改截止日期</view>
				<view class="list_item_text">{{item.taskDeadline}}</view>
			</view>
			<view class="list_content">
				<view class="list_item">整改项数</view>
				<view class="list_item_text">{{item.taskNum}}</view>
			</view>
			<view class="list_content">
				<view class="list_item">整改情况</view>
				<view class="list_item_text">{{item.taskSituation}}</view>
			</view>
			<view class="button">
				<view class="button_upload" @click="uploadZg(item)">上传整改</view>
			</view>
		</uni-card>
	</view>
</template>

<script setup>
import http from '@/utils/request';
import {ref,reactive,getCurrentInstance, computed, nextTick,watch} from "vue";
import {onLoad,onShow,onUnload,onPageScroll,onReachBottom,onPullDownRefresh} from "@dcloudio/uni-app";
	
const pageData=reactive({
	// 状态icon
	statusIcon:'/static/gai_icon.png',
	taskList:[
		{
			taskName:'20230405质控任务',
			taskTime:'2023.04.28',
			taskDeadline:'2023.05.23',
			taskNum:'10',
			taskSituation:'第一次'
		}
	]
})	
</script>

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