3 changed files with 741 additions and 194 deletions
@ -0,0 +1,514 @@ |
|||
<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="header_item"> |
|||
申请单号 : {{jobContent.requestNumber}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class="page-main-scroll"> |
|||
<!-- <view v-for="(toLocation, index) in detailSource"> |
|||
<comRepleishDetailCardBatch ref='comIssueDetailCard' :dataContent="toLocation" @updateData='updateData'></comRepleishDetailCardBatch> |
|||
</view> --> |
|||
<comRepleishDetailCardBatch ref='comIssueDetailCard' :dataContent="detailSource" @updateData='updateData'> |
|||
</comRepleishDetailCardBatch> |
|||
|
|||
</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=""> |
|||
<requiredLocation ref='comScanLocation' title="目标库位" :locationCode="toLocationCode" |
|||
@getLocation='scanLocationCode' :isShowEdit="jobContent.allowModifyLocation == 'TRUE'" |
|||
:locationAreaTypeList="toLocationAreaTypeList"></requiredLocation> |
|||
</view> |
|||
<view class=" uni-flex uni-row"> |
|||
<button class="btn_single_commit" hover-class="btn_commit_after" @click="clickSubmit">提交</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<win-scan-button @goScan='openScanDetailPopup'></win-scan-button> |
|||
<comScanReplishPackBatch ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData'> |
|||
</comScanReplishPackBatch> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
takeRepleinshJob, |
|||
cancleTakeRepleinshJob, |
|||
getRepleinshJobDetail, |
|||
repleinshJobSubmit |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
navigateBack, |
|||
getRemoveOption, |
|||
getCurrDateTime, |
|||
getDirectoryItemArray, |
|||
getPackingNumberAndBatch, |
|||
deepCopyData |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import { |
|||
calc |
|||
} from '@/common/calc.js'; |
|||
|
|||
import { |
|||
getManagementPrecisions |
|||
} from '@/common/balance.js'; |
|||
|
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import comRepleishDetailCard from '@/pages/repleinsh/coms/comRepleishDetailCard.vue' |
|||
import comRepleishDetailCardBatch from '@/pages/repleinsh/coms/comRepleishDetailCardBatch.vue' |
|||
import comScanReplishPack from '@/pages/repleinsh/coms/comScanReplishPack.vue' |
|||
import comScanReplishPackBatch from '@/pages/repleinsh/coms/comScanReplishPackBatch.vue' |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
|
|||
export default { |
|||
name: 'issueDetail', |
|||
components: { |
|||
jobDetailPopup, |
|||
winScanButton, |
|||
comRepleishDetailCard, |
|||
comRepleishDetailCardBatch, |
|||
comScanReplishPack, |
|||
requiredLocation, |
|||
jobTop, |
|||
comScanReplishPackBatch |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
toLocationCode: '', |
|||
toLocationAreaTypeList: [], |
|||
jobStatus: "", |
|||
scanMessage: "", |
|||
managementType: '' |
|||
}; |
|||
}, |
|||
|
|||
props: { |
|||
|
|||
}, |
|||
|
|||
onLoad(option) { |
|||
uni.setNavigationBarTitle({ |
|||
title: option.title + '详情' |
|||
}) |
|||
this.id = option.id; |
|||
this.scanMessage = option.scanMessage |
|||
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") { |
|||
//取消承接任务 |
|||
cancleTakeRepleinshJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
return true; |
|||
} |
|||
}, |
|||
|
|||
watch: { |
|||
locationTypes(newVal) { |
|||
let value = newVal; |
|||
}, |
|||
}, |
|||
mounted: function() { |
|||
|
|||
}, |
|||
|
|||
methods: { |
|||
//接收 |
|||
receive(callback) { |
|||
if (this.id != null) { |
|||
takeRepleinshJob(this.id).then(res => { |
|||
callback(); |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
getDetail() { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getRepleinshJobDetail(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.toLocationCode = that.subList[0].toLocationCode |
|||
|
|||
that.toLocationAreaTypeList = getDirectoryItemArray(that.jobContent.toAreaTypes) |
|||
|
|||
that.detailSource = res.data; |
|||
|
|||
if (that.scanMessage) { |
|||
this.$refs.comScanIssuePack.openScanPopupForJobSimulate(this.detailSource, this |
|||
.jobContent, that.scanMessage); |
|||
} |
|||
|
|||
let timer = setTimeout(r => { |
|||
that.resizeCollapse(); |
|||
if (timer) { |
|||
timer = null |
|||
clearTimeout(timer) |
|||
} |
|||
}, 1000) |
|||
} else { |
|||
that.showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
closeScan() { |
|||
this.resizeCollapse(); |
|||
}, |
|||
|
|||
resizeCollapse() { |
|||
|
|||
}, |
|||
|
|||
clickSubmit() { |
|||
let str = "" |
|||
var scanCount = this.getScanCount(this.subList); |
|||
if(!scanCount){ |
|||
this.$refs.comMessage.showErrorMessage('扫描数量为0，请先扫描', res => { |
|||
|
|||
}); |
|||
return; |
|||
} |
|||
this.detailSource.subList.forEach(item => { |
|||
if (item.handleQty != item.qty) { |
|||
str += |
|||
"扫描数量[" + item.handleQty + "]与任务数量不一致[" + item.qty + "],是否提交" |
|||
} |
|||
}) |
|||
if (str) { |
|||
this.$refs.comMessage.showQuestionMessage1(str, 'red', res => { |
|||
if (res) { |
|||
//防止重复点击 |
|||
this.$throttle(this.submitJob, 2000, this)() |
|||
} else { |
|||
this.scanPopupGetFocus() |
|||
} |
|||
}); |
|||
} else { |
|||
//防止重复点击 |
|||
this.$throttle(this.submitJob, 2000, this)() |
|||
} |
|||
}, |
|||
|
|||
|
|||
submit() { |
|||
var scanCount = this.getScanCount(this.subList); |
|||
|
|||
// //允许部分提交 |
|||
// if (this.jobContent.allowPartialComplete == "TRUE") { |
|||
// // 如果扫描数是0，提示扫描数为0，是否提交，点击确定提交，取消提示消失 |
|||
// if (scanCount == 0) { |
|||
// this.$refs.comMessage.showQuestionMessage("扫描数为0,是否提交?", res => { |
|||
// if (res) { |
|||
// this.setSubmitParamsAndSubmit(); |
|||
// } |
|||
// }) |
|||
// } else { |
|||
// this.setSubmitParamsAndSubmit(); |
|||
// } |
|||
// } else { |
|||
//不允许部分提交，扫描数必须等于任务数量才可以提交 |
|||
if (scanCount == 0) { |
|||
this.showErrorMessage("扫描数为0,请先扫描") |
|||
} else { |
|||
this.setSubmitParamsAndSubmit(); |
|||
} |
|||
// } |
|||
}, |
|||
|
|||
setSubmitParamsAndSubmit() { |
|||
//目前任务只到一个库位 |
|||
this.submitJob(); |
|||
//使用在途库，不查询管理模式 |
|||
// if (this.jobContent.useOnTheWayLocation == 'TRUE') { |
|||
// this.submitJob(); |
|||
// } else { |
|||
// //获取管理模式，封装参数 |
|||
// getManagementPrecisions(itemCodes, locationCode, res => { |
|||
// if (res.success) { |
|||
// this.managementList = res.list; |
|||
// this.submitJob(); |
|||
// } else { |
|||
// uni.hideLoading(); |
|||
// this.showErrorMessage(res.message); |
|||
// } |
|||
// }); |
|||
// } |
|||
}, |
|||
|
|||
async submitJob() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
var itemCodes = [] |
|||
this.detailSource.subList.forEach(item => { |
|||
itemCodes.push(item.itemCode) |
|||
}) |
|||
await getManagementPrecisions(itemCodes, this.toLocationCode, res => { |
|||
if (res.success) { |
|||
this.managementList = res.list; |
|||
var params = this.setParams() |
|||
console.log("提交参数", params); |
|||
if (!params.subList || params.subList.length == 0) { |
|||
uni.hideLoading() |
|||
this.showErrorMessage("请扫描您需要提交的补料任务") |
|||
return |
|||
} |
|||
repleinshJobSubmit(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 commitSubList = [] |
|||
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.qty; |
|||
|
|||
// record.fromPackingNumber = r |
|||
// .packingNumber; |
|||
record.fromBatch = r.batch; |
|||
record.fromContainerNumber = r |
|||
.containerNumber; |
|||
|
|||
record.toContainerNumber = r |
|||
.containerNumber; |
|||
record.toInventoryStatus = r |
|||
.inventoryStatus; |
|||
record.toLocationCode = this |
|||
.toLocationCode; |
|||
record.supplierCode = r.supplierCode; |
|||
|
|||
record.fromParentPackingNumber = r |
|||
.parentPackingNumber; |
|||
|
|||
record.fromPackingNumber = r |
|||
.packingNumber; |
|||
record.toPackingNumber = r |
|||
.packingNumber; |
|||
record.toPackUnit = r.packUnit; |
|||
record.toBatch = r.batch; |
|||
var info = getPackingNumberAndBatch(this.managementList, r.itemCode,r.packingNumber, r.batch); |
|||
record.toPackingNumber = info.packingNumber; |
|||
record.packingNumber = info.packingNumber; |
|||
record.fromPackingNumber = info.packingNumber; |
|||
subItem.toPackingNumber = info.packingNumber; |
|||
subItem.packingNumber = info.packingNumber; |
|||
subItem.fromPackingNumber = info.packingNumber; |
|||
subItem.recordList.push(record); |
|||
commitSubList.push(deepCopyData(subItem)); |
|||
} |
|||
}) |
|||
|
|||
this.jobContent.subList = commitSubList |
|||
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) { |
|||
let requestLocation = this.detailSource.subList.find(r => r.toLocationCode == record.toLocationCode); |
|||
// this.detailSource.subList.forEach(r =>{ |
|||
// if(r.itemCode == record.itemCode){ |
|||
// r.handleQty = record.qty |
|||
// } |
|||
// }); |
|||
console.log(this.detailSource.subList) |
|||
}, |
|||
|
|||
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(); |
|||
}, |
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
}, |
|||
getScanCount(subList) { |
|||
var scanCount = 0; |
|||
this.detailSource.subList.forEach(toLocationCode => { |
|||
scanCount+=calc.add(scanCount,parseFloat(toLocationCode.handleQty)) |
|||
}) |
|||
console.log(scanCount) |
|||
return scanCount; |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue