<template>
	<view class="uni-flex uni-row" @click="openDetail()">
		<text>{{dataContent.lot}}|</text>
		<text>查看详情</text>
	</view>
	<uni-popup ref="popup">
		<view style="background-color: white;width: 230px; height:60%;">
			<view class="uni-flex uni-row">
				<text>批次:</text>
				<text>{{lot}}</text>
			</view>

			<view class="uni-flex uni-column">
				<view class="uni-flex uni-row">
					<text>供应商批次:{{dataContent.supplierBatch}}</text>
				</view>
				<view class="uni-flex uni-row">
					<text>生产日期:{{dataContent.produceDate}}</text>
				</view>
				<view class="uni-flex uni-row">
					<text>过期日期:{{dataContent.expireDate}}</text>
				</view>
			</view>
		</view>
	</uni-popup>
</template>

<script setup>
	import {
		ref
	} from "vue";
	import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue';
	const popup = ref(null)

	const props = defineProps({
		lot: {
			type: String,
			default: ''
		},
		dataContent: {
			type: Object,
			default () {
				return {
					supplierBatch: '供应商批次1',
					produceDate: '2023年3月14日',
					expireDate: '2024年3月14日',
				}
			}
		},

	});

	const openDetail = function() {
		popup.value.open()
	};

	const closeDetail = function() {
		popup.value.close()
	};
</script>

<style>
</style>
