68 changed files with 2242 additions and 548 deletions
@ -1,418 +0,0 @@ |
|||
<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" :locationAreaTypeList='toLocationAreaTypeList'> |
|||
</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' |
|||
:locationAreaTypeList="toLocationAreaTypeList"></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 { |
|||
getPickJobDetail, |
|||
takePickJob, |
|||
cancleTakePickJob, |
|||
pickJobsubmit |
|||
} 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: [], //绑定在页面上的数据源 |
|||
toLocationAreaTypeList: [], |
|||
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") { |
|||
//取消承接任务 |
|||
cancleTakePickJob(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) { |
|||
takePickJob(this.id).then(res => { |
|||
callback(); |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
getDetail() { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getPickJobDetail(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.toLocationAreaTypeList = getDirectoryItemArray(that.jobContent.toAreaTypes) |
|||
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)); |
|||
pickJobsubmit(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> |
|||
@ -1,8 +1,288 @@ |
|||
<template> |
|||
<view class=""> |
|||
<com-empty-view v-if="jobList.length==0"></com-empty-view> |
|||
<job-filter ref="filter" otherTitle="ASN" @switchChangeToday="switchChangeToday" |
|||
@switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" :checkedToday="checkedToday" |
|||
:checkedWaitTask="checkedWaitTask"> |
|||
</job-filter> |
|||
|
|||
<view v-if="jobList.length>0"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<view v-for="(item, index) in jobList" :key="index"> |
|||
<uni-swipe-action-item |
|||
:right-options="item.status=='2'?detailGiveupOptions:detailOptions" |
|||
@click="swipeClick($event,item)"> |
|||
<com-product-job-card :dataContent="item" @click='openJobDetail(item)'></com-product-job-card> |
|||
</uni-swipe-action-item> |
|||
</view> |
|||
</uni-swipe-action> |
|||
|
|||
<job-list-popup ref="jobListPopup" @selectedItem="selectedItem"></job-list-popup> |
|||
<job-info-popup ref='jobInfoPopup'></job-info-popup> |
|||
|
|||
<uni-load-more :status="loadingType" v-if="jobList.length>0" /> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getProductReceiptJobList, |
|||
cancleTakeProductReceiptJob |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailGiveupOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
|||
import jobFilter from '@/mycomponents/job/jobFilter.vue' |
|||
|
|||
import comProductJobCard from '@/pages/productReceipt/coms/comProductJobCard.vue' |
|||
import jobListPopup from '@/pages/productReceipt/coms/jobListPopup.vue' |
|||
import jobInfoPopup from '@/pages/productReceipt/coms/jobInfoPopup.vue' |
|||
|
|||
export default { |
|||
name: 'receipt', |
|||
components: { |
|||
comEmptyView, |
|||
jobFilter, |
|||
comProductJobCard, |
|||
jobListPopup, |
|||
jobInfoPopup |
|||
}, |
|||
data() { |
|||
return { |
|||
jobList: [], |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
totalCount: 0, |
|||
loadingType: "nomore", |
|||
checkedToday: false, |
|||
checkedWaitTask: false, |
|||
todayTime: "", |
|||
status: '1,2', //待处理 、进行中 |
|||
detailOptions: [], |
|||
detailGiveupOptions: [], |
|||
}; |
|||
}, |
|||
|
|||
onShow() { |
|||
this.getList("refresh") |
|||
}, |
|||
|
|||
onReady() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.detailGiveupOptions = getDetailGiveupOption(); |
|||
}, |
|||
|
|||
onReachBottom() { |
|||
//避免多次触发 |
|||
if (this.loadingType == 'loading' || this.loadingType == 'nomore') { |
|||
return; |
|||
} |
|||
this.getList("more"); |
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getList('refresh'); |
|||
}, |
|||
|
|||
|
|||
//后退按钮 |
|||
onBackPress(options) { |
|||
if (options.from === 'navigateBack') { |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
return false; |
|||
} |
|||
}, |
|||
|
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} else if (e.index == 1) { |
|||
this.$refs.filter.openFilter(); |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
getList(type) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
this.loadingType = "loading"; |
|||
if (type === "refresh") { |
|||
this.pageNo = 1; |
|||
this.jobList = []; |
|||
} |
|||
var filters = [] |
|||
if (this.checkedToday) { |
|||
filters.push({ |
|||
column: "request_time", |
|||
action: "betweeen", |
|||
value: this.todayTime |
|||
}) |
|||
} |
|||
|
|||
filters.push({ |
|||
column: "status", |
|||
action: "in", |
|||
value: this.status |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
} |
|||
getProductReceiptJobList(params).then(res => { |
|||
uni.hideLoading(); |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
|
|||
var list = res.data.list; |
|||
this.totalCount = res.data.total |
|||
|
|||
updateTitle("完工收货任务(装配)(" + this.totalCount + ")"); |
|||
this.loadingType = "loadmore"; |
|||
if (list == null || list.length == 0) { |
|||
this.loadingType = "nomore"; |
|||
return; |
|||
} |
|||
this.jobList = type === "refresh" ? list : this.jobList.concat(list); |
|||
this.pageNo++; |
|||
|
|||
}).catch(error => { |
|||
if (type === "refresh") { |
|||
uni.stopPullDownRefresh(); |
|||
} |
|||
updateTitle("完工收货任务(装配)"); |
|||
this.loadingType = ""; |
|||
uni.hideLoading(); |
|||
that.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
openJobDetail(item) { |
|||
uni.navigateTo({ |
|||
url: './productReceiptDetail?id=' + item.id + '&status=' + item.status |
|||
}); |
|||
}, |
|||
|
|||
showItemList(itemList) { |
|||
this.$refs.jobListPopup.openPopup(itemList); |
|||
}, |
|||
|
|||
selectedItem(item) { |
|||
this.openJobDetail(item); |
|||
}, |
|||
|
|||
swipeClick(e, dataContent) { |
|||
if (e.content.text == "详情") { |
|||
this.openjobInfoPopup(dataContent); |
|||
} else if (e.content.text == "放弃") { |
|||
this.$refs.comMessage.showQuestionMessage("确定要放弃当前任务?", |
|||
res => { |
|||
if (res) { |
|||
this.cancleJob(dataContent.id); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
openjobInfoPopup(item) { |
|||
this.$refs.jobInfoPopup.openPopup(item) |
|||
}, |
|||
|
|||
cancleJob(id) { |
|||
cancleTakeProductReceiptJob(id).then(res => { |
|||
if(res.data){ |
|||
this.getList("refresh") |
|||
uni.showToast({ |
|||
title:"放弃任务成功" |
|||
}) |
|||
}else { |
|||
this.showMessage("放弃任务失败") |
|||
} |
|||
}).catch(error => { |
|||
this.showMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
switchChangeToday(state, creationTime) { |
|||
this.checkedToday = state; |
|||
this.todayTime = creationTime; |
|||
this.getList("refresh"); |
|||
}, |
|||
|
|||
switchChangeWait(state, jobStatus) { |
|||
this.checkedWaitTask = state; |
|||
this.status = jobStatus; |
|||
this.getList("refresh"); |
|||
}, |
|||
getScanNumber(code) { |
|||
this.getDataListByType(code) |
|||
}, |
|||
getDataListByType(code) { |
|||
let that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
var filters = [] |
|||
filters.push({ |
|||
column: "status", |
|||
action: "in", |
|||
value: '1,2' |
|||
}) |
|||
filters.push({ |
|||
column: "number", |
|||
action: "==", |
|||
value: code |
|||
}) |
|||
|
|||
var params = { |
|||
filters: filters, |
|||
pageNo: 1, |
|||
pageSize: 100, |
|||
} |
|||
getProductReceiptJobList(params).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data.list.length == 0) { |
|||
that.showMessage('未查找到' + '【' + code + '】的收货任务'); |
|||
} else if (res.data.list.length == 1) { |
|||
that.openJobDetail(res.data.list[0]); |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
that.showMessage(error); |
|||
}) |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
<style scoped lang="scss"> |
|||
|
|||
</style> |
|||
@ -1,8 +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" :locationAreaTypeList='toLocationAreaTypeList'> |
|||
</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' |
|||
:locationAreaTypeList="toLocationAreaTypeList"></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: [], //绑定在页面上的数据源 |
|||
toLocationAreaTypeList: [], |
|||
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.toLocationAreaTypeList = getDirectoryItemArray(that.jobContent.toAreaTypes) |
|||
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> |
|||
<style scoped lang="scss"> |
|||
</style> |
|||
@ -0,0 +1,531 @@ |
|||
<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'; |
|||
|
|||
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 |
|||
setTimeout(res => { |
|||
this.$refs.popup.open('bottom') |
|||
}, 500) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
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 = this.jobContent.outInventoryStatuses |
|||
that.toLocation = that.dataContent[0]; |
|||
that.toLocationCode = that.dataContent[0].toLocationCode; |
|||
that.fromLocationList = that.getFromLocationList(); |
|||
} |
|||
}, |
|||
|
|||
showBalanceSelect(items, packageInfo) { |
|||
this.packageInfo = packageInfo; |
|||
this.$refs.balanceSelect.openPopup(items); |
|||
}, |
|||
|
|||
getFromLocationList() { |
|||
let list = []; |
|||
let location = this.dataContent.find(r => r.toLocationCode == this.toLocationCode); |
|||
if (location != undefined) { |
|||
location.Items.forEach(item => { |
|||
item.Locations.forEach(f => { |
|||
list.push(f.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) { |
|||
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.Items.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.message); |
|||
} |
|||
uni.hideLoading(); |
|||
}); |
|||
} |
|||
} catch (e) { |
|||
this.showErrorMessage(e.stack) |
|||
uni.hideLoading(); |
|||
} |
|||
}, |
|||
|
|||
selectBalanceItem(balance) { |
|||
this.afterGetBalance(this.label, balance, this.packageInfo); |
|||
}, |
|||
|
|||
|
|||
afterGetBalance(label, balance, packageInfo) { |
|||
try { |
|||
let that = this; |
|||
let itemCode = label.itemCode; |
|||
let packingCode = label.packingNumber; |
|||
let lot = label.batch; |
|||
let item = that.toLocation.Items.find(r => r.itemCode == itemCode); |
|||
let fromLocation = item.Locations.find(l => l.fromLocationCode == that.fromLocationCode); |
|||
if (fromLocation != undefined) { |
|||
let batch = fromLocation.Batchs.find(r => r.batch == lot); |
|||
if (batch != undefined) { |
|||
if (batch.Records == undefined) { |
|||
batch.Records = []; |
|||
} |
|||
|
|||
let record = batch.Records.find(r => r.packingNumber == packingCode); |
|||
if (record == undefined) { |
|||
//如果有推荐箱码 |
|||
if (batch.Recommends.length > 0) { |
|||
let recommend = batch.Recommends.find(r => r.packingNumber == packingCode); |
|||
if (recommend != undefined) { |
|||
that.addRecord(batch, label, balance, packageInfo) |
|||
} else { |
|||
//允许修改箱码 |
|||
if (this.jobContent.allowModifyPackingNumber == 'TRUE') { |
|||
that.addRecord(batch, label, balance, packageInfo); |
|||
} else { |
|||
that.showErrorMessage('未查找到该箱码【' + packingCode + '】的明细', |
|||
res => { |
|||
that.getfocus(); |
|||
} |
|||
) |
|||
} |
|||
} |
|||
} else { |
|||
that.addRecord(batch, label, balance, packageInfo) |
|||
} |
|||
} else { |
|||
that.showErrorMessage('箱码【' + packingCode + '】已经扫描,请继续扫描下一箱', |
|||
res => { |
|||
that.getfocus(); |
|||
} |
|||
) |
|||
} |
|||
} else { |
|||
if (this.jobContent.AllowModifyBatch == null) { |
|||
this.showQuestionMessage('在【' + that.fromLocationCode + '】库位下,未查找到批次【' + lot + |
|||
'】的发货明细,是否要继续发货?', res => { |
|||
if (res) { |
|||
let batch = that.createBatchInfo(label, balance); |
|||
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) { |
|||
let batch = { |
|||
batch: data.lot, |
|||
qty: 0, |
|||
uom: data.uom, |
|||
handleQty: Number(data.qty), |
|||
Records: [] |
|||
} |
|||
let record = this.creatRecord(data, balance); |
|||
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) { |
|||
let handleQty = 0; |
|||
batch.Records.forEach(res => { |
|||
handleQty = calc.add(handleQty,res.qty) |
|||
}) |
|||
batch.handleQty = handleQty; |
|||
}, |
|||
|
|||
addRecord(batch, label, balance, packageInfo) { |
|||
let record = this.creatRecord(label, balance, packageInfo); |
|||
batch.Records.push(record); |
|||
this.issueRecord.unshift(record) |
|||
this.calcBatchHandleQty(batch); |
|||
this.getfocus(); |
|||
}, |
|||
|
|||
getfocus() { |
|||
if (this.$refs.comscan != undefined) { |
|||
this.$refs.comscan.getfocus(); |
|||
} |
|||
}, |
|||
|
|||
losefocus() { |
|||
if (this.$refs.comscan != undefined) { |
|||
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,170 @@ |
|||
<template> |
|||
<view> |
|||
<!-- <requiredLocation title="需求库位" :locationCode="dataContent.toLocationCode" |
|||
:isShowEdit="dataContent.allowModifyLocation==1"></requiredLocation> --> |
|||
|
|||
<view v-for="(item,index) in dataContent.Items"> |
|||
<uni-collapse ref="collapse"> |
|||
<uni-collapse-item :open="true"> |
|||
<template v-slot:title> |
|||
<!-- 物品 --> |
|||
<item-qty :dataContent="item" :handleQty="item.handleQty"></item-qty> |
|||
</template> |
|||
<u-line /> |
|||
<view v-for="(loacation,index) in item.Locations" :key="index"> |
|||
<view> |
|||
<view class="uni-flex uni-row space-between"> |
|||
<!-- 推荐库位 --> |
|||
<location :locationCode="loacation.fromLocationCode"> |
|||
</location> |
|||
</view> |
|||
<view v-for="(batch,index) in loacation.Batchs" :key="index"> |
|||
<recommend-balance style='margin-left: 20px;' :detail="batch" |
|||
:isShowLocation="false" :isShowPack="batch.packingNumber!=null && batch.packingNumber!=''"> |
|||
</recommend-balance> |
|||
<view class="uni-flex uni-row" v-if='batch.Records.length>0'> |
|||
<view class="center " style=" width: 20px; color: #0CC2B6; margin-left: 40px;"> |
|||
实际 |
|||
</view> |
|||
<view class="uni-flex uni-column" style="width: 100%;"> |
|||
<view v-for="(record,index) in batch.Records" :key="index"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<uni-swipe-action-item @click="swipeClick($event,batch,record,index)" |
|||
:right-options="scanOptions"> |
|||
<handle-balance :detail="record" :isShowLocation="false" |
|||
:isShowBatch="batch.packingNumber!=null"> |
|||
</handle-balance> |
|||
</uni-swipe-action-item> |
|||
</uni-swipe-action> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</uni-collapse-item> |
|||
</uni-collapse> |
|||
</view> |
|||
</view> |
|||
<balance-qty-edit ref="balanceQtyEdit" @confirm="confirm" :isShowStatus="true"></balance-qty-edit> |
|||
<detail-info-popup ref="detailInfoPopup"></detail-info-popup> |
|||
<comMessage ref="message"></comMessage> |
|||
</template> |
|||
|
|||
<script> |
|||
import itemQty from '@/mycomponents/item/itemQty.vue' |
|||
import recommend from '@/mycomponents/recommend/recommend.vue' |
|||
import recommendBalance from '@/mycomponents/balance/recommendBalance.vue' |
|||
import handleBalance from '@/mycomponents/balance/handleBalance.vue' |
|||
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|||
import location from '@/mycomponents/balance/location.vue' |
|||
import detailInfoPopup from '@/pages/productionReceipt/coms/detailInfoPopup.vue' |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
export default { |
|||
emits: ['updateData'], |
|||
components: { |
|||
itemQty, |
|||
recommend, |
|||
recommendBalance, |
|||
handleBalance, |
|||
recommendQtyEdit, |
|||
requiredLocation, |
|||
balanceQtyEdit, |
|||
location, |
|||
detailInfoPopup |
|||
}, |
|||
props: { |
|||
dataContent: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
settingParam: { |
|||
type: Object, |
|||
default: null |
|||
}, |
|||
}, |
|||
watch: { |
|||
|
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
option: [], |
|||
showItem: {}, |
|||
editItem: {}, |
|||
batchItem: {}, |
|||
detailOptions: [], |
|||
scanOptions: [] |
|||
} |
|||
}, |
|||
|
|||
mounted() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.scanOptions = getEditRemoveOption(); |
|||
}, |
|||
|
|||
methods: { |
|||
resizeCollapse() { |
|||
this.$nextTick(r => { |
|||
this.$refs.collapse.forEach(r => { |
|||
r.childrens.forEach(i => { |
|||
i.init(); |
|||
}) |
|||
r.resize(); |
|||
}) |
|||
}); |
|||
}, |
|||
|
|||
swipeClick(e, batch, record, index) { |
|||
if (e.content.text == "编辑") { |
|||
this.edit(batch, record) |
|||
} else if (e.content.text == "移除") { |
|||
this.remove(batch, record, index) |
|||
} |
|||
}, |
|||
|
|||
edit(batch, item) { |
|||
let that = this; |
|||
that.editItem = item; |
|||
that.batchItem = batch; |
|||
item.balance.balanceQty=item.balance.qty; |
|||
that.$refs.balanceQtyEdit.openEditPopup(item.balance, item.qty); |
|||
}, |
|||
|
|||
detail(item) { |
|||
this.showItem = item; |
|||
this.$refs.receiptHint.openScanPopup() |
|||
}, |
|||
remove(batch, record, index) { |
|||
this.$refs.message.showQuestionMessage("确定移除扫描信息?", |
|||
res => { |
|||
if (res) { |
|||
batch.Records.splice(index, 1); |
|||
this.resizeCollapse(); |
|||
this.$emit('updateData', record) |
|||
} |
|||
}); |
|||
}, |
|||
confirm(val) { |
|||
this.editItem.qty = val; |
|||
this.$emit('updateData', this.editItem) |
|||
// let qty = 0; |
|||
// this.batchItem.Records.forEach(r => { |
|||
// qty += Number(r.qty); |
|||
// }) |
|||
// this.batchItem.handleQty = qty; |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,50 @@ |
|||
<template> |
|||
<job-com-main-card :dataContent="dataContent"> |
|||
<view class="task_item"> |
|||
<view class="task_text"> |
|||
<view class=""> |
|||
申请单号 : {{dataContent.requestNumber}} |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="task_text"> |
|||
<view class=""> |
|||
发货计划单号 : {{dataContent.deliverPlanNumber}} |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="task_text"> |
|||
<view class=""> |
|||
客户代码 : {{dataContent.customerCode}} |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</job-com-main-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import jobComMainCard from '@/mycomponents/job/jobComMainCard.vue' |
|||
export default { |
|||
components: { |
|||
jobComMainCard, |
|||
}, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
|
|||
props: { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
}, |
|||
|
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
</style> |
|||
@ -0,0 +1,76 @@ |
|||
<template> |
|||
<view class=""> |
|||
<uni-popup ref="popup"> |
|||
<job-common-info :dataContent="dataContent" @onClose="closePopup"> |
|||
<view class=""> |
|||
<view class="uni-flex uni-column"> |
|||
<view class="item"> |
|||
<text class="item_title">发货计划单号 : </text> |
|||
<text class="text_wrap">{{dataContent.DeliverPlanNumber}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">客户发货单号 : </text> |
|||
<text class="text_wrap">{{dataContent.CustomerDeliverNumber}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">客户代码 : </text> |
|||
<text class="text_wrap">{{dataContent.CustomerCode}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">客户月台代码 : </text> |
|||
<text class="text_wrap">{{dataContent.CustomerDockCode}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">承运商 : </text> |
|||
<text class="text_wrap">{{dataContent.carrierCode}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">运输方式 : </text> |
|||
<text class="text_wrap">{{dataContent.transferMode}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">车牌号 : </text> |
|||
<text class="text_wrap">{{dataContent.vehiclePlateNumber}} </text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<u-line></u-line> |
|||
</job-common-info> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import jobCommonInfo from '@/mycomponents/job/jobCommonInfo.vue' |
|||
export default { |
|||
components: { |
|||
jobCommonInfo, |
|||
}, |
|||
data() { |
|||
return { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
} |
|||
}, |
|||
|
|||
mounted() {}, |
|||
props: {}, |
|||
|
|||
methods: { |
|||
openPopup(val) { |
|||
this.dataContent = val; |
|||
this.$refs.popup.open('bottom') |
|||
}, |
|||
closePopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,47 @@ |
|||
<template> |
|||
<uni-popup ref="popupItems"> |
|||
<com-popup @onClose="closePopup"> |
|||
<view v-for="(item, index) in receiptList" :key="index"> |
|||
<com-deliver-job-card :dataContent="item" @click='selectItem(item)'></com-deliver-job-card> |
|||
<u-line></u-line> |
|||
</view> |
|||
</com-popup> |
|||
</uni-popup> |
|||
</template> |
|||
|
|||
<script> |
|||
import comPopup from '@/mycomponents/common/comPopup.vue' |
|||
import comDeliverJobCard from '@/pages/deliver/coms/comDeliverJobCard.vue' |
|||
|
|||
export default { |
|||
emits: ["selectedItem"], |
|||
components: { |
|||
comPopup, |
|||
comDeliverJobCard |
|||
}, |
|||
props: { |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
receiptList: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
openPopup(items) { |
|||
this.receiptList = items; |
|||
this.$refs['popupItems'].open("center"); |
|||
}, |
|||
closePopup() { |
|||
this.$refs.popupItems.close() |
|||
}, |
|||
selectItem(item) { |
|||
this.$emit("selectedItem", item); |
|||
this.$refs['popupItems'].close(); |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
@ -0,0 +1,98 @@ |
|||
<template> |
|||
<view class=""> |
|||
<uni-popup ref="popup"> |
|||
<detail-common-info :dataContent="dataContent" @onClose="closePopup"> |
|||
<view class=""> |
|||
<view class="uni-flex uni-column"> |
|||
<view class="item"> |
|||
<text class="item_title">标包数量 : </text> |
|||
<text class="text_wrap">{{dataContent.packQty}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">标包单位 : </text> |
|||
<text class="text_wrap">{{getPackUnitInfo(dataContent.packUnit)}} </text> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<u-line></u-line> |
|||
<view class=""> |
|||
<view class="uni-flex uni-column"> |
|||
<view class="item"> |
|||
<text class="item_title">订单号 : </text> |
|||
<text class="text_wrap">{{dataContent.poNumber}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">订单行 : </text> |
|||
<text class="text_wrap">{{dataContent.poLine}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">项目代码 : </text> |
|||
<text class="text_wrap">{{dataContent.projectCode}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">到货日期 : </text> |
|||
<text class="text_wrap">{{dateFormat(dataContent.arriveDate)}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">生产日期 : </text> |
|||
<text class="text_wrap">{{dateFormat(dataContent.produceDate)}} </text> |
|||
</view> |
|||
<view class="item"> |
|||
<text class="item_title">过期日期 : </text> |
|||
<text class="text_wrap">{{dateFormat(dataContent.expireDate)}} </text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</detail-common-info> |
|||
</uni-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import {getPackUnitInfo} from "@/common/directory.js" |
|||
import { |
|||
dateFormat |
|||
} from '@/common/basic.js'; |
|||
import detailCommonInfo from '@/mycomponents/detail/detailCommonInfo.vue' |
|||
export default { |
|||
components: { |
|||
detailCommonInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
} |
|||
}, |
|||
|
|||
mounted() {}, |
|||
props: {}, |
|||
|
|||
methods: { |
|||
openPopup(val) { |
|||
this.dataContent = val; |
|||
setTimeout(res => { |
|||
this.$refs.popup.open('bottom') |
|||
}, 500) |
|||
}, |
|||
closePopup() { |
|||
this.$refs.popup.close() |
|||
}, |
|||
getPackUnitInfo(value){ |
|||
return getPackUnitInfo(value).label |
|||
}, |
|||
dateFormat(value){ |
|||
return dateFormat(value) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,461 @@ |
|||
<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 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.customerCode}}</view> |
|||
</view> |
|||
<view class="cell_info"> |
|||
<view class="text_lightblue">客户寄售库</view> |
|||
<view>{{toLocationCode}}</view> |
|||
</view> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class=""> |
|||
<view v-for="(toLocation, index) in detailSource" :key="index"> |
|||
<comStockUpDetailCard ref='comIssueDetailCard' :dataContent="toLocation" @updateData='updateData'> |
|||
</comStockUpDetailCard> |
|||
</view> |
|||
</scroll-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> |
|||
<comScanStockUpPack ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData'> |
|||
</comScanStockUpPack> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getStockUpJobDetail, |
|||
getBasicLocationByCode, |
|||
takeStockUpJob, |
|||
cancleTakeStockUpJob, |
|||
stockUpJobsubmit |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
calc |
|||
} from '@/common/calc.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
navigateBack, |
|||
getRemoveOption, |
|||
getCurrDateTime, |
|||
getDirectoryItemArray, |
|||
getPackingNumberAndBatch, |
|||
} 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 comStockUpDetailCard from '@/pages/stockUp/coms/comStockUpDetailCard.vue' |
|||
import comScanStockUpPack from '@/pages/stockUp/coms/comScanStockUpPack.vue' |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
|
|||
export default { |
|||
name: 'issueDetail', |
|||
components: { |
|||
jobDetailPopup, |
|||
winScanButton, |
|||
comStockUpDetailCard, |
|||
comScanStockUpPack, |
|||
jobTop |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
status: "", |
|||
toLocationCode: "", |
|||
jobStatus:"" |
|||
}; |
|||
}, |
|||
|
|||
props: { |
|||
|
|||
}, |
|||
|
|||
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") { |
|||
//取消承接任务 |
|||
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.resizeCollapse(); |
|||
} else { |
|||
that.showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
closeScan() { |
|||
this.resizeCollapse(); |
|||
}, |
|||
|
|||
resizeCollapse() { |
|||
this.$nextTick(r => { |
|||
this.$refs.comIssueDetailCard.forEach(r => { |
|||
r.resizeCollapse(); |
|||
}) |
|||
}); |
|||
}, |
|||
|
|||
|
|||
|
|||
submit() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
//目前任务只到一个库位 |
|||
var itemCodes = [] |
|||
let locationCode = this.detailSource[0].toLocationCode |
|||
this.detailSource.forEach(toLocationCode => { |
|||
toLocationCode.Items.forEach(item => { |
|||
itemCodes.push(item.itemCode) |
|||
}) |
|||
}) |
|||
|
|||
//使用在途库，不查询管理模式 |
|||
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("提交参数", JSON.stringify(params)); |
|||
|
|||
stockUpJobsubmit(params).then(res => { |
|||
uni.hideLoading() |
|||
if (res.data) { |
|||
this.showCommitSuccessMessage("提交成功<br>生成发货记录" + 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.forEach(toLocationCode => { |
|||
toLocationCode.Items.forEach(item => { |
|||
item.Locations.forEach(fromLocation => { |
|||
fromLocation.Batchs.forEach(batch => { |
|||
let subItem = batch.detail; |
|||
subItem.recordList = []; |
|||
if (batch.Records.length > 0) { |
|||
batch.Records.forEach(r => { |
|||
let record = {}; |
|||
record.handleQty = r.qty; |
|||
record.toContainerNumber = r |
|||
.ContainerNumber; |
|||
record.toInventoryStatus = r |
|||
.inventoryStatus; |
|||
record.toLocationCode = subItem |
|||
.toLocationCode; |
|||
record.supplierCode = r.supplierCode; |
|||
|
|||
//使用在途库不改变管理模式 |
|||
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(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) { |
|||
let requestLocation = this.detailSource.find(r => r.toLocationCode == record.toLocationCode); |
|||
let item = requestLocation.Items.find(r => r.itemCode == record.itemCode); |
|||
let itemHandleQty = 0; |
|||
if (item != undefined) { |
|||
item.Locations.forEach(l => { |
|||
let batch = l.Batchs.find(b => (b.packingNumber == record.packingNumber || b |
|||
.packingNumber == null || b.packingNumber == '') && b.batch == |
|||
record.batch); |
|||
let handleQty = 0; |
|||
if (batch != undefined) { |
|||
batch.Records.forEach(res => { |
|||
handleQty = calc.add(handleQty, res.qty) |
|||
}) |
|||
batch.handleQty = handleQty; |
|||
itemHandleQty = calc.add(itemHandleQty, handleQty) |
|||
} |
|||
}) |
|||
} |
|||
// item.handleQty=itemHandleQty; |
|||
}, |
|||
|
|||
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