You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

351 lines
10 KiB

<template>
<view class="page-wraper">
<view class="">
<com-blank-view @goScan="showFromLocationPopup" v-if="detailSource.length == 0"></com-blank-view>
</view>
<view class="page-wraper" v-if="detailSource.length > 0">
<view class="page-main">
<scroll-view scroll-y="true" class="page-main-scroll">
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id">
<view class="">
<com-package-record :dataContent="item" @removeItem="removeItem(index, item)" @updateData="updateData" @removePack="updateData"> </com-package-record>
</view>
</view>
</scroll-view>
</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="commit">提交</button>
</view>
</view>
</view>
<win-scan-button @goScan="showScanPopupPack"></win-scan-button>
</view>
<win-scan-pack-and-location ref="scanPopup" @getResult="getScanResult" :allowModifyLocation="false"> </win-scan-pack-and-location>
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation="getLocation" :locationAreaTypeList="fromLocationAreaTypeList"></win-scan-location>
<win-scan-pack title="拆分标签" ref="scanPopupPack" @getResult="getScanPackResult"></win-scan-pack>
<comMessage ref="comMessage"></comMessage>
</view>
</template>
<script>
import { goHome } from '@/common/basic.js'
import { splitPackageRecordSubmit } from '@/api/request2.js'
import { calc } from '@/common/calc.js'
import { getInventoryStatusDesc, getDirectoryItemArray } from '@/common/directory.js'
import { getBusinessType, createItemInfo, createDetailInfo, calcHandleQty } from '@/common/record.js'
import winScanButton from '@/mycomponents/scan/winScanButton.vue'
import winScanPack from '@/mycomponents/scan/winScanPack.vue'
import requiredLocation from '@/mycomponents/location/requiredLocation.vue'
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue'
import comBlankView from '@/mycomponents/common/comBlankView.vue'
import winScanLocation from '@/mycomponents/scan/winScanLocation.vue'
import winScanPackAndLocation from '@/mycomponents/scan/winScanPackAndLocation.vue'
import recommendBalance from '@/mycomponents/balance/recommendBalance.vue'
import comPackageRecord from '@/pages/package/coms/comPackageRecord.vue'
export default {
components: {
winScanButton,
winScanPack,
requiredLocation,
comBlankView,
winScanLocation,
winScanPackAndLocation,
recommendBalance,
recordComDetailCard,
comPackageRecord
},
data() {
return {
id: '',
detailSource: [], // 绑定在页面上的数据源
fromLocationCode: '',
toLocationCode: '',
fromLocationAreaTypeList: [],
inInventoryStatus: '', // 目标入库库存状态
outInventoryStatus: '', // 来源出库库存状态
businessType: {},
dataContent: {},
currentItemCode: '',
toPackingNumber: ''
}
},
onLoad(option) {
const typeCode = 'SplitPackage'
getBusinessType(typeCode, (res) => {
if (res.success) {
this.businessType = res.businessType
this.fromLocationAreaTypeList = res.fromLocationAreaTypeList
this.showFromLocationPopup()
} else {
this.showErrorMessage(res.message)
}
})
},
// 返回首页
onNavigationBarButtonTap(e) {
if (e.index === 0) {
goHome()
}
},
// 拦截返回按钮事件
onBackPress(e) {},
onPullDownRefresh() {},
mounted() {
// this.showFromLocationPopup();
},
methods: {
showScanPopupPack() {
this.$refs.scanPopupPack.openScanPopup()
},
getScanResult(result) {
const { balance } = result
const { label } = result
const pack = result.package
const item = this.detailSource.find((res) => {
if (res.itemCode == balance.itemCode) {
return res
}
})
if (item == undefined) {
const itemp = createItemInfo(balance, pack)
const newDetail = createDetailInfo(balance, pack) //
newDetail.scaned = false
newDetail.Records = []
newDetail.handleQty = 0
itemp.subList.push(newDetail)
this.detailSource.push(itemp)
} else {
this.showErrorMessage(`箱码[${balance.packingNumber}批次[${balance.batch}]已经在列表中`)
}
this.$refs.scanPopup.closeScanPopup()
this.showScanPopupPack()
},
getScanPackResult(result) {
const { packingNumber } = result.label
const { batch } = result.label
const { qty } = result.label
const { itemCode } = result.label
const { uom } = result.package
const item = this.detailSource.find((r) => r.itemCode == itemCode)
if (item == undefined) {
this.showErrorMessage(`物料号【${itemCode}】不在列表中`)
} else {
const temp = {
scaned: true,
packingNumber,
batch,
qty: Number(qty),
LabelQty: Number(qty),
stdPackUnit: result.package.stdPackUnit,
stdPackQty: result.package.stdPackQty,
uom
}
let sumQty = 0
item.subList[0].Records.forEach(function (item1, index) {
sumQty = calc.add(sumQty, item1.qty)
})
// if (calc.add(qty,sumQty)> item.subList[0].qty) {
// this.showErrorMessage("扫描数量总和【" + (Number(qty) + sumQty) + "】(当前输入数量【" + qty + "】+已添加数量【" +
// sumQty +
// "】)已超过拆包箱码的数量【" + Number(item.subList[0].qty) + "】!");
// return;
// }
item.subList[0].Records.push(temp)
this.$forceUpdate()
}
this.calcHandleQty()
},
calcHandleQty() {
for (const detail of this.detailSource[0].subList) {
let hQty = 0
if (detail.Records.length > 0) {
detail.Records.forEach((r) => {
hQty = calc.add(hQty, r.qty)
})
}
detail.handleQty = hQty
}
this.$forceUpdate()
},
showErrorMessage(message) {
this.$refs.comMessage.showErrorMessage(message, (res) => {
if (res) {
}
})
},
updateData() {
this.calcHandleQty()
},
removeItem(index, item) {
this.detailSource.splice(index, 1)
},
openScanPopup() {
if (this.fromLocationCode == '') {
this.showFromLocationPopup()
return
}
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType)
},
showFromLocationPopup() {
this.$nextTick(() => {
this.$refs.scanLocationCode.openScanPopup()
})
},
closeScanPopup() {
if (this.$refs.scanPopup != undefined) {
this.$refs.scanPopup.closeScanPopup()
}
},
scanPopupGetFocus() {
if (this.$refs.scanPopup != undefined) {
this.$refs.scanPopup.getfocus()
}
},
commit() {
if (this.detailSource.length > 0 && this.detailSource[0].subList.length > 0) {
uni.showLoading({
title: '提交中....',
mask: true
})
const params = this.setParams()
console.log(`提交${JSON.stringify(params)}`)
splitPackageRecordSubmit(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)
})
} else {
this.showErrorMessage('没有要提交的数据')
}
},
setParams() {
const subList = []
const creator = this.$store.state.user.id
this.detailSource.forEach((item) => {
item.subList.forEach((detail) => {
detail.Records.forEach((record) => {
if (record.scaned) {
const subItem = {}
Object.assign(subItem, detail)
subItem.itemCode = subItem.itemCode
subItem.itemName = detail.package.itemName
subItem.itemDesc1 = detail.package.itemDesc1
subItem.itemDesc2 = detail.package.itemDesc2
subItem.fromInventoryStatus = subItem.inventoryStatus
subItem.toInventoryStatus = subItem.inventoryStatus
subItem.fromQty = subItem.qty
subItem.toQty = record.qty
subItem.fromPackingNumber = subItem.packingNumber
subItem.toPackingNumber = record.packingNumber
subItem.fromBatch = subItem.batch
subItem.toBatch = record.batch
subItem.fromLocationCode = subItem.fromLocationCode
subItem.package = ''
subItem.Records = ''
subList.push(subItem)
}
})
})
})
this.dataContent.subList = subList
this.dataContent.creator = creator
return this.dataContent
},
showMessage(message) {
this.$refs.comMessage.showMessage(message, (res) => {
if (res) {
}
})
},
showErrorMessage(message) {
this.$refs.comMessage.showErrorMessage(message, (res) => {
if (res) {
}
})
},
showScanMessage(message) {
this.$refs.comMessage.showScanMessage(message)
},
afterCloseMessage() {
this.scanPopupGetFocus()
},
closeScanMessage() {
this.scanPopupGetFocus()
},
getLocation(location, code) {
this.getFromLocationCode(location, code)
},
getFromLocationCode(location, code) {
this.fromLocationCode = code
this.openScanPopup()
},
getToLocationCode(location, code) {
if (this.fromLocationCode == code) {
uni.showToast({
title: `来源库位[${this.fromLocationCode}]不能与目标库位[${code}]一致`,
duration: 2000
})
return
}
this.toLocationCode = code
},
showCommitSuccessMessage(hint) {
this.$refs.comMessage.showSuccessMessage(hint, (res) => {
this.detailSource = []
this.fromLocationCode = ''
this.currentItemCode = ''
this.dataContent = {}
})
},
updateData() {
this.calcHandleQty()
}
}
}
</script>
<style scoped lang="scss"></style>