sfms3.0-uniapp/src/pages/package/coms/comScanPackagePack.vue

<template>
	<view>
		<winComScanBalanceLocation ref="scanPopup" @getBalance='getScanResult'  @onCloseScanPopup="closeScanPopup" bussinessCode="OverPackage"></winComScanBalanceLocation>
		<balance-select ref="balanceSelect" @onSelectItem='selectBalanceItem'></balance-select>
		<comMessage ref="comMessage"></comMessage>
		<balance-qty-edit ref="balanceQtyEdit" @confirm="confirm" :isShowStatus="true"></balance-qty-edit>
	</view>
</template>

<script>
	import winComScan from '@/mycomponents/scan/winComScan.vue'
	import balance from '@/mycomponents/balance/balance.vue'
	import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue'
	import balanceSelect from '@/mycomponents/balance/balanceSelect.vue'
	import winComScanBalanceLocation from '@/mycomponents/scan/winComScanBalanceLocation.vue'

	import {
		getDetailOption,
		getDetailEditRemoveOption
	} from '@/common/array.js';
	import {
		getWorkShopLineStation
	} from '@/api/request2.js';

	import {
		calc
	} from '@/common/calc.js';

import { getDirectoryItemArray } from '@/common/directory';

	export default {
		name: 'winScanPack',
		components: {
			winComScan,
			balance,
			balanceQtyEdit,
			balanceSelect,
			winComScanBalanceLocation
		},
		props: {
			title: {
				type: String,
				default: ''
			},
		},
		data() {
			return {
				dataContent: {},
				jobContent: {},
				show: false,
				scanList: [],
				toLocation: null,
				toLocationCode: '',
				fromLocationList: [],
				fromLocationCode: '',
				fromLocation: null,
				issueRecord: [], //翻包历史
				expand: true,
				scanOptions: {},
				editItem: {},
				fromInventoryStatuses: "",
				packageInfo: {},
				label: {}
			}
		},
		created() {

		},
		watch: {},
		mounted() {
			this.detailOptions = getDetailOption();
			this.scanOptions = getDetailEditRemoveOption();
		},
		methods: {
			openScanPopup(content, jobcontent) {
				this.issueRecord = [];
				this.dataContent = content;
				this.jobContent = jobcontent;
				this.initData();
				this.$refs.scanPopup.openScanPopupForJob(this.fromLocationCode, this.fromLocationList, this.jobContent)
			},

			closeScanPopup() {
				this.packLoseFocus()
				this.$emit("closeScan")
			},

			initData() {
				let that = this;
				that.fromLocationList = [];
				if (that.dataContent != null) {
					that.fromInventoryStatuses = getDirectoryItemArray(this.jobContent.outInventoryStatuses) 
					that.toLocation = that.dataContent[0];
					that.toLocationCode = that.dataContent[0].toLocationCode;
					that.fromLocationList = that.getFromLocationList();
				}
			},

			showBalanceSelect(items) {
				this.$refs.balanceSelect.openPopup(items);
			},

			getFromLocationList() {
				let list = [];
				this.dataContent.forEach(location => {
					location.Items.forEach(item => {
						item.Locations.forEach(f => {
							let item = list.find(l => l == f.fromLocationCode);
							if (item == undefined) {
								list.push(f.fromLocationCode)
							}
						})
					})
				});

				this.fromLocationCode = list[0];
				return list;
			},

			fromLocationUpdate(fromlocation) {
				let location = this.fromLocationList.find(r => r == fromlocation)
				if (location == undefined) {
					this.fromLocationCode = ''
					this.showErrorMessage('翻包库位【' + fromlocation + '】不存在')
				}
			},
			
			getScanResult(result){
				var balance =result.balance;
				var packageInfo =result.package;
				let itemCode = balance.itemCode;
				let item = this.toLocation.Items.find(r => r.itemCode == itemCode);
				if (item == undefined) {
					this.showErrorMessage('未查找到物料【' + itemCode + '】的翻包明细',
						res => {
							this.getfocus();
						}
					)
				} else {
					this.afterGetBalance(result.label, balance, packageInfo);
				}
			},


			onScan(result) {
				try {
					let that = this;
					if (that.fromLocationCode == '') {
						that.showErrorMessage('请选择来源库位', res => {
							that.$refs.toLocationCombox.onFocus();
						});
						return;
					}

					that.label = result.label;
					that.packageInfo = result.package;
					// let packageInfo = result.package;
					let itemCode = result.label.itemCode;
					let packingCode = result.label.packingNumber;
					let lot = result.label.batch;
					let item = that.toLocation.Items.find(r => r.itemCode == itemCode);
					if (item == undefined) {
						that.showErrorMessage('未查找到物料【' + itemCode + '】的翻包明细',
							res => {
								that.getfocus();
							}
						)
						return;
					} else {
						// if(that.packageInfo.packUnit!=item.Locations[0].Batchs[0].fromPackUnit){
						// 	that.showErrorMessage("扫描包装规格【"+that.packageInfo.packUnit+"】与任务包装规格【"+item.Locations[0].Batchs[0].fromPackUnit+"】不一致",
						// 		res => {
						// 			that.getfocus();
						// 		}
						// 	)
						// 	return;
						// }
						
						//查找库存信息
						uni.showLoading({
							title: '加载中',
							mask: true
						})
						getBalanceByManagementPrecision(result.label, that.fromLocationCode, that.fromInventoryStatuses,
							balanceRes => {
								if (balanceRes.success) {
									if (balanceRes.data.list.length == 0) {
										this.showErrorMessage('在来源库位[' + this.fromLocationCode + '],未查找到该包装的库存记录',
											res => {
												this.packGetFocus();
											})
									} else if (balanceRes.data.list.length == 1) {
										let balance = balanceRes.data.list[0];
										this.afterGetBalance(result.label, balance, that.packageInfo);
									} else {
										this.showBalanceSelect(balanceRes.data.list);
									}
								} else {
									this.showErrorMessage(balanceRes.message.message);
								}
								uni.hideLoading();
							});
					}
				} catch (e) {
					this.showErrorMessage(e.stack)
					uni.hideLoading();
				}
			},

			selectBalanceItem(balance) {
				this.afterGetBalance(this.label, balance, this.packageInfo);
			},

			afterGetBalance(label, balance, packageInfo) {
				
				let that = this;
				try {
					let itemCode = label.itemCode;
					let packingCode = label.packingNumber;
					let lot = label.batch;
					let item = that.toLocation.Items.find(r => r.itemCode == itemCode);
					let fromLocation = item.Locations.find(l => l.fromLocationCode == that.fromLocationCode);
					if (fromLocation != undefined) {
						let batch = fromLocation.Batchs.find(r => r.batch == lot);
						if (batch != undefined) {
							if (batch.Records == undefined) {
								batch.Records = [];
							}

							let record = batch.Records.find(r => r.packingNumber == packingCode);
							if (record == undefined) {
								//如果有推荐箱码
								if (batch.Recommends.length > 0) {
									let recommend = batch.Recommends.find(r => r.packingNumber == packingCode);
									if (recommend != undefined) {
										that.addRecord(batch, label, balance, packageInfo)
									} else {
										//允许修改箱码
										if (this.jobContent.allowModifyPackingNumber == 'TRUE') {
											that.addRecord(batch, label, balance, packageInfo);
										} else {
											that.showErrorMessage('未查找到该箱码【' + packingCode + '】的明细',
												res => {
													that.getfocus();
												}
											)
										}
									}
								} else {
									that.addRecord(batch, label, balance, packageInfo)
								}
							} else {
								that.showErrorMessage('箱码【' + packingCode + '】已经扫描,请继续扫描下一箱',
									res => {
										that.getfocus();
									}
								)
							}
						} else {
							if (this.jobContent.allowModifyBatch == "TRUE") {
								this.showQuestionMessage('在【' + that.fromLocationCode + '】库位下,未查找到批次【' + lot +
									'】的翻包明细,是否要继续翻包?', res => {
										if (res) {
											let batch = that.createBatchInfo(label, balance, packageInfo);
											//新增加的批次赋值details
											if (fromLocation.Batchs.length > 0) {
												batch.detail = fromLocation.Batchs[0].detail;
											}
											fromLocation.Batchs.unshift(batch);
										}
									})
							} else {
								that.showErrorMessage('未查找到批次【' + lot + '】的翻包明细',
									res => {
										that.getfocus();
									});
							}
						}
					} else {
						that.showErrorMessage('未查找到推荐库位【' + that.fromLocationCode + '】的翻包明细',
							res => {
								that.getfocus();
							}
						)
					}
				} catch (e) {
					that.showErrorMessage(e.stack,
						res => {
							that.getfocus();
						}
					)
				}
			},

			createBatchInfo(data, balance, packageInfo) {
				let batch = {
					batch: data.batch,
					qty: 0,
					uom: data.uom,
					handleQty: Number(data.qty),
					Records: []
				}
				let record = this.creatRecord(data, balance, packageInfo);
				batch.Records.push(record);
				this.issueRecord.unshift(record)
				return batch;
			},

			creatRecord(label, balance, packageInfo) {
				balance.packQty = packageInfo.packQty
				balance.packUnit = packageInfo.packUnit
				let record = {
					scaned: true,
					itemCode: label.itemCode,
					packingNumber: packageInfo.number,
					parentPackingNumber:packageInfo.parentNumber,
					batch: label.batch,
					qty: balance.lableQty?balance.lableQty:balance.qty,
					// qty: Number(label.qty) > Number(balance.qty) ? Number(balance.qty) : Number(label.qty),
					uom: balance.uom,
					inventoryStatus: balance.inventoryStatus,
					balance: balance,
					toLocationCode: this.toLocationCode,
					supplierCode: label.supplierCode,
					packUnit:packageInfo.packUnit,
					packQty:packageInfo.packQty
				}
				return record;
			},

			calcBatchHandleQty(batch) {
				let handleQty = 0;
				batch.Records.forEach(res => {
					handleQty = calc.add(handleQty,res.qty)
				})
				batch.handleQty = handleQty;

			},

			addRecord(batch, label, balance, packageInfo) {
				let record = this.creatRecord(label, balance, packageInfo);
				batch.Records.push(record);
				this.calcBatchHandleQty(batch);
				this.getfocus();
			},

			// getfocus() {
			// 	if (this.$refs.scanPopup ) {
			// 		this.$refs.scanPopup.packGetFocus();
			// 	}
			// },

			// losefocus() {
			// 	if (this.$refs.scanPopup ) {
			// 		this.$refs.scanPopup.packLoseFocus();
			// 	}
			// },

			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;
				// item.balance.balanceQty = item.balance.qty;
				item.balance.balanceQty = item.balance.qty;
				this.$refs.balanceQtyEdit.openEditPopup(item.balance, item.qty);
			},

			detail(item) {
				this.showItem = item;
				this.$refs.receiptHint.openScanPopup()
			},
			remove(record, index) {
				this.showQuestionMessage("确定移除扫描信息?",
					res => {
						if (res) {
							record.qty = 0;
							this.issueRecord.splice(index, 1)

							let item = this.toLocation.Items.find(r => r.itemCode == record.itemCode);
							if (item != undefined) {
								item.Locations.forEach(l => {
									let batch = l.Batchs.find(b => b.packingNumber == record.packingNumber && b
										.batch == record.batch);
									let rIndex = batch.Records.findIndex(r => r.packingNumber == record
										.packingNumber && r
										.batch == record.batch);
									batch.Records.splice(rIndex, 1);
								})
							}
							this.$emit('updateData', item);
						}
					});
			},

			packGetFocus() {
				if(this.$refs.scanPopup){
					this.$refs.scanPopup.packGetFocus();
				}
			},
			packLoseFocus() {
				if(this.$refs.scanPopup){
					this.$refs.scanPopup.packLoseFocus();
				}
				
			},
			showMessage(message, callback) {
				setTimeout(r => {
					this.packLoseFocus();
					this.$refs.comMessage.showMessage(message, callback);
				})
			},
			showErrorMessage(message, callback) {
				setTimeout(r => {
					this.packLoseFocus();
					this.$refs.comMessage.showErrorMessage(message, callback);

				})
			},
			showQuestionMessage(message, callback) {
				setTimeout(r => {
					this.packLoseFocus();
					this.$refs.comMessage.showQuestionMessage(message, callback);
				})
			},
			confirm(val) {
				this.editItem.qty = Number(val);
				this.$emit('updateData', this.editItem)
			},
			cancle() {
				this.closeScanPopup()
			}
		}
	}
</script>

<style lang="scss">
	button {
		border: none;
	}

	button::after {
		border: none
	}

	.scroll-view {
		overflow-y: scroll;
		height: auto;
		max-height: 300rpx;
		padding: 10rpx;
	}
</style>