sfms3.0-uniapp/pages/issue/record/issueRecord.vue

<template>
	<view class="page-wraper">
		<view class="" v-if='detailSource.length==0'>
			<com-blank-view @goScan='goScan(true)'></com-blank-view>
		</view>
		<view v-else class="page-wraper">
			<view class="page-main">
				<scroll-view scroll-y="true" class="">
					<view v-for="(toLocation, index) in detailSource">
						<view class="uni-row uni-flex">
							<!-- 	<com-issue-request-info :workShopCode="workShopCode" :dataContent="toLocation">
							</com-issue-request-info> -->
							<work-station :workshopCode="workShopCode"
								:productionLineCode="toLocation.productionLineCode"
								:workStationCode="toLocation.workStationCode"
								:rawLocationCode="toLocation.toLocationCode"></work-station>
						</view>
						<com-issue-detail-card ref='comIssueDetailCard' :dataContent="toLocation"
							@updateData='updateData'
							@removeItemCode ="removeItemCode"
							>
						</com-issue-detail-card>
					</view>
				</scroll-view>
				<button class="btn_add" @click="goScan(false)">+去添加</button>
			</view>
			
			<view class="page-footer">
				<view class="uni-flex u-col-center space-between padding_10"
					style="background-color:ghostwhite; width: 100%; ">
					<view class="">
					</view>
					<view class=" uni-flex uni-row">
						<button class="btn_single_commit" hover-class="btn_commit_after" @click="submit()">提交</button>
					</view>
				</view>
			</view>

		</view>
		
	</view>
	<com-issue-request-popup ref="comIssueRequestPopup" @confirm='requestConfirm' :itemCodeTypeList="itemCodeTypeList"></com-issue-request-popup>
	<win-scan-button v-if='detailSource.length>0' @goScan='openScanDetailPopup'></win-scan-button>
	<com-scan-issue-pack ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData'>
	</com-scan-issue-pack>
	<comMessage ref="comMessage"></comMessage>
	
	
</template>

<script>
	import {
		issueRecordSubmit,
		getBalanceByBatchOffShelf
	} from '@/api/request2.js';

	import {
		goHome,
		updateTitle,
		getRemoveOption,
		getISODateTime,
		getCurrDateTime,
		getPackingNumberAndBatch
	} from '@/common/basic.js';

	import {
		getDataSource
	} from '@/pages/issue/js/issue.js';
	import {
		getBusinessType,
	} from '@/common/record.js';
	import {
		calc
	} from '@/common/calc.js';

	import {
		getManagementPrecisions
	} from '@/common/balance.js';

	import comBlankView from '@/mycomponents/common/comBlankView.vue'
	import comIssueRequestPopup from '@/pages/issue/coms/comIssueRequestPopup.vue'
	import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue'
	import comMessage from '@/mycomponents/common/comMessage.vue'
	import comIssueRequestCreator from '@/pages/issue/coms/comIssueRequestCreator.vue'
	import comIssueRequestInfo from '@/pages/issue/coms/comIssueRequestInfo.vue'
	import comIssueDetailCard from '@/pages/issue/coms/comIssueDetailCard.vue'
	import winScanButton from '@/mycomponents/scan/winScanButton.vue'
	import comScanIssuePack from '@/pages/issue/coms/comScanIssuePack.vue'
	import workStation from '@/mycomponents/workStation/workStation.vue'

	export default {
		name: '',
		components: {
			comBlankView,
			comIssueRequestPopup,
			jobDetailPopup,
			comMessage,
			comIssueRequestCreator,
			comIssueRequestInfo,
			comIssueDetailCard,
			winScanButton,
			comScanIssuePack,
			workStation
		},
		data() {
			return {
				subList: [], //接口返回的任务subList
				detailSource: [], //绑定在页面上的数据源
				detailOptions: [],
				scanOptions: [],
				workShopCode: "",
				fromInventoryStatuses: "",
				toInventoryStatuses: "",
				requestList: [],
				dataContent: {},
				managementList: [],
				itemCodeTypeList: []
			}
		},
		mounted() {

		},
		onNavigationBarButtonTap(e) {
			if (e.index === 0) {
				goHome();
			}
		},
		onLoad(option) {
			var typeCode = "Issue"
			getBusinessType(typeCode, res => {
				if (res.success) {
					this.businessType = res.businessType;
					this.itemCodeTypeList = res.itemCodeTypeList;
					this.tolocationTypeList = res.tolocationTypeList;
					this.fromInventoryStatuses = res.fromInventoryStatuses
					this.toInventoryStatuses = res.toInventoryStatuses
					this.goScan(true)
				} else {
					this.showErrorMessage(res.message)
				}
			});

		},
		methods: {
			closeScan() {
				this.resizeCollapse();
			},
			resizeCollapse() {
				this.$nextTick(r => {
					this.$refs.comIssueDetailCard.forEach(r => {
						r.resizeCollapse();
					})
				});
			},
			goScan(editPosition) {
				
				this.$refs.comIssueRequestPopup.openRequestPopup(editPosition);
			},

			//确定需求信息
			requestConfirm(action, item) {
				if (item.itemCode == '' || item.itemCode == null) return;

				let that = this;
				let request = that.requestList.find(r => r.itemCode == item.itemCode);
				if (request == undefined) {
					that.requestList.push(item);
					this.getRecommendInfo(item);

				} else {
					this.$refs.comMessage.showQuestionMessage('已经存在物料[' + item.itemCode + ']的需求信息,是否要修改?', res => {
						if (res) {
							request.qty = item.qty;
							that.detailSource.forEach(detail => {
								let index = detail.Items.findIndex(r => {
									r.itemCode == item.itemCode
								})
								detail.Items.splice(index, 1);
							})
							this.getRecommendInfo(item);
						}
					});
				}
			},

			getRecommendInfo(item) {
				let that = this;
				uni.showLoading({
					title: '加载中...',
					mask: true
				})
				getBalanceByBatchOffShelf(item.itemCode, item.qty).then(res => {
					if (res.data == null) {
						that.showMessage('未获取到推荐信息');
					} else {
						if (res.data.length > 0) {
							that.workShopCode = item.workshopCode;
							res.data.forEach(r => {
								r.toLocationCode = item.rawLocationCode;
								r.productionLineCode = item.productionLineCode;
								r.workStationCode = item.workStationCode;
								// r.itemCode = item.itemCode;
								r.itemName = item.itemName
								r.uom = item.uom;
								that.subList.push(r);
							})
							that.detailSource = getDataSource(that.detailSource, that.subList)
							//要修改一下数量
							that.detailSource.forEach(detail => {
								detail.Items.forEach(i => {
									let request = that.requestList.find(r => r
										.itemCode == i
										.itemCode);
									i.qty = request.qty;
								})
							})
							that.resizeCollapse();
						} else {
							that.showMessage('列表数据为0');
						}
						uni.hideLoading();
					}
				}).catch(error => {
					uni.hideLoading()
					that.showErrorMessage(error)
				})
			},


			caclcQty() {
				var totalQty = 0;
				this.detailSource.subList.forEach(res => {
					totalQty = calc.add(totalQty, res.qty);
				})
				this.detailSource.totalQty = totalQty;
			},

			openScanDetailPopup() {
				var datacontent = {}
				//克隆对象，深度克隆，防止双向绑定同一个变量
				// Object.assign(datacontent, this.detailSource);
				var dataContent = {
					allowModifyPackingNumber: "FALSE",
					outInventoryStatuses: this.fromInventoryStatuses
				}
				this.$refs.comScanIssuePack.openScanPopup(this.detailSource, dataContent);
			},

			closeScanPopup() {
				this.updateCommitBtn();
			},

			updateData(record) {
				let requestLocation = this.detailSource.find(r => r.toLocationCode == record.toLocationCode);
				let item = requestLocation.Items.find(r => r.itemCode == record.itemCode);
				let itemHandleQty = 0;
				if (item != undefined) {
					item.Locations.forEach(l => {
						let batch = l.Batchs.find(b => (b.packingNumber == record.packingNumber || b
								.packingNumber == null || b.packingNumber == '') && b.batch ==
							record.batch);
						let handleQty = 0;
						if (batch != undefined) {
							batch.Records.forEach(res => {
								handleQty = calc.add(handleQty, res.qty);
							})
							batch.handleQty = handleQty;
							itemHandleQty = calc.add(itemHandleQty, handleQty)
						}
					})
				}
				this.resizeCollapse();
				// item.handleQty=itemHandleQty;
				// this.closeScan();
			},
			removeItemCode(){
				var isClear =this.detailSource[0].Items.length==0
				if(isClear){
					this.clearData();
					this.$refs.comIssueRequestPopup.initData()
				}
			
			},

			setParams() {
				var subList = []
				var createTime = getCurrDateTime();
				var creator = this.$store.state.user.id
				this.detailSource.forEach(toLocationCode => {
					toLocationCode.Items.forEach(item => {
						item.Locations.forEach(fromLocation => {
							fromLocation.Batchs.forEach(batch => {
								let subItem = batch.detail;
								subItem.recordList = [];
								if (batch.Records.length > 0) {
									batch.Records.forEach(r => {
										let record = {};
										record.handleQty = r.qty;

										record.fromPackingNumber = r
											.packingNumber;
										record.fromBatch = r.batch;
										record.fromContainerNumber = r
											.ContainerNumber;

										record.toContainerNumber = r
											.ContainerNumber;
										record.toInventoryStatus = r
											.inventoryStatus;
										record.toLocationCode = subItem
											.toLocationCode;
										record.fromLocationCode = fromLocation
											.fromLocationCode
										record.supplierCode = r.supplierCode;
										
										let single_price = r.singlePrice == null ?
											0 : r.singlePrice;

										record.singlePrice = single_price;
										record.amount = single_price * r.qty;


										//使用在途库不改变管理模式
										var info = getPackingNumberAndBatch(
											this.managementList, r
											.itemCode,
											r.packingNumber, r
											.batch);
										record.toPackingNumber = info
											.packingNumber;
										record.toBatch = info.batch;
										subItem.recordList.push(record);
									})
									subList.push(subItem);
								}
							})
						})
					})
				})

				this.dataContent.subList = subList
				this.dataContent.createTime = createTime;
				this.dataContent.creator = creator;
				return this.dataContent;
			},
			submit() {
				uni.showLoading({
					title: "提交中....",
					mask: true
				});

				//目前任务只到一个库位
				var itemCodes = []
				let locationCode = this.detailSource[0].toLocationCode
				this.detailSource.forEach(toLocation => {
					toLocation.Items.forEach(item => {
						itemCodes.push(item.itemCode)
					})
				})

				//获取管理模式，封装参数
				getManagementPrecisions(itemCodes, locationCode, res => {
					if (res.success) {
						this.managementList = res.list;
						this.submitJob();
					} else {
						uni.hideLoading();
						this.showErrorMessage(res.message);
					}
				});

			},

			submitJob() {
				var params = this.setParams()
				console.log("提交参数", JSON.stringify(params));
				issueRecordSubmit(params).then(res => {
					uni.hideLoading()
					if (res.data) {
						this.showCommitSuccessMessage("提交成功<br>生成发料记录<br>" + res.data)
					} else {
						this.showErrorMessage("提交失败:【" + res.msg+"】")
					}
				}).catch(error => {
					uni.hideLoading()
					this.showErrorMessage(error)
				})
			},

			showCommitSuccessMessage(hint) {
				this.$refs.comMessage.showSuccessMessage(hint, res => {
					this.clearData();
					this.$refs.comIssueRequestPopup.initData()

				})
			},
			clearData() {
				this.subList= [], //接口返回的任务subList
				this.detailSource=[], //绑定在页面上的数据源
				this.detailOptions=[],
				this.scanOptions= [],
				this.workShopCode="",
				this.requestList= [],
				this.dataContent= {},
				this.managementList= []
				
			},

			showMessage(message) {
				this.$refs.comMessage.showMessage(message, res => {
					if (res) {
						this.afterCloseMessage()
					}
				});
			},
			showErrorMessage(message) {
				this.$refs.comMessage.showErrorMessage(message, res => {
					if (res) {}
				});
			},
			showQuestionMessage(message) {

			},

			// this.$refs.comMessage.showQuestionMessage('是否要清空已扫描的物料和目标库位信息?', res => {
			// 	if (res) {
			// 		that.clearInfo();
			// 	}
			// });

		}
	}
</script>

<style>
</style>