<template>
	<view :class="detail.scaned?'scan_view':''" style="background-color: #ffffff;">
		<view class="space_between">
			<view >
				<pack v-if="isShowPack" :packingCode="detail.packingNumber"></pack>
				<batch v-if="isShowBatch" :batch="detail.batch"></batch>
				<location v-if="isShowLocation" :locationCode="detail.fromLocationCode"></location>
			</view>
			<view >
				<recommend-qty v-if="detail.record==null || detail.record==undefined" :dataContent="detail"
					:isShowStdPack="false"></recommend-qty>

				<compare-qty v-else :dataContent="detail" :recommendQty="detail.qty" :handleQty="detail.record.qty"
					:isShowStdPack="false">
				</compare-qty>
			</view>
		</view>
	</view>
</template>

<script>
	import pack from '@/mycomponents/balance/pack.vue'
	import location from '@/mycomponents/balance/location.vue'
	import batch from '@/mycomponents/balance/batch.vue'
	import recommendQty from '@/mycomponents/qty/recommendQty.vue'
	import compareQty from '@/mycomponents/qty/compareQty.vue'

	export default {
		components: {
			pack,
			location,
			batch,
			recommendQty,
			compareQty
		},

		data() {
			return {

			}
		},
		props: {
			detail: {
				type: Object,
				default: {}
			},
			isShowPack: {
				type: Boolean,
				default: true
			},
			isShowBatch: {
				type: Boolean,
				default: true
			},
			isShowLocation: {
				type: Boolean,
				default: true
			},

		},
		watch: {

		},
		methods: {

		}
	}
</script>

<style>
	.recommend {
		position: absolute;
		left: 25px;
		top: 70px;
		width: 10px;
		height: 30px;
		opacity: 1;

	}
</style>
