zhang_li
4 weeks ago
9 changed files with 1173 additions and 76 deletions
@ -0,0 +1,764 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="page-header"> |
|||
<view class="header-view"> |
|||
<view class="header_job_top"> |
|||
<job-top :dataContent="jobContent"></job-top> |
|||
</view> |
|||
<work-station :workshopCode="jobContent.workShopCode" |
|||
:productionLineCode="jobContent.detailProductionLineCode" |
|||
:workStationCode="jobContent.detailWorkStationCode" |
|||
:rawLocationCode="jobContent.detailToLocationCode"> |
|||
</work-station> |
|||
</view> |
|||
</view> |
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class="page-main-scroll"> |
|||
<view v-for="(toLocation, index) in detailSource"> |
|||
<comIssueDetailCardBatch ref='comIssueDetailCardBatch' :dataContent="toLocation" :settingParam="jobContent" |
|||
@updateData='updateData'> |
|||
</comIssueDetailCardBatch> |
|||
<view class="split_line"></view> |
|||
</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="autoCommit()">提交</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<win-scan-button @goScan='openScanPopup'></win-scan-button> |
|||
<!-- <com-scan-issue-pack ref="comScanIssuePack" @closeScan='closeScan' @updateData='updateData' |
|||
@afterScan='afterScan' :locationCode='fromLocationCode'> |
|||
</com-scan-issue-pack> --> |
|||
|
|||
<winScanPackAndLocation :balanceFromInventoryStatuses="false" :toLocationCode="jobToLocationCode" ref="scanPopup" |
|||
@getResult='getScanResult' :noShowBalanceMessage="false" @confirm='confirmFromLocation'> |
|||
</winScanPackAndLocation> |
|||
<balance-select ref="balanceSelect" @onSelectItem='selectBalanceItem'></balance-select> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
takeIssueJob, |
|||
cancleTakeIssueJob, |
|||
getIssueJobDetail, |
|||
issueJobSubmit |
|||
} from '@/api/request2.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
navigateBack, |
|||
getRemoveOption, |
|||
getCurrDateTime, |
|||
getDirectoryItemArray, |
|||
getPackingNumberAndBatch, |
|||
deepCopyData, |
|||
compareAsc, |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import { |
|||
getManagementPrecisions |
|||
} from '@/common/balance.js'; |
|||
import { |
|||
calc |
|||
} from '@/common/calc.js'; |
|||
|
|||
|
|||
import { |
|||
getTreeDataSource, |
|||
calcTreeHandleQty, |
|||
getScanCount, |
|||
getThreeDataSource |
|||
} from '@/common/detail.js'; |
|||
|
|||
import { |
|||
calcHandleQtyAdd |
|||
} from '@/common/record.js'; |
|||
|
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import comIssueDetailCard from '@/pages/issue/coms/comIssueDetailCard.vue' |
|||
import comIssueDetailCardBatch from '@/pages/issue/coms/comIssueDetailCardBatch.vue' |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import comScanIssuePack from '@/pages/issue/coms/comScanIssuePack.vue' |
|||
import jobTop from '@/mycomponents/job/jobTop.vue' |
|||
import workStation from '@/mycomponents/workStation/workStation.vue' |
|||
import balanceSelect from '@/mycomponents/balance/balanceSelect.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
|
|||
export default { |
|||
name: 'issueDetail', |
|||
components: { |
|||
jobDetailPopup, |
|||
winScanButton, |
|||
comIssueDetailCard, |
|||
comScanIssuePack, |
|||
jobTop, |
|||
workStation, |
|||
balanceSelect, |
|||
comIssueDetailCardBatch, |
|||
winScanPackAndLocation |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
jobContent: {}, //任务内容 |
|||
subList: [], //接口返回的任务subList |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
jobStatus: "", |
|||
scanMessage: '', |
|||
managementList: [], |
|||
managementType: "", |
|||
fromLocationCode:'' |
|||
}; |
|||
}, |
|||
|
|||
props: { |
|||
|
|||
}, |
|||
|
|||
onLoad(option) { |
|||
uni.setNavigationBarTitle({ |
|||
title: option.title + '详情' |
|||
}); |
|||
this.id = option.id; |
|||
this.scanMessage = option.scanMessage || ''; |
|||
if (this.id != undefined) { |
|||
//新建的任务自动接收 |
|||
if (option.status == "1") { |
|||
this.receive((callback => { |
|||
this.getDetail(); |
|||
})); |
|||
} else { |
|||
this.getDetail(); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
|
|||
//拦截返回按钮事件 |
|||
onBackPress(e) { |
|||
//已经接收但是没提交任务 |
|||
if (e.from === 'backbutton') { |
|||
if (this.jobStatus == "2") { |
|||
//取消承接任务 |
|||
cancleTakeIssueJob(this.id).then(res => { |
|||
uni.navigateBack(); |
|||
}).catch(error => { |
|||
uni.navigateBack(); |
|||
}) |
|||
} else { |
|||
uni.navigateBack(); |
|||
} |
|||
|
|||
return true; |
|||
} |
|||
|
|||
}, |
|||
|
|||
watch: { |
|||
locationTypes(newVal) { |
|||
let value = newVal; |
|||
}, |
|||
}, |
|||
mounted: function() { |
|||
// this.resizeCollapse(); |
|||
}, |
|||
|
|||
methods: { |
|||
resizeCollapse() { |
|||
this.$nextTick(r => { |
|||
this.$refs.comIssueDetailCardBatch.forEach(r => { |
|||
r.resizeCollapse(); |
|||
}) |
|||
}); |
|||
}, |
|||
|
|||
//接收 |
|||
receive(callback) { |
|||
if (this.id != null) { |
|||
takeIssueJob(this.id).then(res => { |
|||
callback(); |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
getDetail() { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getIssueJobDetail(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 = getThreeDataSource(that.jobContent) |
|||
console.log(455,that.detailSource) |
|||
that.jobContent.detailToLocationCode = res.data.subList[0].toLocationCode |
|||
that.fromLocationCode = that.subList[0].fromLocationCode |
|||
//任务中已经扫描,模拟扫描赋值 |
|||
if (this.scanMessage) { |
|||
this.openScanPopupSimulate(this.scanMessage); |
|||
|
|||
} |
|||
|
|||
setTimeout(r => { |
|||
that.resizeCollapse(); |
|||
}, 100) |
|||
// that.detailSource.forEach(r => { |
|||
// r.subList.forEach(s => { |
|||
// if (this.scanedPackingNumber && this.scanedPackingNumber == s |
|||
// .packingNumber) { |
|||
// s.scaned = true |
|||
// s.cancleScanedHiht = true |
|||
// //模拟扫描功能 |
|||
// this.openScanPopupSimulate(s); |
|||
// this.scanedPackingNumber = '' |
|||
// } |
|||
// }) |
|||
// }) |
|||
|
|||
} else { |
|||
that.showMessage('列表数据为0'); |
|||
} |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
closeScan() { |
|||
this.resizeCollapse(); |
|||
}, |
|||
|
|||
getScanResult(result, managementTypeParams) { |
|||
console.log(222,result) |
|||
this.managementType = managementTypeParams |
|||
if(managementTypeParams == "BY_BATCH" ||managementTypeParams == "BY_QUANTITY" ){ |
|||
this.setDataBatch(result) |
|||
}else{ |
|||
this.setData(result) |
|||
} |
|||
}, |
|||
setDataBatch(result) { |
|||
try { |
|||
let that = this |
|||
this.balanceinfo = result.balance |
|||
var packingNumber = result.label.packingNumber; |
|||
var batch = result.label.batch; |
|||
var qty = result.label.qty; |
|||
var itemCode = result.label.itemCode; |
|||
var locationCode = result.fromLocationCode; |
|||
|
|||
if (!result.balance) { |
|||
this.showMessage("没有库存余额") |
|||
return; |
|||
} |
|||
console.log(9558,result) |
|||
// var inventoryStatus = "OK"; |
|||
var detail = this.detailSource.find(r => r.itemCode == itemCode); |
|||
|
|||
if (detail == undefined) { |
|||
this.showErrorMessage("物料号【" + itemCode + "】不在列表中") |
|||
} else { |
|||
|
|||
var itemDetail = detail.subList.find(r => { |
|||
return r.batch == batch && |
|||
r.fromLocationCode == result.fromLocationCode |
|||
}) |
|||
if (itemDetail == undefined) { |
|||
var isExit; |
|||
for (let subItem of detail.subList) { |
|||
var item; |
|||
// for (let pack of subItem.packList) { |
|||
// if (pack.batch == batch) { |
|||
// item = pack; |
|||
// isExit = pack; |
|||
// break; |
|||
// } |
|||
// } |
|||
// if (item != undefined) { |
|||
// subItem.scaned = true |
|||
// subItem.handleQty = 0; |
|||
// item = undefined |
|||
// } |
|||
} |
|||
if (isExit == undefined) { |
|||
// this.showErrorMessage("批次【" + batch + "】库位【" + result |
|||
// .fromLocationCode + "】不在列表中") |
|||
|
|||
detail.subList.push({ |
|||
scaned:true, |
|||
fromLocationCode:this.fromLocationCode, |
|||
batch:result.label.batch, |
|||
handleQty:result.label.qty, |
|||
qty:result.balance.qty, |
|||
inventoryStatus:result.balance.inventoryStatus, |
|||
toLocation:result.balance.toLocation, |
|||
balance:result.balance, |
|||
balanceQty:result.balance.qty, |
|||
packQty:result.package.packQty, |
|||
packUnit:result.package.packUnit, |
|||
uom:result.balance.uom, |
|||
// packList:[{ |
|||
// scaned : true, |
|||
// handleQty : Number(result.label.qty), |
|||
// toLocationCode : result.balance.toLocationCode, |
|||
// }] |
|||
}) |
|||
console.log(999,detail) |
|||
detail.handleQty = 0 |
|||
detail.qty = 0 |
|||
detail.subList.forEach(item=>{ |
|||
detail.handleQty = calc.add(detail.handleQty,item.handleQty) |
|||
detail.qty = calc.add(detail.qty,item.qty) |
|||
// item.packList.forEach(cur=>{ |
|||
// cur.handleQty = calc.add(detail.handleQty,item.handleQty) |
|||
// }) |
|||
}) |
|||
setTimeout(r => { |
|||
that.resizeCollapse(); |
|||
that.$forceUpdate() |
|||
}, 100) |
|||
} else { |
|||
if (!isExit.cancleScanedHiht && isExit.scaned) { |
|||
// this.showMessage("批次【" + batch + "】已经扫描") |
|||
} else { |
|||
isExit.scaned = true |
|||
let qty = 0; |
|||
if (result.balance != null) { |
|||
qty = Number(result.balance.qty); |
|||
} else { |
|||
qty = Number(result.label.qty); |
|||
} |
|||
isExit.handleQty = Number(result.label.qty); |
|||
isExit.toLocationCode = this.toLocationCode; |
|||
} |
|||
itemDetail.handleQty = calc.add(itemDetail.handleQty,result.label.qty); |
|||
detail.handleQty = 0 |
|||
detail.balance = result.balance, |
|||
detail.subList.forEach(item=>{ |
|||
detail.handleQty = calc.add(detail.handleQty,item.handleQty) |
|||
// item.packList.forEach(cur=>{
// cur.handleQty = calc.add(detail.handleQty,item.handleQty)
// }) |
|||
}) |
|||
// calcHandleQtyAdd(this.detailSource, result.label); |
|||
} |
|||
this.continueScan() |
|||
this.$forceUpdate() |
|||
} else { |
|||
var scanedLength = 0; |
|||
// itemDetail.packList.forEach(res => { |
|||
// if (res.scaned) { |
|||
// scanedLength++; |
|||
// } |
|||
// }) |
|||
//大哥让加的 |
|||
itemDetail.fromInventoryStatus = result.balance.inventoryStatus; |
|||
|
|||
if (itemDetail.scaned ) { |
|||
// this.showMessage("箱码【" + packingNumber + "】已经扫描") |
|||
// calcHandleQtyAdd(this.detailSource, result.label); |
|||
itemDetail.balance=result.balance |
|||
itemDetail.balanceQty=result.balance.qty |
|||
itemDetail.uom=result.balance.uom, |
|||
itemDetail.handleQty = calc.add(itemDetail.handleQty,result.label.qty); |
|||
detail.handleQty = 0 |
|||
detail.subList.forEach(item=>{ |
|||
detail.handleQty = calc.add(detail.handleQty,item.handleQty) |
|||
}) |
|||
} else { |
|||
itemDetail.scaned = true; |
|||
this.detailSource[0].subList.sort(compareAsc('scaned')); //按扫描信息排序 |
|||
itemDetail.handleQty = result.label.qty; |
|||
itemDetail.scaned = true |
|||
itemDetail.balance=result.balance |
|||
itemDetail.balanceQty=result.balance.qty |
|||
itemDetail.uom=result.balance.uom |
|||
itemDetail.packQty=result.package.packQty |
|||
itemDetail.packUnit=result.package.packUnit |
|||
// itemDetail.toInventoryStatus = "OK" |
|||
// itemDetail.packList.forEach(pac => { |
|||
// pac.scaned = true |
|||
// pac.handleQty = Number(result.label.qty); |
|||
// pac.toLocationCode = result.balance.toLocationCode; |
|||
// }) |
|||
detail.handleQty = 0 |
|||
detail.subList.forEach(item=>{ |
|||
detail.handleQty = calc.add(detail.handleQty,item.handleQty) |
|||
// item.packList.forEach(cur=>{
// cur.handleQty = calc.add(detail.handleQty,item.handleQty)
// }) |
|||
}) |
|||
// calcTreeHandleQty(this.detailSource); |
|||
this.continueScan() |
|||
this.$forceUpdate() |
|||
} |
|||
} |
|||
} |
|||
this.detailSource.forEach(item => { |
|||
item.subList.forEach(detail => { |
|||
detail.packingNumber = '' |
|||
}) |
|||
}) |
|||
} catch (e) { |
|||
this.showMessage(e.message) |
|||
} |
|||
}, |
|||
//继续扫描 |
|||
continueScan() { |
|||
this.scanCount = getScanCount(this.subList); |
|||
if (this.scanCount == this.subList.length) { |
|||
this.closeScanPopup(); |
|||
} else { |
|||
this.scanPopupGetFocus(); |
|||
} |
|||
}, |
|||
|
|||
submit() { |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
//目前任务只到一个库位 |
|||
var itemCodes = [] |
|||
let locationCode = this.detailSource[0].toLocationCode |
|||
this.detailSource.forEach(toLocation => { |
|||
itemCodes.push(toLocation.itemCode) |
|||
}) |
|||
|
|||
//获取管理模式,封装参数 |
|||
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() |
|||
|
|||
// if (!params.subList || params.subList.length == 0) { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage("请扫描您需要提交的发料任务") |
|||
// return |
|||
// } |
|||
const isTrue = params.subList.some(item=>{ |
|||
return item.recordList.some(cur=>cur.scaned) == true |
|||
}) |
|||
if(!isTrue){ |
|||
uni.hideLoading() |
|||
this.showErrorMessage("请扫描您需要提交的发料任务") |
|||
return |
|||
} |
|||
// return |
|||
console.log("提交参数", params); |
|||
issueJobSubmit(params).then(res => { |
|||
uni.hideLoading() |
|||
if (res.data) { |
|||
this.showCommitSuccessMessage("提交成功\n生成发料记录\n" + res.data) |
|||
} else { |
|||
this.showErrorMessage("提交失败[" + res.msg + "]") |
|||
} |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
setParams() { |
|||
var subList = [] |
|||
var createTime = getCurrDateTime(); |
|||
var creator = this.$store.state.user.id |
|||
console.log(2343,this.detailSource) |
|||
this.detailSource.forEach(toLocationCode => { |
|||
let obj = toLocationCode |
|||
obj.recordList = [] |
|||
let obj1 ={} |
|||
let arr = toLocationCode.subList.filter(item=>item.scaned) |
|||
arr.forEach(record=>{ |
|||
obj1.supplierCode = record.supplierCode; |
|||
obj1.batch = record.batch; |
|||
obj1.copyContent =record.copyContent; |
|||
obj1.fromInventoryStatus =record.fromInventoryStatus; |
|||
obj1.fromLocationCode =record.fromLocationCode; |
|||
obj1.handleQty =record.handleQty; |
|||
obj1.inventoryStatus =record.fromInventoryStatus; |
|||
obj1.packQty =record.packQty; |
|||
obj1.packUnit =record.packUnit; |
|||
obj1.packingNumber =record.packingNumber; |
|||
obj1.qty =record.qty; |
|||
obj1.scaned =record.scaned; |
|||
obj1.inventoryStatus =record.fromInventoryStatus; |
|||
obj1.inventoryStatus =record.fromInventoryStatus; |
|||
obj1.toLocationCode =record.toLocationCode; |
|||
|
|||
let single_price = record.balance.singlePrice == null ? 0 : record.balance.singlePrice; |
|||
|
|||
record.singlePrice = single_price; |
|||
record.amount = single_price *record.qty; |
|||
obj.recordList.push(obj1) |
|||
}) |
|||
subList.push(obj) |
|||
}) |
|||
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) { |
|||
this.detailSource.forEach(item=>{ |
|||
item.handleQty = 0 |
|||
item.subList.forEach(cur=>{ |
|||
item.handleQty = calc.add(cur.handleQty,item.handleQty) |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
afterScan() { |
|||
this.resizeCollapse(); |
|||
// this.autoCommit() |
|||
}, |
|||
|
|||
autoCommit(){ |
|||
// this.$throttle(this.submit, 2000, this)() |
|||
let str="" |
|||
let str1="" |
|||
var totalQty =0; |
|||
var taskQty =0; |
|||
console.log(this.detailSource) |
|||
this.detailSource.forEach(detail => { |
|||
detail.subList.forEach(item => { |
|||
if(item.scaned){ |
|||
taskQty =calc.add(taskQty,item.qty) |
|||
totalQty =calc.add(totalQty,item.handleQty) |
|||
if(item.handleQty<item.qty){ |
|||
str += `批次【${item.batch}】提交数量【${item.handleQty}】与任务物料数量【${item.qty}】不一致\n` |
|||
} |
|||
if(item.handleQty>item.balance.qty){ |
|||
str1 += `批次【${item.batch}】提交数量【${item.handleQty}】不可以大于库存数量【${item.balance.qty}】` |
|||
} |
|||
} |
|||
|
|||
}) |
|||
}) |
|||
if(str){ |
|||
str = '任务明细未全部完成,是否提交?\n' + str |
|||
} |
|||
console.log(333,str1) |
|||
if(str1){ |
|||
this.$refs.comMessage.showQuestionMessage1(str1, 'red', res => { |
|||
|
|||
}) |
|||
return |
|||
} |
|||
if(totalQty!=taskQty){ |
|||
str ="扫描数量["+totalQty+"]与任务数量不一致["+taskQty+"],是否提交" |
|||
this.$refs.comMessage.showQuestionMessage1(str, 'red', res => { |
|||
if (res) { |
|||
//防止重复点击 |
|||
this.$throttle(this.submit, 2000, this)() |
|||
} else { |
|||
// this.detailSource.forEach(detail => { |
|||
// detail.Items.forEach(item => { |
|||
// taskQty =calc.add(taskQty,item.qty) |
|||
// item.Locations.forEach(lco => { |
|||
// lco.Batchs.forEach(batch => { |
|||
// batch.Records = [] |
|||
// }) |
|||
// }) |
|||
// }) |
|||
// }) |
|||
// this.$refs.comScanIssuePack.clearList() |
|||
|
|||
this.scanPopupGetFocus() |
|||
} |
|||
}); |
|||
}else { |
|||
//防止重复点击 |
|||
this.$throttle(this.submit, 2000, this)() |
|||
} |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
if (this.$refs.comScanIssuePack) { |
|||
this.$refs.comScanIssuePack.getfocus(); |
|||
} |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) { |
|||
this.afterCloseMessage() |
|||
} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
this.afterCloseMessage() |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
showCommitSuccess() { |
|||
this.$refs.comMessage.showCommitSuccess(); |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
navigateBack(1) |
|||
}) |
|||
}, |
|||
|
|||
showRescanMessage(message) { |
|||
this.$refs.comMessage.showRescanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
confirm(data) { |
|||
this.dataContent = data; |
|||
}, |
|||
confirmResult(result) { |
|||
this.dataContent = result; |
|||
this.$forceUpdate(); |
|||
}, |
|||
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.find(res => res == l.fromLocationCode) |
|||
if (location == undefined) { |
|||
fromlocationList.push(l.fromLocationCode); |
|||
} |
|||
//来源库位赋默认值 |
|||
if (fromlocationCode == '') { |
|||
if (!l.scaned) { |
|||
fromlocationCode = l.fromLocationCode; |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForJob(fromlocationCode, fromlocationList, this.jobContent); |
|||
}, |
|||
|
|||
openScanPopupSimulate(scanMessage) { |
|||
this.$refs.comScanIssuePack.openScanPopupForJobSimulate(this.detailSource, this.jobContent, scanMessage); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
// this.updateCommitBtn(); |
|||
}, |
|||
confirmFromLocation(fromLocationCodeParams){ |
|||
this.fromLocationCode = fromLocationCodeParams |
|||
} |
|||
} |
|||
}; |
|||
</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> |
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<view class="" style="background-color: #fff;"> |
|||
<uni-collapse ref="collapse1" @change=""> |
|||
<uni-collapse-item :open="true"> |
|||
<template v-slot:title> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<uni-swipe-action-item @click="removeData($event,dataContent)" :right-options="removeOptions"> |
|||
<item-qty :dataContent="dataContent" :handleQty="dataContent.handleQty" |
|||
:isShowBalance="true"></item-qty> |
|||
</uni-swipe-action-item> |
|||
</uni-swipe-action> |
|||
|
|||
</template> |
|||
<view class='split_line'></view> |
|||
<view class="" v-for="(item,index) in dataContent.subList"> |
|||
<uni-swipe-action ref="swipeAction"> |
|||
<uni-swipe-action-item @click="swipeClick($event,item,index)" |
|||
:right-options="item.scaned?scanOptions:detailOptions"> |
|||
<balance :dataContent="item" :isShowStdPack="false" :isShowStatus="true" |
|||
:isShowPack="true" :isShowFromLocation="false"></balance> |
|||
<!-- <production-label :dataContent="item" :packageContent="item.package" |
|||
:isShowLocation="false"> |
|||
</production-label> --> |
|||
|
|||
</uni-swipe-action-item> |
|||
</uni-swipe-action> |
|||
</view> |
|||
</uni-collapse-item> |
|||
</uni-collapse> |
|||
<!-- <recommend-qty-edit ref="recommendQtyEdit" :dataContent="editItem" :handleQty="editItem.qty" @confirm="confirm" :isShowStatus="isShowStatus"></recommend-qty-edit> --> |
|||
<balance-qty-edit ref="balanceQtyEdit" @confirm="confirm" ></balance-qty-edit> |
|||
<package-detail-popup ref='packageDetailPopup'> |
|||
</package-detail-popup> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import itemQty from '@/mycomponents/item/itemQty.vue' |
|||
import recommend from '@/mycomponents/recommend/recommend.vue' |
|||
import productionLabel from '@/mycomponents/balance/productionLabel.vue' |
|||
import record from '@/mycomponents/record/record.vue' |
|||
import balanceQtyEdit from '@/mycomponents/qty/balanceQtyEdit.vue' |
|||
import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue' |
|||
import packageDetailPopup from '@/mycomponents/package/packageDetailPopup.vue' |
|||
import balance from '@/mycomponents/balance/balance.vue' |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailEditRemoveOption, |
|||
getClearOption |
|||
} from '@/common/array.js'; |
|||
export default { |
|||
components: { |
|||
itemQty, |
|||
recommend, |
|||
packageDetailPopup, |
|||
productionLabel, |
|||
recommendQtyEdit, |
|||
record, |
|||
balance, |
|||
balanceQtyEdit |
|||
}, |
|||
props: { |
|||
dataContent: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
settingParam: { |
|||
type: Object, |
|||
default: {} |
|||
}, |
|||
fromInventoryStatus: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
toInventoryStatus: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
isShowStatus: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
watch: { |
|||
dataContent: { |
|||
handler(newName, oldName) { |
|||
if (this.dataContent.subList.length > 0) { |
|||
if (this.$refs.collapse1 != undefined) { |
|||
this.$nextTick(res => { |
|||
this.$refs.collapse1.resize() |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
immediate: true, |
|||
deep: true |
|||
} |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
option: [], |
|||
title: "推荐详情", |
|||
showItem: {}, |
|||
editItem: {}, |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
removeOptions: [], |
|||
dataList: [] |
|||
} |
|||
}, |
|||
|
|||
mounted() { |
|||
this.detailOptions = getDetailOption(); |
|||
this.scanOptions = getDetailEditRemoveOption(); |
|||
this.removeOptions = getClearOption(); |
|||
}, |
|||
|
|||
methods: { |
|||
removeData(e, dataContent) { |
|||
if (e.content.text == "清空") { |
|||
this.$refs.comMessage.showQuestionMessage("确定清空物料及箱码信息?", |
|||
res => { |
|||
if (res) { |
|||
this.$emit('removeItem') |
|||
// this.$emit('removeItem', this.dataContent) |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
swipeClick(e, item, index) { |
|||
if (e.content.text == "详情") { |
|||
this.detail(item.package) |
|||
} else if (e.content.text == "编辑") { |
|||
this.edit(item) |
|||
} else if (e.content.text == "移除") { |
|||
this.remove(item, index) |
|||
} |
|||
}, |
|||
|
|||
edit(item) { |
|||
this.editItem = item; |
|||
this.$refs.balanceQtyEdit.openEditPopup(this.editItem, this.editItem.handleQty); |
|||
// this.$refs.recommendQtyEdit.openEditPopup(item.qty); |
|||
}, |
|||
|
|||
detail(packageInfo) { |
|||
this.showItem = packageInfo; |
|||
this.$refs.packageDetailPopup.openPopup(packageInfo) |
|||
}, |
|||
remove(item, index) { |
|||
this.$refs.comMessage.showQuestionMessage("确定移除扫描信息?", |
|||
res => { |
|||
if (res) { |
|||
this.dataContent.subList.splice(index, 1) |
|||
this.$emit('removePack') |
|||
} |
|||
}); |
|||
}, |
|||
confirm(qty) { |
|||
this.editItem.handleQty = qty; |
|||
this.$emit('updateData') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
Loading…
Reference in new issue