<template>
	<view>
		<view class="uni-flex uni-row">
			<win-packing-code :packingCode="dataContent.recommendPackingCode" ></win-packing-code>|
			<win-lot :lot="dataContent.recommendLot"></win-lot>|
			<win-qty v-if="isShowQty" :qty=dataContent.recommendQty :uom="dataContent.stdPackUom" :stdPackQty = dataContent.stdPackQty :allowEdit="false"></win-qty>|
			<text @click="expandDetail()">展开</text>
		</view>
		<view v-if="expand" class="uni-flex uni-row">
			<win-inventory-status :status="1"></win-inventory-status>|
			<win-container-code :containerCode="dataContent.recommendContainerCode">
			</win-container-code>|
			<!-- <win-location-code :dataContent="dataContent.RecommendLocation"></win-location-code> -->
		</view>
	</view>
</template>

<script>
	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: {
			winPackingCode,
			winContainerCode,
			winLot,
			winLocationCode,
			winInventoryStatus,
			winQty
		},
		data() {
			return {
				expand: false
			}
		},
		props: {
			dataContent: {
				type: Object,
				default: {}
			},
			isShowQty: {
				type: Boolean,
				default: true
			},

		},
		methods: {
			expandDetail() {
				this.expand = !this.expand;
			}
		}
	}
</script>

<style>
</style>
