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

<template>
	<view class="qualitycontrolTask">
		<!-- 飞行质控任务 -->
		<view class="flightTask">
			<uni-card>
				<uni-section :title="pageData.todayDate+'飞行质控任务'" type="line">
					<template v-slot:right>
						<image style="width: 50rpx; height: 50rpx;" :src="showIcon.nowIcon" @click="changeState()"></image>
					</template>
				</uni-section>
				<view class="flightTask_list">
					<text class="flightTask_list_item">被质控代煎企业<text class="flightTask_list_item_text">{{pageData.flightTask.orgName}}</text></text>
					<text class="flightTask_list_item">组长<text class="flightTask_list_item_text">{{pageData.flightTask.orgName}}</text></text>
					<text class="flightTask_list_item">组员<text class="flightTask_list_item_text">{{pageData.flightTask.orgName}}</text></text>
					<text class="flightTask_list_item">地址<text class="flightTask_list_item_text">{{pageData.flightTask.orgName}}</text></text>
				</view>
			</uni-card>
		</view>
		<!-- 代配作业质控 -->
		<view>
			
		</view>
		<!-- 代煎作业质控 -->
		<view></view>
		<!-- 代煎企业作业环境质控 -->
		<view></view>
	</view>
</template>

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

const pageData=reactive({
	todayDate:'20230405',
	flightTask:{
		orgName:'机构',
	},
	deliveryTask:[],
	friedTask:[],
	environmentTask:[]
})

const showIcon=reactive({
	nowIcon:'',
	showIcon:'/static/blackDisplay.png',
	hideIcon:'/static/blackHide.png'
})

const changeState=()=>{
	if(showIcon.nowIcon==showIcon.showIcon){
		showIcon.nowIcon=showIcon.hideIcon
	}else{
		showIcon.nowIcon=showIcon.showIcon
	}
}

onShow(()=>{
	showIcon.nowIcon=showIcon.hideIcon
})
</script>

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