22 changed files with 705 additions and 86 deletions
@ -0,0 +1,517 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view style="margin: 5px;"> |
|||
<job-top :dataContent="jobContent"></job-top> |
|||
<view> |
|||
<view class="card_content"> 检验类型 : {{getInspectType(jobContent.inspectType)}}</view> |
|||
</view> |
|||
</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"> |
|||
<inspect-com-detail-card :dataContent="item" :jobContent="jobContent" @remove="updateData" |
|||
:isShowBatch="false" @updateData='updateData'> |
|||
</inspect-com-detail-card> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<view class="page-footer"> |
|||
<view class="uni-flex u-col-center space-between padding_10" |
|||
style="background-color:ghostwhite; width: 100%; "> |
|||
<view class=""> |
|||
</view> |
|||
<view class=" uni-flex uni-row"> |
|||
<button class="btn_single_commit" hover-class="btn_commit_after" @click="commit">提交</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
|
|||
<com-message ref="comMessage"></com-message> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
takeInspectJob, |
|||
cancleTakeInspectJob, |
|||
getInspectJobDetail, |
|||
getBasicLocationByCode, |
|||
inspectJobSubmit |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
getCurrDateTime, |
|||
getPackingNumberAndBatch, |
|||
navigateBack |
|||
} from '@/common/basic.js'; |
|||
import { |
|||
getInventoryStatusName, |
|||
getDirectoryItemArray, |
|||
getInspectType |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
getManagementPrecisions |
|||
} from '@/common/balance.js'; |
|||
|
|||
import { |
|||
getDataSource, |
|||
createRecordInfo, |
|||
calcHandleQty, |
|||
getScanCount |
|||
} from '@/common/detail.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import inspectComDetailCard from "@/pages/inspect/coms/inspectComDetailCard.vue" |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
export default { |
|||
name: 'returnDetail', |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
winScanPackAndLocation, |
|||
comMessage, |
|||
inspectComDetailCard, |
|||
jobTop |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
received: false, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
businessTypeInfo: {}, |
|||
fromInventoryStatuses: "", |
|||
managementList: [], |
|||
selectedItem: {}, |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.id = option.id; |
|||
|
|||
if (this.id != undefined) { |
|||
// //新建的任务自动接收 |
|||
if (option.status == "1") { |
|||
this.receive((callback => { |
|||
this.received = true; |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
} |
|||
|
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
|
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from == 'backbutton') { |
|||
if (this.received) { |
|||
//取消承接任务 |
|||
cancleTakeInspectJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
|
|||
return true; |
|||
} |
|||
|
|||
}, |
|||
|
|||
onPullDownRefresh() { |
|||
this.getDetail(); |
|||
uni.stopPullDownRefresh(); |
|||
}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
//接收 |
|||
receive(callback) { |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
if (this.id != null) { |
|||
takeInspectJob(this.id).then(res => { |
|||
uni.hideLoading(); |
|||
callback(); |
|||
}).catch(error => { |
|||
uni.hideLoading(); |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
getDetail() { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
|
|||
getInspectJobDetail(that.id).then(res => { |
|||
uni.hideLoading(); |
|||
if (res.data == null) { |
|||
that.showMessage('未获取到详情'); |
|||
} else { |
|||
if (res.data.subList.length > 0) { |
|||
that.jobContent = res.data; |
|||
this.jobContent.failedQty = 0; |
|||
this.jobContent.crackQty = 0; |
|||
this.jobContent.notPassedQty = 0; |
|||
that.subList = res.data.subList; |
|||
that.subList.forEach(res => { |
|||
res.batch = that.jobContent.batch |
|||
res.goodQty = 0; |
|||
res.failedQty = 0; |
|||
res.crackQty = 0; |
|||
res.sampleQty = 0; |
|||
res.notPassedQty = 0; |
|||
res.failedReason = ""; |
|||
res.photos = "" |
|||
res.inspectResult = "" |
|||
}) |
|||
that.fromInventoryStatuses = that.jobContent.outInventoryStatuses |
|||
that.detailSource = getDataSource(that.subList); |
|||
} else { |
|||
that.showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
|
|||
}, |
|||
|
|||
|
|||
calcScanCount(closeScan) { |
|||
let items = this.subList.filter(r => { |
|||
if (r.scaned) { |
|||
return r; |
|||
} |
|||
}) |
|||
this.scanCount = items != null ? items.length : 0; |
|||
if (this.scanCount == this.subList.length) { |
|||
this.closeScanPopup(); |
|||
} |
|||
}, |
|||
|
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource) |
|||
this.calcJobQty(); |
|||
this.continueScan() |
|||
this.$forceUpdate(); |
|||
}, |
|||
calcJobQty() { |
|||
var failedQty = 0; |
|||
var crackQty = 0; |
|||
for (let item of this.detailSource) { |
|||
for (let detail of item.subList) { |
|||
if (detail != undefined && detail.scaned) { |
|||
failedQty += Number(detail.failedQty) |
|||
crackQty += Number(detail.crackQty) |
|||
} |
|||
} |
|||
} |
|||
this.jobContent.failedQty = failedQty; |
|||
this.jobContent.crackQty = crackQty; |
|||
|
|||
}, |
|||
|
|||
|
|||
//继续扫描 |
|||
continueScan() { |
|||
this.scanCount = getScanCount(this.subList); |
|||
if (this.scanCount == this.subList.length) { |
|||
this.closeScanPopup(); |
|||
} else { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
let fromlocationCode = ''; |
|||
let fromlocationList = []; |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
item.subList.forEach(l => { |
|||
//重复的库位不往里面插入 |
|||
var location = fromlocationList.filter(res => res.fromLocationCode != l.fromLocationCode) |
|||
if (location.length == 0) { |
|||
fromlocationList.push(l.fromLocationCode); |
|||
} |
|||
//来源库位赋默认值 |
|||
if (fromlocationCode == '') { |
|||
if (!l.scaned) { |
|||
fromlocationCode = l.fromLocationCode; |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForJob(fromlocationCode, fromlocationList, this.jobContent); |
|||
}, |
|||
|
|||
|
|||
getScanResult(result) { |
|||
try { |
|||
var packingNumber = result.label.packingNumber; |
|||
var batch = result.label.batch; |
|||
var qty = result.label.qty; |
|||
var itemCode = result.label.itemCode; |
|||
var detail = this.detailSource.find(r => r.itemCode == itemCode); |
|||
if (detail == undefined) { |
|||
this.showMessage("物料号【" + itemCode + "】不在列表中") |
|||
} else { |
|||
var itemDetail = detail.subList.find(r => { |
|||
return r.packingNumber == packingNumber && |
|||
r.batch == batch |
|||
}) |
|||
if (itemDetail == undefined) { |
|||
this.showErrorMessage("箱码[" + packingNumber + "]" + "批次[" + batch + "]不在列表中") |
|||
} else { |
|||
if (itemDetail.scaned) { |
|||
this.showMessage("箱码【" + packingNumber + "】已经扫描") |
|||
} else { |
|||
let balanceStatus = getInventoryStatusName(result.balance.inventoryStatus); |
|||
let itemStatus = getInventoryStatusName(itemDetail.inventoryStatus); |
|||
if (itemDetail.inventoryStatus != result.balance.inventoryStatus) { |
|||
this.showQuestionMessage('实际库存状态[' + balanceStatus + ']与推荐库存状态[' + itemStatus + |
|||
']不一致,是否继续检验?', res => { |
|||
if (res) { |
|||
itemDetail.scaned = true; |
|||
itemDetail.handleQty = Number(result.balance.qty) |
|||
itemDetail.balance = result.balance; |
|||
this.calcHandleQty(); |
|||
} else { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}); |
|||
} else { |
|||
itemDetail.scaned = true; |
|||
itemDetail.balance = result.balance; |
|||
itemDetail.handleQty = Number(result.balance.qty) |
|||
this.calcHandleQty(); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
this.scanPopupGetFocus(); |
|||
} catch (e) { |
|||
this.showErrorMessage(e.message); |
|||
} |
|||
}, |
|||
|
|||
commit() { |
|||
this.scanCount = getScanCount(this.subList); |
|||
if (this.scanCount == 0) { |
|||
this.showErrorMessage("扫描数为0,请先扫描") |
|||
return; |
|||
} |
|||
//如果是全检，必须全部扫描 |
|||
if (this.inspectType == "FULL") { |
|||
if (this.scanCount == this.subList.length) { |
|||
this.submitJob(); |
|||
} else { |
|||
//不允许部分提交，提示 |
|||
this.$refs.comMessage.showErrorMessage('请完成扫描后,再进行提交<br>' + "已经扫描[" + this.scanCount + |
|||
"]箱总共[" + this |
|||
.subList.length + "]箱", res => { |
|||
if (res) { |
|||
this.openScanPopup(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
}, |
|||
|
|||
submitJob() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交参数", JSON.stringify(params)); |
|||
inspectJobSubmit(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); |
|||
}) |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) { |
|||
this.afterCloseMessage() |
|||
} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
this.afterCloseMessage() |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showQuestionMessage(message, callback) { |
|||
setTimeout(r => { |
|||
this.scanPopupLoseFocus(); |
|||
this.$refs.comMessage.showQuestionMessage(message, res => { |
|||
if (res) { |
|||
callback(res); |
|||
} |
|||
}); |
|||
}) |
|||
}, |
|||
|
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.packGetFocus(); |
|||
}, |
|||
|
|||
scanPopupLoseFocus() { |
|||
this.$refs.scanPopup.packLoseFocus(); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
setParams() { |
|||
var list = [] |
|||
this.detailSource.forEach(res => { |
|||
res.subList.forEach(detail => { |
|||
if (detail.scaned) { |
|||
detail.sampleQty = detail.qty; |
|||
detail.failedQty = detail.failedQty; |
|||
detail.crackQty = detail.crackQty; |
|||
detail.notPassedQty = detail.failedQty; |
|||
// detail.goodQty = detail.handleQty - detail.failedQty - detail.crackQty; |
|||
detail.inspectUser = this.$store.state.user.id |
|||
|
|||
//合格数==样品数，全部合格 |
|||
if (detail.goodQty == detail.handleQty) { |
|||
detail.toInventoryStatus = "OK" |
|||
} else { |
|||
//合格数！=样品数，全部合格 |
|||
//报废数量>0 |
|||
if (detail.crackQty > 0) { |
|||
detail.toInventoryStatus = "SCRAP" |
|||
} else { |
|||
detail.toInventoryStatus = "NOK" |
|||
} |
|||
} |
|||
|
|||
} else { |
|||
detail.sampleQty = detail.qty; |
|||
detail.failedQty = 0; |
|||
detail.crackQty = 0; |
|||
detail.notPassedQty = 0; |
|||
detail.goodQty = detail.qty; |
|||
detail.inspectUser = this.$store.state.user.id |
|||
detail.toInventoryStatus = "OK" |
|||
} |
|||
|
|||
list.push(detail) |
|||
}) |
|||
}) |
|||
this.jobContent.notPassedQty = Number(this.jobContent.failedQty)+ Number(this.jobContent.crackQty) |
|||
this.jobContent.subList = list |
|||
this.jobContent.nextAction = "PARTIAL_OK"; |
|||
return this.jobContent; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
navigateBack(1); |
|||
}) |
|||
}, |
|||
getInspectType(value) { |
|||
return getInspectType(value) |
|||
} |
|||
|
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
page { |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.page-wraper { |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
|
|||
.page-main { |
|||
flex: 1; |
|||
position: relative; |
|||
} |
|||
|
|||
.page-main-scroll { |
|||
position: absolute; |
|||
left: 0; |
|||
right: 0; |
|||
top: 0; |
|||
bottom: 0; |
|||
} |
|||
|
|||
.page-main-list { |
|||
/* height: 80rpx; |
|||
line-height: 80rpx; */ |
|||
text-align: center; |
|||
background: #e0e0e0; |
|||
|
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue