10 changed files with 1159 additions and 111 deletions
@ -0,0 +1,85 @@ |
|||||
|
<template> |
||||
|
<view :class="detail.scaned?'scan_view':''" style="background-color: #ffffff;"> |
||||
|
<view class="space_between center"> |
||||
|
<view style="word-break: break-all;width: 60%;"> |
||||
|
<pack title='外包装' v-if="detail.parentPackingNumber" |
||||
|
:packingCode="detail.parentPackingNumber"></pack> |
||||
|
<pack v-if="isShowPack" :packingCode="detail.packingNumber"></pack> |
||||
|
<batch v-if="isShowBatch" :batch="detail.batch"></batch> |
||||
|
<location v-if="isShowLocation" :locationCode="detail.fromLocationCode"></location> |
||||
|
</view> |
||||
|
<view style="word-break: break-all;"> |
||||
|
<recommend-qty v-if="detail.record==null || detail.record==undefined" :dataContent="detail" |
||||
|
:isShowStatus='isShowStatus' :isShowStdPack="true" :isShowCount='false'></recommend-qty> |
||||
|
|
||||
|
<compare-qty v-else :dataContent="detail" :recommendQty="detail.qty" :handleQty="detail.record.qty" |
||||
|
:isShowStatus='isShowStatus' :isShowStdPack="true"> |
||||
|
</compare-qty> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import pack from '@/mycomponents/balance/pack.vue' |
||||
|
import location from '@/mycomponents/balance/location.vue' |
||||
|
import batch from '@/mycomponents/balance/batch.vue' |
||||
|
import recommendQty from '@/mycomponents/qty/recommendQty.vue' |
||||
|
import compareQty from '@/mycomponents/qty/compareQty.vue' |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
pack, |
||||
|
location, |
||||
|
batch, |
||||
|
recommendQty, |
||||
|
compareQty |
||||
|
}, |
||||
|
|
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
props: { |
||||
|
detail: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
}, |
||||
|
isShowPack: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowBatch: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowLocation: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
isShowStatus: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.recommend { |
||||
|
position: absolute; |
||||
|
left: 25px; |
||||
|
top: 70px; |
||||
|
width: 10px; |
||||
|
height: 30px; |
||||
|
opacity: 1; |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,508 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<uni-popup ref="popup" :maskClick='false'> |
||||
|
<view class=""> |
||||
|
<view class="popup_box"> |
||||
|
<view class="pop_title uni-flex space-between"> |
||||
|
<view class="" style="font-size: 35rpx;"> |
||||
|
扫描箱码 |
||||
|
</view> |
||||
|
|
||||
|
<view class=""> |
||||
|
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg" @click="closeScanPopup()"> |
||||
|
</image> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- <view class="uni-flex uni-row" style="align-items: center; |
||||
|
background-color: #fff; |
||||
|
margin-left: 20rpx; |
||||
|
margin-right: 20rpx; |
||||
|
padding:20rpx; |
||||
|
border-radius: 8rpx;"> |
||||
|
<view class="uni-center"> |
||||
|
位置 : |
||||
|
</view> |
||||
|
<view class="" style="width: 75%;padding: 0rpx"> |
||||
|
<view class="uni-flex u-col-center uni-row" @click="showSelect"> |
||||
|
<view class="" style="margin-left: 15rpx;font-size: 30rpx;"> |
||||
|
{{positionInfo}} |
||||
|
</view> |
||||
|
<u-select v-model="show" mode="mutil-column-auto" :list="positionList" :defaultValue="defaultValueList" |
||||
|
@confirm="confirmSelect"></u-select> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<u-line class='line_color'></u-line> --> |
||||
|
|
||||
|
<view class="uni-flex uni-row" style="align-items: center; |
||||
|
background-color: #fff; |
||||
|
margin-left: 20rpx; |
||||
|
margin-right: 20rpx; |
||||
|
margin-top: 8rpx; |
||||
|
border-radius: 8rpx;"> |
||||
|
<view class="uni-center" style="width: 25%; "> |
||||
|
来源库位 |
||||
|
</view> |
||||
|
<view class="" style="width: 75%; padding: 8rpx;"> |
||||
|
<uni-combox :candidates="fromLocationList" v-model="fromLocationCode" placeholder="请选择库位" |
||||
|
@confirm="fromLocationUpdate"></uni-combox> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class=""> |
||||
|
<view class=""> |
||||
|
<win-com-scan ref="comscan" placeholder="箱标签" @getResult="onScan" :clearResult="true" |
||||
|
:headerType="headerType" :isShowHistory="false"> |
||||
|
</win-com-scan> |
||||
|
|
||||
|
<view style="width: 100%;"> |
||||
|
<view style="width: 100%;" v-if="issueRecord.length>0"> |
||||
|
<view class="uni-flex uni-row space-between u-col-center"> |
||||
|
<view class="" style="padding: 10rpx;"> |
||||
|
历史记录 |
||||
|
</view> |
||||
|
<view class="" style="padding-right: 10rpx;"> |
||||
|
<u-icon :name="expendIcon" size="35rpx" @click="expands()"></u-icon> |
||||
|
</view> |
||||
|
</view> |
||||
|
<u-line class='line_color' style='padding-top: 10rpx;padding-bottom: 20rpx;'> |
||||
|
</u-line> |
||||
|
<scroll-view scroll-y="true" class="scroll-view" v-if="expand&&issueRecord.length>0"> |
||||
|
<view class="uni-flex u-col" v-for="(record,index) in issueRecord"> |
||||
|
<view style="width: 100%;"> |
||||
|
<uni-swipe-action ref="swipeAction"> |
||||
|
<uni-swipe-action-item @click="swipeClick($event,record,index)" :right-options="scanOptions"> |
||||
|
<view style="padding: 0px 10px"> |
||||
|
<balance :dataContent="record" :isShowLocation="false" :isShowStdPack="false"></balance> |
||||
|
</view> |
||||
|
</uni-swipe-action-item> |
||||
|
</uni-swipe-action> |
||||
|
<u-line class='line_color'></u-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</uni-popup> |
||||
|
<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 { |
||||
|
getDetailOption, |
||||
|
getDetailEditRemoveOption |
||||
|
} from '@/common/array.js'; |
||||
|
|
||||
|
|
||||
|
import { |
||||
|
calc |
||||
|
} from '@/common/calc.js'; |
||||
|
import { |
||||
|
getWorkShopLineStation |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
getBalanceByManagementPrecision |
||||
|
} from '@/common/balance.js'; |
||||
|
import { |
||||
|
getDirectoryItemArray |
||||
|
} from '../../../common/directory.js'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'winScanPack', |
||||
|
components: { |
||||
|
winComScan, |
||||
|
balance, |
||||
|
balanceQtyEdit, |
||||
|
balanceSelect |
||||
|
}, |
||||
|
props: { |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
}, |
||||
|
headerType: { |
||||
|
type: String, |
||||
|
default: "HPQ,HMQ" |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dataContent: {}, |
||||
|
jobContent: {}, |
||||
|
expendIcon: 'arrow-down', |
||||
|
show: false, |
||||
|
scanList: [], |
||||
|
toLocation: null, |
||||
|
toLocationCode: '', |
||||
|
fromLocationList: [], |
||||
|
fromLocationCode: '', |
||||
|
fromLocation: null, |
||||
|
issueRecord: [], //发货历史 |
||||
|
expand: true, |
||||
|
scanOptions: {}, |
||||
|
editItem: {}, |
||||
|
positionInfo: "请选择位置", |
||||
|
positionList: [], |
||||
|
defaultValueList: [], |
||||
|
label: {}, |
||||
|
fromInventoryStatuses: "", |
||||
|
packageInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
watch: {}, |
||||
|
mounted() { |
||||
|
this.detailOptions = getDetailOption(); |
||||
|
this.scanOptions = getDetailEditRemoveOption(); |
||||
|
}, |
||||
|
methods: { |
||||
|
openScanPopup(content, jobcontent) { |
||||
|
this.issueRecord = []; |
||||
|
this.dataContent = content; |
||||
|
this.jobContent = jobcontent; |
||||
|
this.initData(); |
||||
|
this.positionInfo = this.jobContent.workShopCode + "-" + this.jobContent.subList[0].productionLineCode + |
||||
|
"-" + this.jobContent.subList[0].workStationCode |
||||
|
this.$refs.popup.open('bottom') |
||||
|
setTimeout(res => { |
||||
|
this.getfocus() |
||||
|
}, 500) |
||||
|
}, |
||||
|
|
||||
|
closeScanPopup() { |
||||
|
this.losefocus(); |
||||
|
this.$refs.popup.close(); |
||||
|
this.$emit("closeScan") |
||||
|
//清除数据，恢复默认值 |
||||
|
// Object.assign(this.$data, this.$options.data()); |
||||
|
}, |
||||
|
|
||||
|
initData() { |
||||
|
let that = this; |
||||
|
that.fromLocationList = []; |
||||
|
if (that.dataContent != null) { |
||||
|
that.fromInventoryStatuses = getDirectoryItemArray(this.jobContent.outInventoryStatuses) |
||||
|
that.toLocation = that.dataContent.subList; |
||||
|
that.toLocationCode = that.dataContent.subList[0].toLocationCode; |
||||
|
that.fromLocationList = that.getFromLocationList(); |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
showBalanceSelect(items, packageInfo) { |
||||
|
this.packageInfo = packageInfo; |
||||
|
this.$refs.balanceSelect.openPopup(items); |
||||
|
}, |
||||
|
|
||||
|
getFromLocationList() { |
||||
|
let list = []; |
||||
|
let item = this.dataContent.subList.find(r => r.toLocationCode == this.toLocationCode); |
||||
|
if (item != undefined) { |
||||
|
this.dataContent.subList.forEach(item => { |
||||
|
list.push(item.fromLocationCode) |
||||
|
}) |
||||
|
this.fromLocationCode = list[0]; |
||||
|
return list; |
||||
|
} else { |
||||
|
this.$refs.comMessage.showErrorMessages('需求库位【' + this.toLocationCode + '】不存在', res => { |
||||
|
this.toLocationCode = ''; |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
fromLocationUpdate(fromlocation) { |
||||
|
let location = this.fromLocationList.find(r => r == fromlocation) |
||||
|
if (location == undefined) { |
||||
|
this.fromLocationCode = '' |
||||
|
this.showErrorMessage('发货库位【' + fromlocation + '】不存在') |
||||
|
} |
||||
|
}, |
||||
|
onScan(result) { |
||||
|
console.log(result) |
||||
|
try { |
||||
|
let that = this; |
||||
|
|
||||
|
if (that.fromLocationCode == '') { |
||||
|
that.showErrorMessage('请选择来源库位', res => { |
||||
|
that.$refs.toLocationCombox.onFocus(); |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
let packageInfo = result.package; |
||||
|
let itemCode = result.label.itemCode; |
||||
|
let packingCode = result.label.packingNumber; |
||||
|
let lot = result.label.batch; |
||||
|
let item = that.toLocation.find(r => r.itemCode == itemCode); |
||||
|
if (item == undefined) { |
||||
|
that.showErrorMessage('未查找到物料【' + itemCode + '】的发货明细', |
||||
|
res => { |
||||
|
that.getfocus(); |
||||
|
} |
||||
|
) |
||||
|
return; |
||||
|
} else { |
||||
|
//查找库存信息 |
||||
|
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, packageInfo); |
||||
|
} else { |
||||
|
this.label = result.label; |
||||
|
this.showBalanceSelect(balanceRes.data.list, packageInfo); |
||||
|
} |
||||
|
} else { |
||||
|
this.showErrorMessage(balanceRes.message); |
||||
|
} |
||||
|
uni.hideLoading(); |
||||
|
}); |
||||
|
} |
||||
|
} catch (error) { |
||||
|
this.showErrorMessage(error) |
||||
|
uni.hideLoading(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
selectBalanceItem(balance) { |
||||
|
this.afterGetBalance(balance, 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.find(r => r.itemCode == itemCode); |
||||
|
item.scaned =true |
||||
|
that.fromLocationCode = balance.locationCode; |
||||
|
if (item.fromLocation!=that.fromLocationCode) { |
||||
|
if (item.batch != undefined) { |
||||
|
that.addRecord(item.batch, label, balance, packageInfo) |
||||
|
} 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 = { |
||||
|
itemCode: label.itemCode, |
||||
|
packingNumber: label.packingNumber, |
||||
|
batch: label.batch, |
||||
|
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 |
||||
|
} |
||||
|
return record; |
||||
|
}, |
||||
|
|
||||
|
calcBatchHandleQty(batch,label,balance) { |
||||
|
console.log(888,batch,balance) |
||||
|
console.log(999,this.dataContent) |
||||
|
this.dataContent.subList.forEach(item => { |
||||
|
if(item.itemCode == balance.itemCode&&item.batch == batch){ |
||||
|
item.handleQty = label.qty; |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
addRecord(batch, label, balance, packageInfo) { |
||||
|
// let record = this.creatRecord(label, balance, packageInfo); |
||||
|
// batch.Records.push(record); |
||||
|
// this.issueRecord.unshift(record) |
||||
|
console.log(111,label) |
||||
|
console.log(222,packageInfo) |
||||
|
this.calcBatchHandleQty(batch,label,balance); |
||||
|
}, |
||||
|
|
||||
|
getfocus() { |
||||
|
if (this.$refs.comscan) { |
||||
|
this.$refs.comscan.getfocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
losefocus() { |
||||
|
if (this.$refs.comscan) { |
||||
|
this.$refs.comscan.losefocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
expands() { |
||||
|
this.expand = !this.expand; |
||||
|
this.expendIcon = this.expand == true ? "arrow-down" : "arrow-up" |
||||
|
}, |
||||
|
|
||||
|
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() { |
||||
|
this.$refs.comscan.getfocus(); |
||||
|
}, |
||||
|
packLoseFocus() { |
||||
|
this.$refs.comscan.losefocus(); |
||||
|
}, |
||||
|
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> |
||||
@ -0,0 +1,458 @@ |
|||||
|
<template> |
||||
|
<view class="page-wraper"> |
||||
|
<view class="page-header"> |
||||
|
<view class="header-view"> |
||||
|
<view class="header_job_top"> |
||||
|
<job-top :dataContent="jobContent"></job-top> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="page-main"> |
||||
|
<scroll-view scroll-y="true" class=""> |
||||
|
<comStockUpDetailCardBatch |
||||
|
ref='comIssueDetailCard' |
||||
|
:dataContent="detailSource" |
||||
|
@updateData='updateData' |
||||
|
:settingParam="jobContent" |
||||
|
> |
||||
|
</comStockUpDetailCardBatch> |
||||
|
</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=""> |
||||
|
<locationCompare ref='comScanLocation' title="目标库位" :recommendLocationCode="jobToLocationCode" |
||||
|
:locationCode="toLocationCode" @getLocation='scanLocationCode' |
||||
|
:locationAreaTypeList="toLocationAreaTypeList"></locationCompare> |
||||
|
</view> |
||||
|
<view class=" uni-flex uni-row"> |
||||
|
<button class="btn_single_commit" hover-class="btn_commit_after" @click="submit">提交</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</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> --> |
||||
|
<win-scan-button @goScan='openScanDetailPopup'></win-scan-button> |
||||
|
<comScanStockUpPackBatch ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData'> |
||||
|
</comScanStockUpPackBatch> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getStockUpJobDetail, |
||||
|
takeStockUpJob, |
||||
|
cancleTakeStockUpJob, |
||||
|
stockUpJobsubmit |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
calc |
||||
|
} from '@/common/calc.js'; |
||||
|
|
||||
|
import { |
||||
|
goHome, |
||||
|
navigateBack, |
||||
|
getRemoveOption, |
||||
|
getCurrDateTime, |
||||
|
getDirectoryItemArray, |
||||
|
getPackingNumberAndBatch, |
||||
|
deepCopyData |
||||
|
} from '@/common/basic.js'; |
||||
|
|
||||
|
import { |
||||
|
getDataSource |
||||
|
} from '@/pages/issue/js/issue.js'; |
||||
|
|
||||
|
import { |
||||
|
getManagementPrecisions |
||||
|
} from '@/common/balance.js'; |
||||
|
|
||||
|
|
||||
|
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import comStockUpDetailCardBatch from '@/pages/stockUp/coms/comStockUpDetailCardBatch.vue' |
||||
|
import comScanStockUpPackBatch from '@/pages/stockUp/coms/comScanStockUpPackBatch.vue' |
||||
|
import jobTop from '@/mycomponents/job/jobTop.vue' |
||||
|
import locationCompare from '@/mycomponents/location/locationCompare.vue' |
||||
|
|
||||
|
export default { |
||||
|
name: 'issueDetail', |
||||
|
components: { |
||||
|
jobDetailPopup, |
||||
|
winScanButton, |
||||
|
comStockUpDetailCardBatch, |
||||
|
comScanStockUpPackBatch, |
||||
|
jobTop, |
||||
|
locationCompare |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
id: '', |
||||
|
jobContent: {}, //任务内容 |
||||
|
subList: [], //接口返回的任务subList |
||||
|
detailSource: [], //绑定在页面上的数据源 |
||||
|
detailOptions: [], |
||||
|
scanOptions: [], |
||||
|
status: "", |
||||
|
toLocationCode: "", |
||||
|
jobStatus: "", |
||||
|
toLocationAreaTypeList: [], |
||||
|
jobToLocationCode: "", |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
onLoad(option) { |
||||
|
uni.setNavigationBarTitle({ |
||||
|
title: option.title + '详情' |
||||
|
}) |
||||
|
this.id = option.id; |
||||
|
if (this.id != undefined) { |
||||
|
//新建的任务自动接收 |
||||
|
if (option.status == "1") { |
||||
|
this.receive((callback => { |
||||
|
this.getDetail(); |
||||
|
})); |
||||
|
} else { |
||||
|
this.getDetail(); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
onNavigationBarButtonTap(e) { |
||||
|
if (e.index === 0) { |
||||
|
goHome(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
//拦截返回按钮事件 |
||||
|
onBackPress(e) { |
||||
|
//已经接收但是没提交任务 |
||||
|
if (e.from == 'backbutton') { |
||||
|
if (this.jobStatus == "2") { |
||||
|
//取消承接任务 |
||||
|
cancleTakeStockUpJob(this.id).then(res => { |
||||
|
uni.navigateBack(); |
||||
|
}).catch(error => { |
||||
|
uni.navigateBack(); |
||||
|
}) |
||||
|
} else { |
||||
|
uni.navigateBack(); |
||||
|
} |
||||
|
|
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
//接收 |
||||
|
receive(callback) { |
||||
|
if (this.id != null) { |
||||
|
takeStockUpJob(this.id).then(res => { |
||||
|
callback(); |
||||
|
}).catch(error => { |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getDetail() { |
||||
|
var that = this; |
||||
|
uni.showLoading({ |
||||
|
title: "加载中....", |
||||
|
mask: true |
||||
|
}); |
||||
|
getStockUpJobDetail(that.id).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
if (res.data == null) { |
||||
|
that.showMessage('未获取到详情'); |
||||
|
} else { |
||||
|
if (res.data.subList.length > 0) { |
||||
|
that.jobContent = res.data; |
||||
|
that.jobStatus = res.data.status; |
||||
|
that.subList = res.data.subList; |
||||
|
// that.detailSource = getDataSource(that.detailSource, that.subList) |
||||
|
// that.toLocationCode = that.subList[0].toLocationCode |
||||
|
that.detailSource = res.data; |
||||
|
that.fromLocationCode = that.subList[0].fromLocationCode |
||||
|
that.jobToLocationCode = that.subList[0].toLocationCode; |
||||
|
that.toLocationAreaTypeList = getDirectoryItemArray(that.jobContent.toAreaTypes) |
||||
|
that.resizeCollapse(); |
||||
|
} else { |
||||
|
that.showMessage('列表数据为0'); |
||||
|
} |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
scanLocationCode(location, code) { |
||||
|
this.toLocationCode = code |
||||
|
this.detailSource.subList.forEach(item => { |
||||
|
item.toLocationCode=code |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
closeScan() { |
||||
|
this.resizeCollapse(); |
||||
|
}, |
||||
|
|
||||
|
resizeCollapse() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
submit() { |
||||
|
uni.showLoading({ |
||||
|
title: "提交中....", |
||||
|
mask: true |
||||
|
}); |
||||
|
|
||||
|
//目前任务只到一个库位 |
||||
|
var itemCodes = [] |
||||
|
let locationCode = this.detailSource.subList[0].toLocationCode |
||||
|
this.detailSource.subList.forEach(item => { |
||||
|
itemCodes.push(item.itemCode) |
||||
|
}) |
||||
|
getManagementPrecisions(itemCodes, locationCode, res => { |
||||
|
if (res.success) { |
||||
|
this.managementList = res.list; |
||||
|
this.managementList =[{ |
||||
|
ManagementPrecision: "BY_BATCH", |
||||
|
itemCode: "easy_code_test" |
||||
|
}] |
||||
|
this.submitJob(); |
||||
|
} else { |
||||
|
uni.hideLoading(); |
||||
|
this.showErrorMessage(res.message); |
||||
|
} |
||||
|
}); |
||||
|
// //使用在途库，不查询管理模式 |
||||
|
// if (locationCode == null) { |
||||
|
// this.submitJob(); |
||||
|
// } else { |
||||
|
// //获取管理模式，封装参数 |
||||
|
// 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("提交参数",params); |
||||
|
return |
||||
|
if (!params.subList || params.subList.length == 0) { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage("请扫描您需要提交的备货任务") |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
stockUpJobsubmit(params).then(res => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data) { |
||||
|
this.showCommitSuccessMessage("提交成功\n生成备货记录" + res.data) |
||||
|
} else { |
||||
|
this.showErrorMessage("提交失败[" + res.msg + "]") |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
setParams() { |
||||
|
var subList = [] |
||||
|
var createTime = getCurrDateTime(); |
||||
|
var creator = this.$store.state.user.id |
||||
|
this.detailSource.subList.forEach(r => { |
||||
|
if(r.scaned){ |
||||
|
let subItem = { |
||||
|
...r |
||||
|
} |
||||
|
subItem.recordList = [] |
||||
|
let record = {}; |
||||
|
record.handleQty = r.handleQty; |
||||
|
record.toContainerNumber = r.ContainerNumber; |
||||
|
record.toInventoryStatus = r.inventoryStatus; |
||||
|
record.toLocationCode = subItem.toLocationCode; |
||||
|
record.supplierCode = r.supplierCode; |
||||
|
var info =getPackingNumberAndBatch(this.managementList, r.itemCode,r.packingNumber, r.batch); |
||||
|
record.toPackingNumber = info.packingNumber; |
||||
|
record.packingNumber = info.packingNumber; |
||||
|
record.fromPackingNumber = info.packingNumber; |
||||
|
record.toBatch = info.batch; |
||||
|
subItem.toPackingNumber = info.packingNumber; |
||||
|
subItem.packingNumber = info.packingNumber; |
||||
|
subItem.fromPackingNumber = info.packingNumber; |
||||
|
subItem.recordList.push(record); |
||||
|
subList.push(deepCopyData(subItem)); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
this.jobContent.subList = subList |
||||
|
this.jobContent.createTime = createTime; |
||||
|
this.jobContent.creator = creator; |
||||
|
return this.jobContent; |
||||
|
}, |
||||
|
|
||||
|
cancel() { |
||||
|
let that = this; |
||||
|
this.$refs.comMessage.showQuestionMessage('是否要清空已扫描的物料和目标库位信息?', res => { |
||||
|
if (res) { |
||||
|
that.clearInfo(); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
clearInfo() { |
||||
|
this.dataContent.itemCodeList.forEach(res => { |
||||
|
if (res.recommendList != null) { |
||||
|
res.recommendList.forEach(res1 => { |
||||
|
if (res1.locationCodeList != null) { |
||||
|
res1.locationCodeList.forEach(res2 => { |
||||
|
if (res2.packingCodeList != null) { |
||||
|
res2.packingCodeList.forEach(res3 => { |
||||
|
res3.itemCode = ""; |
||||
|
res3.qty = 0; |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
updateData(record) { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
scanPopupGetFocus() { |
||||
|
if (this.$refs.scanPopup != undefined) { |
||||
|
this.$refs.scanPopup.getfocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
showMessage(message) { |
||||
|
this.$refs.comMessage.showMessage(message, res => { |
||||
|
if (res) { |
||||
|
this.afterCloseMessage() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
showErrorMessage(message) { |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
|
if (res) { |
||||
|
this.afterCloseMessage() |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
showScanMessage(message) { |
||||
|
this.$refs.comMessage.showScanMessage(message); |
||||
|
}, |
||||
|
|
||||
|
showCommitSuccess() { |
||||
|
this.$refs.comMessage.showCommitSuccess(); |
||||
|
}, |
||||
|
|
||||
|
showCommitSuccessMessage(hint) { |
||||
|
this.$refs.comMessage.showSuccessMessage(hint, res => { |
||||
|
navigateBack(1) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
showRescanMessage(message) { |
||||
|
this.$refs.comMessage.showRescanMessage(message); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
afterCloseMessage() { |
||||
|
this.scanPopupGetFocus(); |
||||
|
}, |
||||
|
|
||||
|
showScanMessage(message) { |
||||
|
this.$refs.comMessage.showScanMessage(message); |
||||
|
}, |
||||
|
|
||||
|
closeScanMessage() { |
||||
|
this.scanPopupGetFocus(); |
||||
|
}, |
||||
|
confirm(data) { |
||||
|
this.dataContent = data; |
||||
|
}, |
||||
|
confirmResult(result) { |
||||
|
this.dataContent = result; |
||||
|
this.$forceUpdate(); |
||||
|
}, |
||||
|
openScanDetailPopup() { |
||||
|
var datacontent = {} |
||||
|
//克隆对象，深度克隆，防止双向绑定同一个变量 |
||||
|
// Object.assign(datacontent, this.detailSource); |
||||
|
this.$refs.comScanIssuePack.openScanPopup(this.detailSource, this.jobContent); |
||||
|
}, |
||||
|
closeScanPopup() { |
||||
|
this.updateCommitBtn(); |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.uni-numbox__value { |
||||
|
width: 40px; |
||||
|
} |
||||
|
|
||||
|
button[disabled] { |
||||
|
background-color: #3C9CFF; |
||||
|
color: #fff; |
||||
|
opacity: 0.7; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// /deep/ .input-value { |
||||
|
// font-size: 16px; |
||||
|
// } |
||||
|
|
||||
|
// /deep/ .uni-collapse-item__title-text { |
||||
|
// font-size: 16px; |
||||
|
// } |
||||
|
|
||||
|
// /deep/ .uni-collapse-item--border { |
||||
|
// border-bottom-width: 0px; |
||||
|
// border-bottom-color: #ebeef5; |
||||
|
// } |
||||
|
|
||||
|
// /deep/ .uni-collapse-item--border { |
||||
|
// border-bottom-width: 1px; |
||||
|
// border-bottom-color: #ebeef5; |
||||
|
// } |
||||
|
</style> |
||||
Loading…
Reference in new issue