5 changed files with 503 additions and 5 deletions
@ -0,0 +1,418 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="page-header"> |
|||
<view class="header_job_top"> |
|||
<job-top :dataContent="jobContent"></job-top> |
|||
</view> |
|||
<view class="header_item"> |
|||
申请单号 : {{jobContent.requestNumber}} |
|||
</view> |
|||
<u-line color="#D8D8D8"></u-line> |
|||
</view> |
|||
|
|||
<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=""> |
|||
<comProductDetailCard :dataContent="item" :settingParam="jobContent" :isShowLocation="false" |
|||
@remove="updateData" @updateData="updateData" :locationTypeList='toLocationTypeList'> |
|||
</comProductDetailCard> |
|||
</view> |
|||
<u-line /> |
|||
</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=""> |
|||
<locationCompare title="收货库位" :recommendLocationCode="jobToLocationCode" :locationCode="toLocationCode" |
|||
@getLocation='scanLocationCode' |
|||
:locationTypeList="toLocationTypeList"></locationCompare> |
|||
</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='openScanPopup'></win-scan-button> |
|||
<win-scan-pack ref="scanPopup" @getResult='getScanResult' :title="'制品标签'" headerType="HMQ"></win-scan-pack> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getManagementPrecisions |
|||
} from '@/common/balance.js'; |
|||
|
|||
import { |
|||
getProductReceiptJobDetail, |
|||
takeProductReceiptJob, |
|||
cancleTakeProductReceiptJob, |
|||
productReceiptJobsubmit |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
navigateBack, |
|||
getPackingNumberAndBatch, |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDirectoryItemArray, |
|||
getInventoryStatusName |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
getDataSource, |
|||
createRecordInfo, |
|||
calcHandleQty, |
|||
getScanCount |
|||
} from '@/common/detail.js'; |
|||
|
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import locationCompare from '@/mycomponents/location/locationCompare.vue' |
|||
import winScanPack from "@/mycomponents/scan/winScanPack.vue" |
|||
import comDetailCard from "@/mycomponents/detail/comDetailCard.vue" |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
import comProductDetailCard from "@/pages/productReceipt/coms/comProductDetailCard.vue" |
|||
|
|||
|
|||
export default { |
|||
name: 'receipt_detail', |
|||
components: { |
|||
winScanButton, |
|||
comDetailCard, |
|||
locationCompare, |
|||
winScanPack, |
|||
jobTop, |
|||
comProductDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
toLocationCode: '', |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
toLocationTypeList: [], |
|||
managementList: [], |
|||
jobStatus:"", |
|||
jobToLocationCode:"" |
|||
|
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
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") { |
|||
//取消承接任务 |
|||
cancleTakeProductReceiptJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
|
|||
return true; |
|||
} |
|||
|
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getDetail(); |
|||
uni.stopPullDownRefresh(); |
|||
}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
//接收 |
|||
receive(callback) { |
|||
if (this.id != null) { |
|||
takeProductReceiptJob(this.id).then(res => { |
|||
callback(); |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
getDetail() { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getProductReceiptJobDetail(that.id).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data == null) { |
|||
that.showMessage('未获取到详情'); |
|||
} else { |
|||
if (res.data.subList.length > 0) { |
|||
that.jobContent = res.data; |
|||
that.subList = res.data.subList; |
|||
that.jobStatus = res.data.status |
|||
that.jobToLocationCode = that.subList[0].toLocationCode |
|||
that.toLocationTypeList = getDirectoryItemArray(that.jobContent.toLocationTypes) |
|||
that.detailSource = getDataSource(that.subList) |
|||
} else { |
|||
that.showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
getScanResult(result) { |
|||
let label = result.label; |
|||
var packingNumber = label.packingNumber; |
|||
var batch = label.batch; |
|||
var qty = label.qty; |
|||
var itemCode = label.itemCode; |
|||
|
|||
var detail = this.detailSource.find(r => r.itemCode == itemCode); |
|||
if (detail == undefined) { |
|||
this.showErrorMessage("物料号【" + itemCode + "】不在列表中") |
|||
} else { |
|||
var itemDetail = detail.subList.find(r => |
|||
r.packingNumber == packingNumber && |
|||
r.batch == batch); |
|||
if (itemDetail == undefined) { |
|||
this.showErrorMessage("箱码[" + packingNumber + "]" + "批次[" + batch + "]不在任务列表中") |
|||
} else { |
|||
if (itemDetail.scaned) { |
|||
this.showErrorMessage("箱码[" + packingNumber + "]" + "批次[" + batch + "]已经扫描") |
|||
} else { |
|||
itemDetail.scaned = true; |
|||
itemDetail.handleQty = Number(result.label.qty); |
|||
itemDetail.toLocationCode = this.toLocationCode; |
|||
itemDetail.labelQty = Number(result.label.qty); |
|||
calcHandleQty(this.detailSource); |
|||
this.continueScan() |
|||
this.$forceUpdate() |
|||
} |
|||
|
|||
} |
|||
} |
|||
}, |
|||
|
|||
//继续扫描 |
|||
continueScan() { |
|||
this.scanCount = getScanCount(this.subList); |
|||
if (this.scanCount == this.subList.length) { |
|||
this.closeScanPopup(); |
|||
} else { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
calcHandleQty(this.detailSource); |
|||
}, |
|||
|
|||
|
|||
openScanPopup() { |
|||
this.$refs.scanPopup.openScanPopup(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
|
|||
scanLocationCode(location, code) { |
|||
this.$refs.comMessage.showQuestionMessage("是否把所有的目标库位都变成默认库位[" + code + "]", res => { |
|||
this.toLocationCode = code |
|||
this.detailSource.forEach(item => { |
|||
item.subList.forEach(detail => { |
|||
detail.toLocationCode = code |
|||
}) |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
checkLocation() { |
|||
var isPass = true; |
|||
if (this.toLocationCode == "" || this.toLocationCode == null) { |
|||
this.showMessageHint('请扫描收货库位', callback => { |
|||
this.$refs.comScanLocation.showLocation(); |
|||
}) |
|||
|
|||
return isPass = false; |
|||
} |
|||
return isPass; |
|||
}, |
|||
|
|||
showMessageHint(hint, callback) { |
|||
this.$refs.comMessage.showErrorMessage(hint, res => { |
|||
if (res) { |
|||
callback() |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
commit() { |
|||
this.scanCount = getScanCount(this.subList); |
|||
if (this.scanCount == 0) { |
|||
this.showErrorMessage("扫描数为0,请先扫描") |
|||
return; |
|||
} |
|||
//校验库位、 |
|||
if (!this.checkLocation()) { |
|||
return |
|||
} |
|||
|
|||
|
|||
//扫描数量和任务数量相等，直接提交 |
|||
if (this.scanCount == this.subList.length) { |
|||
this.submitJob(); |
|||
} else if (this.scanCount < this.subList.length) { |
|||
//扫描数量小于任务数量，判断是否允许部分提交 |
|||
if (this.jobContent.allowPartialComplete == "TRUE") { |
|||
//提交 |
|||
this.submitJob(); |
|||
} else { |
|||
//不允许部分提交，提示 |
|||
this.showMessage('请完成扫描后,再进行提交<br>' + "已经扫描[" + this.scanCount + "]总共[" + this.subList |
|||
.length + |
|||
"]"); |
|||
} |
|||
} |
|||
|
|||
}, |
|||
|
|||
submitJob() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
var itemCodes = [] |
|||
this.detailSource.forEach(item => { |
|||
itemCodes.push(item.itemCode) |
|||
}) |
|||
getManagementPrecisions(itemCodes, this.toLocationCode, res => { |
|||
if (res.success) { |
|||
this.managementList = res.list; |
|||
var params = this.setParams(); |
|||
console.log("提交参数", JSON.stringify(params)); |
|||
productReceiptJobsubmit(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 { |
|||
uni.hideLoading(); |
|||
this.showErrorMessage(res.message); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
setParams() { |
|||
var subList = [] |
|||
var creator = this.$store.state.user.id |
|||
|
|||
this.detailSource.forEach(item => { |
|||
item.subList.forEach(detail => { |
|||
if (detail.scaned) { |
|||
var info = getPackingNumberAndBatch(this.managementList, detail.itemCode, |
|||
detail.packingNumber, detail.batch); |
|||
detail.toPackingNumber = info.packingNumber; |
|||
detail.toBatch = info.batch; |
|||
detail.toContainerNumber = ''; |
|||
detail.toInventoryStatus = detail.inventoryStatus |
|||
detail.toLocationCode = this.toLocationCode |
|||
subList.push(detail) |
|||
} |
|||
}) |
|||
}) |
|||
this.jobContent.subList = subList |
|||
this.jobContent.creator = creator; |
|||
return this.jobContent; |
|||
}, |
|||
|
|||
|
|||
scanPopupGetFocus() { |
|||
if (this.$refs.scanPopup != undefined) { |
|||
this.$refs.scanPopup.getfocus(); |
|||
} |
|||
}, |
|||
|
|||
scanPopupLoseFocus() { |
|||
if (this.$refs.scanPopup != undefined) { |
|||
this.$refs.scanPopup.losefocus(); |
|||
} |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
setTimeout(r => { |
|||
this.scanPopupLoseFocus(); |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}) |
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
setTimeout(r => { |
|||
this.scanPopupLoseFocus(); |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
}) |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
navigateBack(1) |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,33 @@ |
|||
<template> |
|||
<view class=""> |
|||
<product-receipt-job ref="productreceiptjob" type='scrap'></product-receipt-job> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import productReceiptJob from '@/pages/productReceipt/job/productReceiptJob.vue' |
|||
|
|||
export default { |
|||
name: 'semiProductReceiptJob', |
|||
components: { |
|||
productReceiptJob |
|||
}, |
|||
data() { |
|||
return { |
|||
|
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
this.$refs.productreceiptjob.getList("refresh"); |
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue