<template>
	<!-- :class="detail.scaned?'scan_view':''" -->
	<view  style="background-color: #ffffff;">
		<view>
			<view>
				<view class="uni-flex uni-row space-between">
					<location :locationCode="detail.FromLocationCode">
					</location>
				</view>
				<view v-for="(batch,index) in detail.Batchs">
					<uni-collapse ref="subCollapse">
						<uni-collapse-item :open="true">
							<template v-slot:title>
								<view class="uni-flex uni-row space-between">
									<view>
										<batch :batch="batch.batch" style='margin-left: 20px;'></batch>
									</view>
									<view>
										<recommend-qty v-if="batch.Records==null || batch.Records==undefined "
											:dataContent="batch" :isShowStatus='false' :isShowStdPack="false">
										</recommend-qty>
										<compare-qty v-else :dataContent="batch" :recommendQty="batch.qty"
											:handleQty="batch.handleQty" :isShowStatus='false' :isShowStdPack="false">
										</compare-qty>
									</view>
								</view>
							</template>
							<u-line />
							<view class="" v-for="(record,index) in batch.Records">
								<uni-swipe-action ref="swipeAction">
									<uni-swipe-action-item @click="swipeClick($event,batch)">
										<!-- :right-options="loacation.scaned?scanOptions:detailOptions" -->
										<view class="uni-flex uni-row space-between">
											<view>
												<pack :packingCode="record.packingNumber" style='margin-left: 40px;'>
												</pack>
											</view>
											<view>
												<qty :dataContent="record" :isShowStdPack="false"></qty>
											</view>
										</view>

										<!-- <com-issue-recommend :detail="loacation"></com-issue-recommend> -->
									</uni-swipe-action-item>
								</uni-swipe-action>
							</view>
						</uni-collapse-item>
					</uni-collapse>
				</view>


				<!-- 	<view v-for="(batch,index) in detail.Batchs">
			 

					<view v-if="batch.Records!=null || batch.Records!=undefined ">
						<view v-for="(record,index) in batch.Records">
							<view class="uni-flex uni-row space-between">
								<view>
									<pack :packingCode="record.packingNumber" style='margin-left: 40px;'></pack>
								</view>
								<view>
									<qty :dataContent="record" :isShowStdPack="false"></qty>
								</view>
							</view>
						</view>
					</view>
				</view> -->

			</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'
	import balanceQty from '@/mycomponents/qty/balanceQty.vue'
	import qty from '@/mycomponents/qty/qty.vue'

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

		data() {
			return {

			}
		},
		props: {
			detail: {
				type: Object,
				default: {}
			},
		},
		watch: {

		},
		methods: {
			resizeCollapse() {
				let that=this;
				that.$nextTick(r => {
					that.$refs.subCollapse[0].resize();
				});
			},
		}
	}
</script>

<style>
</style>
