<template>
	<view class="" style="background-color: #fff;">
		<uni-collapse ref="collapse1" @change="">
			<uni-collapse-item :open="true">
				<template v-slot:title>
					<item-compare-qty :dataContent="dataContent" :handleQty="dataContent.handleQty"
						:isShowStdPack="false">
					</item-compare-qty>
				</template>

				<view class="" v-for="(item,index) in dataContent.subList" :key="index">
					<uni-swipe-action ref="swipeAction">
						<uni-swipe-action-item @click="swipeClick($event,item)"
							:right-options="item.scaned?scanOptions:detailOptions"
							style='padding:0px 0px  5px 0px;align-items: center;'>
							<recommend :detail="item" :isShowStatus="isShowStatus" :isShowToLocation="isShowToLocation">
							</recommend>
							
						</uni-swipe-action-item>
					</uni-swipe-action>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<balance-qty-edit ref="qtyEdit" :settingParam="settingParam" :queryBalance="queryBalance" @confirm="confirm"></balance-qty-edit>
		<win-scan-location ref="scanLocationCode" title="目标库位" @getLocation='getLocation'
			:locationAreaTypeList="locationAreaTypeList"></win-scan-location>
		<comMessage ref="message"></comMessage>
	</view>
</template>

<script>
	import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
	import recommend from '@/mycomponents/recommend/recommend.vue'
	import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue'
	import winScanLocation from "@/mycomponents/scan/winScanLocation.vue"
	import {
		getDetailOption,
		getPurchaseReceiptOption
	} from '@/common/array.js';

	export default {
		emits: ['openDetail', "updateData"],
		components: {
			itemCompareQty,
			recommend,
			balanceQtyEdit,
			winScanLocation
		},
		props: {
			dataContent: {
				type: Object,
				default: null
			},
			settingParam: {
				type: Object,
				default: null
			},
			isShowPack: {
				type: Boolean,
				default: true
			},
			isShowBatch: {
				type: Boolean,
				default: true
			},
			isShowLocation: {
				type: Boolean,
				default: true
			},
			isShowToLocation: {
				type: Boolean,
				default: false
			},
			
			locationAreaTypeList: {
				type: Array,
				default: null
			},
			queryBalance: {
				type: Boolean,
				default: true
			},
			isShowStatus: {
				type: Boolean,
				default: true
			},
		},
		watch: {
			dataContent: {
				handler(newName, oldName) {
					if (this.dataContent.subList.length > 0) {
						this.$nextTick(res => {
							setTimeout(() => {
								if (this.$refs.collapse1) {
									this.$refs.collapse1.resize();
								}
							}, 500)
						})
					}
				},
				
				
				immediate: true,
				deep: true
			}
		},

		data() {
			return {
				option: [],
				showItem: {},
				locatonItem: {},
				editItem: {},
				detailOptions: [],
				scanOptions: []
			}
		},

		mounted() {
			if (this.detailOptions.length == 0) {
				this.detailOptions = getDetailOption();
			}
			if (this.scanOptions.length == 0) {
				this.scanOptions = getPurchaseReceiptOption(this.settingParam.allowModifyQty, false)
			}
			
			// this.showLocation();
		},

		methods: {
			swipeClick(e, item) {
				if (e.content.text == "详情") {
					this.detail(item)
				} else if (e.content.text == "编辑") {
					this.edit(item)
				} else if (e.content.text == "库位") {
					this.showLocation(item)
				} else if (e.content.text == "移除") {
					this.remove(item)
				}
			},
			edit(item) {
				this.editItem = item;
				this.$refs.qtyEdit.openEditPopup(item.balance, item.handleQty);
			},

			detail(item) {
				this.$emit('openDetail', item);
				// this.showItem = item;
				// this.$refs.jobDetailPopup.openPopup(item)
			},
			remove(item) {
				this.$refs.message.showQuestionMessage("确定移除扫描信息?",
					res => {
						if (res) {
							item.scaned = false
							item.balance = {}
							item.handleQty = null;
							this.$forceUpdate()
							this.$emit('remove', item)
						}
					});
			},
			confirm(qty) {
				this.editItem.handleQty = qty;
				this.$emit('updateData')
			},
			showLocation(item) {
				this.locatonItem = item;
				this.$refs.scanLocationCode.openScanPopup();
			},
			//扫描源库位
			getLocation(location, code) {
				this.locatonItem.toLocationCode = code;
				this.$emit('updateData')
			},
		}
	}
</script>

<style>
</style>