<template>
	<view>
		<uni-card padding="10rpx 0">
			<view class="dp_list" style="margin-top: 20px;">
				<image src="/static/time.png" style="height: 20px;width: 20px;"></image>
				<view style="font-size: 17px;margin-right: 30px;color: rgba(51, 51, 51, 1);">任务进度</view>

				<view class="dp_title_items"> 代配7贴：</view>{{111}}
				<text class="dp_title_items"> &nbsp;&nbsp;代配14贴：</text>
				<view class="items_right">{{222}}</view>
			</view>
			<view class="dp_list" style="margin-top: 20px;">
				<view style="font-size: 15px;color: rgba(51, 51, 51, 1);">处方编号&nbsp;&nbsp;&nbsp;{{2164832615815}}</view>
				<view class="dp_title_items" style="margin-left: 50px;">不合格数<text class="items_right">{{22}}</text>
				</view>
			</view>
			<view style="margin-top: 8px;">
				<uni-forms-item label="配方员" name="id" labelWidth="60px">
					<uni-easyinput v-model="data.reciper" type="" placeholder="请输入配方员姓名" :inputBorder="false" />
				</uni-forms-item>
			</view>

			<uni-table class="dj_table">
				<!-- 表头行 -->
				<uni-tr>
					<uni-th align="center" width="150rpx">贴序</uni-th>
					<uni-th align="center" width="150rpx">应重(克)</uni-th>
					<uni-th align="center" width="150rpx">实重(克)</uni-th>
					<uni-th align="center" width="150rpx">误差(%))</uni-th>
				</uni-tr>
				<!-- 表格数据行 -->
				<uni-tr v-for="(item, index) in pageData.detailList.dpCfDetail" :key="index">
					<uni-td>{{item.tx}}</uni-td>
					<uni-td>{{item.yz}}</uni-td>
					<uni-td>{{item.xz}}</uni-td>
					<uni-td>{{item.wc}}</uni-td>
				</uni-tr>
			</uni-table>
		</uni-card>

		<view class="djqyhj_Task">
			<uni-card>
				<uni-section title="图片上传" type="line">
				</uni-section>
				<view class="image_upload" style="border-top: 0.5px solid #ebedf0;margin-bottom: 3px;">
					<uni-file-picker style="margin-top: 10px;" limit="4" :v-model="pageData.imageList"
						@select="selectImg" @delete="deleteImg">
					</uni-file-picker>
				</view>
			</uni-card>
		</view>
		
		<!-- 下一个 -->
		<view class="finish_button">
			<button class="button" @click="finishTask()">下一个</button>
		</view>
		
	</view>
</template>

<script setup>
	import {
		reactive,
		onMounted,
		ref,
		watch,
		defineComponent
	} from 'vue';

	const data = reactive({
		reciper: '',
		aa: ''
	})

	const pageData = reactive({
		detailList: {},
		// 图片列表
		imageList: []
	})
</script>

<style lang="scss" scoped>
	@import 'indexList.scss';
	.dp_list {
		display: flex;
	}

	.dp_title_items {
		font-size: 15px;
	}

	.items_right {
		position: absolute;
		right: 30rpx;
		font-size: 15px;
	}

	::v-deep.uni-section .uni-section-header__decoration {
		background-color: rgba(190, 163, 117, 1);
	}

	::v-deep.uni-forms-item__label {
		font-size: 15px !important;
		color: rgba(51, 51, 51, 1)
	}

	::v-deep.uni-input-placeholder {
		font-size: 15px;
	}
	.uni-forms-item {
		margin-bottom: 3px;
	}
</style>
