<template>
	<view :class="detail.scaned?'scan_view':''" style="background-color: #fff;">
		<view class="uni-flex uni-row space-between center ">
			<view class="uni-flex uni-row " style="width: 60%;margin-left: 30rpx;" >
				<view style=" width: 25rpx;color: #32C1E8;">
					推荐
				</view>
				<view style="word-break: break-all">
					<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>
			<view style="word-break: break-all">
				<recommend-qty v-if="detail.Records==null || detail.Records.length==0" :dataContent="detail"
					:isShowStdPack="false" :isShowStatus="false"></recommend-qty>
				<compare-qty v-else :dataContent="detail" :recommendQty="Number( detail.qty)"
					:handleQty="Number(detail.handleQty)" :isShowStdPack="false" :isShowStatus="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>
