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">
						<com-issue-request-info :workShopCode="workShopCode" :dataContent="toLocation">
						</com-issue-request-info>
						<com-issue-detail-card ref='comIssueDetailCard' :dataContent="toLocation"
							@updateData='updateData'>
						</com-issue-detail-card>
					</view>
				</scroll-view>
				<!-- 	<comIssueRequestCreator ref="issueRequest" :dataContent="detailSource">
				</comIssueRequestCreator> -->
				<!-- <button class="btn_add" @click="goScan(false)">+去添加</button> -->
			</view>

			<div class="btn_bottom">
				<view class="" style="display: flex;flex-direction: row;">
					<view class="">
						<button class="btn_commit" hover-class="btn_commit_after" @click="submit()">提交</button>
					</view>
				</view>
			</div>
		</view>
	</view>
	<com-message ref="comMessage"></com-message>
	<com-issue-request-popup ref="comIssueRequestPopup" @confirm='requestConfirm'></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>
</template>

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

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

	import {
		getDataSource
	} from '@/pages/issue/js/issue.js';
	import {
		getBusinessType,
	} from '@/common/record.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'

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

		},
		onLoad(option) {
			this.fromType = option.fromType
			if (this.fromType == "requestType") {
				updateTitle("发料申请")
			} else {
				updateTitle("发料记录")
			}

			var typeCode = "Issue"
			getBusinessType(typeCode, res => {
				if (res.success) {
					this.businessType = res.businessType;
					this.fromlocationTypeList = res.fromlocationTypeList;
					this.tolocationTypeList = res.tolocationTypeList;
					this.fromInventoryStatuses = res.fromInventoryStatuses
					this.toInventoryStatuses = res.toInventoryStatuses
					this.goScan(true)
				} else {
					this.$refs.comMessage.showBreakMessage(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;
				uni.showLoading({
					title: '加载中...',
					mask: true
				})
				getBalanceByBatchOffShelf(item.itemCode, item.qty).then(res => {
					if (res.data == null) {
						that.showMessage('未获取到推荐信息');
					} else {
						if (res.data.length > 0) {
							this.workShopCode = item.workshopCode;
							res.data.forEach(r => {
								r.toLocationCode = item.rawLocationCode;
								r.productionLineCode = item.productionLineCode;
								r.workStationCode = item.workStationCode;
								r.itemCode = item.itemCode;
								r.uom = item.uom;
								that.subList.push(r);
							})
							that.detailSource = getDataSource(that.detailSource, that.subList)
							that.resizeCollapse();
						} else {
							that.showMessage('列表数据为0');
						}
						uni.hideLoading();
					}
				}).catch(error => {
					uni.hideLoading()
					this.showErrorMessage(error)
				})


				// 		if (this.detailSource.subList.length == 0) {
				// 			this.detailSource = {
				// 				workshopCode: item.workshopCode,
				// 				workShopName: item.workShopName,

				// 				totalQty: 0,
				// 				subList: []
				// 			}
				// 			var subItem = {
				// 				productionLineCode: item.productionLineCode,
				// 				productionLineName: item.productionLineName,
				// 				workStationCode: item.workStationCode,
				// 				workStationName: item.workStationName, //工位
				// 				itemCode: item.itemCode,
				// 				itemName: item.itemName,
				// 				qty: item.qty,
				// 				uom: item.uom
				// 			}
				// 			this.detailSource.subList.push(subItem)
				// 		} else {
				// 			var result = this.detailSource.subList.filter(res => {
				// 				if (res.itemCode == item.itemCode &&
				// 					res.productionLineCode == item.productionLineCode &&
				// 					res.workStationCode == item.workStationCode) {
				// 					return res
				// 				}
				// 			})

				// 			//没有添加数据
				// 			if (result.length == 0) {
				// 				var subItem = {
				// 					productionLineCode: item.productionLineCode,
				// 					productionLineName: item.productionLineName,
				// 					workStationCode: item.workStationCode,
				// 					workStationName: item.workStationName, //工位
				// 					itemCode: item.itemCode,
				// 					itemName: item.itemName,
				// 					qty: item.qty,
				// 					uom: item.uom
				// 				}

				// 				this.detailSource.subList.push(subItem)

				// 			} else {
				// 				//有了更新数据
				// 				result[0].qty += item.qty

				// 			}
				// 		}



				// this.caclcQty();
				// if (this.$refs.issueRequest != undefined) {
				// 	this.$refs.issueRequest.update()
				// }
			},


			caclcQty() {
				var totalQty = 0;
				this.detailSource.subList.forEach(res => {
					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 += Number(res.qty)
							})
							batch.handleQty = handleQty;
							itemHandleQty += handleQty;
						}
					})
				}
				this.resizeCollapse();
				// item.handleQty=itemHandleQty;
				// this.closeScan();
			},

			setParams() {
				return this.detailSource
			},
			submit() {
				uni.showLoading({
					title: "提交中....",
					mask: true
				});
				if (this.fromType == "requestType") {
					var params = this.setParams()
					console.log("提交参数", JSON.stringify(params));
					issueRequestSubmit(params).then(res => {
						uni.hideLoading()
						if (res.data) {
							this.showCommitSuccessMessage("提交成功<br>生成发料申请" + res.data)
						} else {
							this.showErrorMessage("提交失败[" + res.msg + "]")
						}
					}).catch(error => {
						uni.hideLoading()
						this.showErrorMessage(error)
					})
				} else {
					var params = this.setParams()
					console.log("提交参数", JSON.stringify(params));
					issueRecordSubmit(params).then(res => {
						uni.hideLoading()
						if (res.data) {
							this.showCommitSuccessMessage("提交成功<br>生成发料记录" + res.data)
						} else {
							this.showErrorMessage("提交失败[" + res.msg + "]")
						}
					}).catch(error => {
						uni.hideLoading()
						this.showErrorMessage(error)
					})
				}

			},
			showCommitSuccessMessage(hint) {
				this.$refs.comMessage.showSuccessMessage(hint, res => {
					if (this.fromType == "requestType") {
						uni.navigateTo({
							url: './issueRequest'
						})
					}

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

<style>
</style>