3 changed files with 571 additions and 26 deletions
@ -0,0 +1,479 @@ |
|||||
|
<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 class="cen_card" style="padding: 5rpx;"> |
||||
|
<view class="cell_box uni-flex uni-row"> |
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">发货类型</view> |
||||
|
<view>{{jobContent.deliverType}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">客户代码</view> |
||||
|
<view>{{jobContent.customerCode}}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="cell_info"> |
||||
|
<view class="text_lightblue">目标库位</view> |
||||
|
<view>{{toLocationCode}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="page-main"> |
||||
|
<scroll-view scroll-y="true" class="page-main-scroll"> |
||||
|
<view> |
||||
|
<comDeliverDetailCardBatch ref='comIssueDetailCard' :dataContent="detailSource" :settingParam="jobContent" |
||||
|
@updateData='updateData'> |
||||
|
</comDeliverDetailCardBatch> |
||||
|
</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="submit()">提交</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<win-scan-button @goScan='openScanDetailPopup'></win-scan-button> |
||||
|
<comScanDeliverPackBatch ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData'> |
||||
|
</comScanDeliverPackBatch> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getDeliverDetail, |
||||
|
takeDeliverJob, |
||||
|
cancleTakeDeliverJob, |
||||
|
deliverJobSubmit |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
|
||||
|
import { |
||||
|
calc |
||||
|
} from '@/common/calc.js'; |
||||
|
|
||||
|
import { |
||||
|
goHome, |
||||
|
navigateBack, |
||||
|
getRemoveOption, |
||||
|
getCurrDateTime, |
||||
|
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 comDeliverDetailCardBatch from '@/pages/deliver/coms/comDeliverDetailCardBatch.vue' |
||||
|
import comScanDeliverPackBatch from '@/pages/deliver/coms/comScanDeliverPackBatch.vue' |
||||
|
import jobTop from '@/mycomponents/job/jobTop.vue' |
||||
|
|
||||
|
export default { |
||||
|
name: 'issueDetail', |
||||
|
components: { |
||||
|
jobDetailPopup, |
||||
|
winScanButton, |
||||
|
comDeliverDetailCardBatch, |
||||
|
comScanDeliverPackBatch, |
||||
|
jobTop |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
id: '', |
||||
|
jobContent: {}, //任务内容 |
||||
|
subList: [], //接口返回的任务subList |
||||
|
detailSource: [], //绑定在页面上的数据源 |
||||
|
detailOptions: [], |
||||
|
scanOptions: [], |
||||
|
status: "", |
||||
|
toLocationCode: "", |
||||
|
jobStatus: "" |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
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") { |
||||
|
//取消承接任务 |
||||
|
cancleTakeDeliverJob(this.id).then(res => { |
||||
|
uni.navigateBack(); |
||||
|
}).catch(error => { |
||||
|
uni.navigateBack(); |
||||
|
}) |
||||
|
} else { |
||||
|
uni.navigateBack(); |
||||
|
} |
||||
|
|
||||
|
return true; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
//接收 |
||||
|
receive(callback) { |
||||
|
if (this.id != null) { |
||||
|
takeDeliverJob(this.id).then(res => { |
||||
|
callback(); |
||||
|
}).catch(error => { |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getDetail() { |
||||
|
var that = this; |
||||
|
uni.showLoading({ |
||||
|
title: "加载中....", |
||||
|
mask: true |
||||
|
}); |
||||
|
getDeliverDetail(that.id).then(res => { |
||||
|
uni.hideLoading(); |
||||
|
if (res.data && res.data.subList.length > 0) { |
||||
|
that.jobContent = res.data; |
||||
|
that.jobStatus = res.data.status; |
||||
|
that.subList = res.data.subList; |
||||
|
that.detailSource = res.data; |
||||
|
that.toLocationCode = that.subList[0].toLocationCode |
||||
|
that.resizeCollapse(); |
||||
|
} else { |
||||
|
that.showMessage('未获取到详情'); |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
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.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); |
||||
|
// } |
||||
|
// }); |
||||
|
// } |
||||
|
}, |
||||
|
|
||||
|
checkCount() { |
||||
|
let str = "" |
||||
|
var taskQty = 0; |
||||
|
var totalQty = 0; |
||||
|
this.detailSource.subList.forEach(item => { |
||||
|
item.taskQty = calc.add(taskQty, item.qty) |
||||
|
var hanleQty = item.qty ? item.qty : 0 |
||||
|
totalQty = calc.add(totalQty, hanleQty) |
||||
|
//实际扫描的数量 |
||||
|
item.totalQty = totalQty |
||||
|
|
||||
|
}) |
||||
|
//如果允许部分提交任务有扫描记录就可以直接提交；如果不允许部分执行，任务数量和提交数量不一致给出提示 |
||||
|
this.detailSource.subList.forEach(detail => { |
||||
|
if (this.jobContent.allowPartialComplete == "FALSE") { |
||||
|
if (item.taskQty != item.totalQty) { |
||||
|
str += `物料号【${item.itemCode}】任务数量【${item.taskQty}】与实际提交数量【${item.totalQty}】不一致\n` |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
if (str) { |
||||
|
str = '不允许提交\n' + str |
||||
|
this.showErrorMessage(str) |
||||
|
} |
||||
|
|
||||
|
return str ? false : true |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
submitJob() { |
||||
|
var params = this.setParams() |
||||
|
console.log("提交参数", params); |
||||
|
if (params.subList.length == 0) { |
||||
|
uni.hideLoading() |
||||
|
this.$refs.comMessage.showConfirmMessageModal('请扫描箱码') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
if (!this.checkCount()) { |
||||
|
uni.hideLoading() |
||||
|
return; |
||||
|
} |
||||
|
deliverJobSubmit(params).then(res => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data) { |
||||
|
this.showCommitSuccessMessage("提交成功\n生成发货记录\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; |
||||
|
// //使用在途库不改变管理模式 |
||||
|
// if (this.toLocationCode == null) { |
||||
|
// record.toPackingNumber = r.packingNumber; |
||||
|
// record.toBatch = r.batch; |
||||
|
// } else { |
||||
|
// 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(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(); |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
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