<template>
	<view>
		<view class="uni-flex uni-column">
			<win-item-info :dataContent="dataContent"></win-item-info>
			<view class="uni-flex uni-row">
				<win-packing-code :packingCode="dataContent.packingCode"></win-packing-code>|
				<win-lot :lot="dataContent.lot"></win-lot>|
				<win-qty :qty=dataContent.qty :stdPackQty=dataContent.stdPackQty :allowEdit="false"></win-qty>|
				<text @click="expandDetail()">展开</text>
			</view>
		</view>
		<view v-if="expand" class="uni-flex uni-row">
			<view class="uni-flex uni-row">
				<text>{{dataContent.supplierName}}</text>|
				<text>{{dataContent.poNumber}}</text>|
			</view>
			<view class="uni-flex uni-row">
				<text>{{dataContent.team}}</text>|
				<text>{{dataContent.shift}}</text>|
				<text>{{dataContent.prodLine}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import winItemInfo from '@/mycomponents/wincom/unitCom/winItemInfo.vue'
	import winPackingCode from '@/mycomponents/wincom/unitCom/winPackingCode.vue'
	import winContainerCode from '@/mycomponents/wincom/unitCom/winContainerCode.vue'
	import winLot from '@/mycomponents/wincom/unitCom/winLot.vue'
	import winLocationCode from '@/mycomponents/wincom/unitCom/winLocationCode.vue'
	import winInventoryStatus from '@/mycomponents/wincom/unitCom/winInventoryStatus.vue'
	import winQty from '@/mycomponents/wincom/unitCom/winQty.vue'

	export default {
		components: {
			winItemInfo,
			winPackingCode,
			winContainerCode,
			winLot,
			winLocationCode,
			winInventoryStatus,
			winQty
		},
		data() {
			return {
				expand: false
			}
		},
		props: {
			dataContent: {
				type: Object,
				default: {}
			},
		},
		methods: {
			expandDetail() {
				this.expand = !this.expand;
			}
		}
	}
</script>

<style>
</style>
