<template>
	<view class="" style="background-color: #fff;">
		<uni-collapse ref="collapse1" @change="">
			<uni-collapse-item :open="true">
				<template v-slot:title>
					<uni-swipe-action ref="swipeAction">
						<uni-swipe-action-item @click="removeItem($event,dataContent)" :right-options="removeOptions">
							<item-qty :dataContent="dataContent" :handleQty="dataContent.handleQty"
								:isShowBalance="true"></item-qty>
						</uni-swipe-action-item>
					</uni-swipe-action>

				</template>
				<u-line />
				<view class="" v-for="(item,index) in dataContent.subList">
					<uni-swipe-action ref="swipeAction">
						<uni-swipe-action-item @click="swipeClick($event,item,index)"
							:right-options="item.scaned?scanOptions:detailOptions">
							<!-- 	<balance :dataContent="item" :isShowStdPack="false" :isShowPack="true"
								:isShowLocation="true"></balance> -->
							<production-label :dataContent="item" :packageContent="item.package" :isShowStdPack="false"></production-label>
						</uni-swipe-action-item>
					</uni-swipe-action>
					<u-line color="#D8D8D8"></u-line>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<balanceQtyEdit ref="balanceQtyEdit" @confirm="confirm"></balanceQtyEdit>
		<job-detail-popup ref="winHint" :dataContent="showItem"></job-detail-popup>
		<comMessage ref="comMessage"></comMessage>
	</view>
</template>

<script>
	import itemQty from '@/mycomponents/item/itemQty.vue'
	import recommend from '@/mycomponents/recommend/recommend.vue'
	import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue'
	import productionLabel from '@/mycomponents/balance/productionLabel.vue'
 
	import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue'
	import {
		getDetailOption,
		getDetailEditRemoveOption,
		getClearOption
	} from '@/common/array.js';
	export default {
		components: {
			itemQty,
			recommend,
			jobDetailPopup,
			productionLabel,
			balanceQtyEdit,
		},
		props: {
			dataContent: {
				type: Object,
				default: {}
			},
			settingParam: {
				type: Object,
				default: {}
			},
			fromInventoryStatus: {
				type: String,
				default: ""
			},
			toInventoryStatus: {
				type: String,
				default: ""
			},
			isShowStatus: {
				type: Boolean,
				default: false
			}
		},
		watch: {
			dataContent: {
				handler(newName, oldName) {
					if(this.dataContent.subList.length>0){
						if(this.$refs.collapse1!=undefined){
							this.$nextTick(res=>{
								this.$refs.collapse1.resize()
							})
						}
					}
				},
				immediate: true,
				deep: true
			}
		},

		data() {
			return {
				option: [],
				title: "推荐详情",
				showItem: {},
				editItem: {},
				detailOptions: [],
				scanOptions: [],
				removeOptions: [],
				dataList: []
			}
		},

		mounted() {
			this.detailOptions = getDetailOption();
			this.scanOptions = getDetailEditRemoveOption();
			this.removeOptions =getClearOption();
		},

		methods: {
			removeItem(e,dataContent){
				if (e.content.text == "清空") {
					this.$refs.comMessage.showQuestionMessage("确定清空物料及箱码信息?",
						res => {
							if (res) {
								this.$emit('removeItem')
								// this.$emit('removeItem', this.dataContent)
							}
						});
				}
			},
			swipeClick(e, item, index) {
				if (e.content.text == "详情") {
					this.detail(item)
				} else if (e.content.text == "编辑") {
					this.edit(item)
				} else if (e.content.text == "移除") {
					this.remove(item, index)
				}
			},

			edit(item) {
				this.editItem = item;
				this.$refs.balanceQtyEdit.openEditPopup(this.editItem, this.editItem.qty);
			},

			remove(item, index) {
				this.$refs.comMessage.showQuestionMessage("确定移除扫描信息?",
					res => {
						if (res) {
							this.dataContent.subList.splice(index, 1)
							this.$emit('updateData')
						}
					});
			},
			confirm(qty) {
				this.editItem.qty = qty;
				this.$emit('updateData')
			},
			detail(item) {
				this.showItem = item;
				this.dataList = [{
						title: "箱码",
						content: item.packingNumber
					},
					{
						title: "批次",
						content: item.batch
					},
					{
						title: "库位",
						content: item.locationCode
					},
					{
						title: "数量",
						content: item.qty
					},
					{
						title: "单位",
						content: item.uom
					}
				]
				this.$refs.winHint.openScanPopup()
			},
			remove(item,index) {
				this.$refs.comMessage.showQuestionMessage("确定移除扫描信息?",
					res => {
						if (res) {
							this.dataContent.subList.splice(index, 1)
							this.$emit('removePack')
						}
					});
			},
			confirm(qty) {
				this.editItem.qty = qty;
				this.$emit('updateData')
			}
		}
	}
</script>

<style>
</style>
