<template>
	<view class="">
		<uni-popup ref="popup">
			<detail-common-info :dataContent="dataContent" @onClose="closePopup">
				<view class="">
					<view class="uni-flex uni-column">
						<view class="item">
							<text class="item_title">标包数量 : </text>
							<text class="text_wrap">{{dataContent.packQty}} </text>
						</view>
						<view class="item">
							<text class="item_title">标包单位 : </text>
							<text class="text_wrap">{{getPackUnitInfo(dataContent.packUnit)}} </text>
						</view>

					</view>
				</view>
			<view class='split_line'></view>
				<view class="">
					<view class="uni-flex uni-column">
						<view class="item">
							<text class="item_title">订单号 : </text>
							<text class="text_wrap">{{dataContent.poNumber}} </text>
						</view>
						<view class="item">
							<text class="item_title">订单行 : </text>
							<text class="text_wrap">{{dataContent.poLine}} </text>
						</view>
						<view class="item">
							<text class="item_title">项目代码 : </text>
							<text class="text_wrap">{{dataContent.projectCode}} </text>
						</view>
						<view class="item">
							<text class="item_title">到货日期 : </text>
							<text class="text_wrap">{{dateFormat(dataContent.arriveDate)}} </text>
						</view>
						<view class="item">
							<text class="item_title">生产日期 : </text>
							<text class="text_wrap">{{dateFormat(dataContent.produceDate)}} </text>
						</view>
						<view class="item">
							<text class="item_title">过期日期 : </text>
							<text class="text_wrap">{{dateFormat(dataContent.expireDate)}} </text>
						</view>
					</view>
				</view>
			</detail-common-info>
		</uni-popup>
	</view>
</template>

<script>
	import {getPackUnitInfo} from "@/common/directory.js"
	import {
		dateFormat
	} from '@/common/basic.js';
	import detailCommonInfo from '@/mycomponents/detail/detailCommonInfo.vue'
	export default {
		components: {
			detailCommonInfo
		},
		data() {
			return {
				dataContent: {
					type: Object,
					default: {}
				}
			}
		},

		mounted() {},
		props: {},

		methods: {
			openPopup(val) {
				this.dataContent = val;
				setTimeout(res => {
					this.$refs.popup.open('bottom')
				}, 500)
			},
			closePopup() {
				this.$refs.popup.close()
			},
			getPackUnitInfo(value){
				return getPackUnitInfo(value).label
			},
			dateFormat(value){
				return dateFormat(value)
			}
			
		}
	}
</script>

<style>


</style>