lijuncheng
1 year ago
35 changed files with 2408 additions and 2429 deletions
@ -1,441 +1,440 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicCustomerList |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/directory.js'; |
|||
import { |
|||
goHome |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comReturnRecord from '@/pages/customerReturn/coms/comReturnRecord.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
comReturnRecord, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessType: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
fromType :"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
var typeCode = "Customerreturn" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
getBasicCustomerList().then(res => { |
|||
if (res.data.length > 0) { |
|||
var list = res.data; |
|||
list.forEach(item => { |
|||
item.text = item.Name |
|||
item.value = item.Code |
|||
}) |
|||
this.customerList = list; |
|||
} |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource) |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessType.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessType.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.toLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicCustomerList |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/directory.js'; |
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comReturnRecord from '@/pages/customerReturn/coms/comReturnRecord.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
comReturnRecord, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessType: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
fromType :"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("客户退货申请")
}else {
updateTitle("客户退货记录")
} |
|||
var typeCode = "Customerreturn" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
getBasicCustomerList().then(res => { |
|||
if (res.data.length > 0) { |
|||
var list = res.data; |
|||
list.forEach(item => { |
|||
item.text = item.Name |
|||
item.value = item.Code |
|||
}) |
|||
this.customerList = list; |
|||
} |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource) |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessType.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessType.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.toLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
|
@ -1,451 +1,450 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<view class="uni-flex uni-row u-col-center" style="width: 100%;"> |
|||
<view class="" style=" text-align: center;font-size: 32rpx;font-weight: 700;margin-left: 10rpx;"> |
|||
客户 : |
|||
</view> |
|||
<uni-data-picker v-if="detailSource.length>0" style="padding: 20rpx; background-color:#fff;" |
|||
class='uni-data-picker' placeholder="请选择客户" popup-title="选择客户" :localdata="customerList" |
|||
v-model="customer"> |
|||
</uni-data-picker> |
|||
</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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicCustomerList |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
customerList: [], |
|||
customer: "", |
|||
fromType:"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
var typeCode = "Deliver" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
getBasicCustomerList().then(res => { |
|||
if (res.data.length > 0) { |
|||
var list = res.data; |
|||
list.forEach(item => { |
|||
item.text = item.name |
|||
item.value = item.code |
|||
}) |
|||
this.customerList = list; |
|||
} |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail =createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource); |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.customer == "") { |
|||
this.showMessage("请先选择客户") |
|||
return; |
|||
} |
|||
console.log("客户", this.customer) |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
receiptDock: this.jobContent.receiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<view class="uni-flex uni-row u-col-center" style="width: 100%;"> |
|||
<view class="" style=" text-align: center;font-size: 32rpx;font-weight: 700;margin-left: 10rpx;"> |
|||
客户 : |
|||
</view> |
|||
<uni-data-picker v-if="detailSource.length>0" style="padding: 20rpx; background-color:#fff;" |
|||
class='uni-data-picker' placeholder="请选择客户" popup-title="选择客户" :localdata="customerList" |
|||
v-model="customer"> |
|||
</uni-data-picker> |
|||
</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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getBasicCustomerList |
|||
} from '@/api/request2.js'; |
|||
import { |
|||
goHome, |
|||
updateTitle, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
customerList: [], |
|||
customer: "", |
|||
fromType:"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("制品发货申请")
}else {
updateTitle("制品发货记录")
} |
|||
var typeCode = "Deliver" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
getBasicCustomerList().then(res => { |
|||
if (res.data.length > 0) { |
|||
var list = res.data; |
|||
list.forEach(item => { |
|||
item.text = item.name |
|||
item.value = item.code |
|||
}) |
|||
this.customerList = list; |
|||
} |
|||
}).catch(error => { |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail =createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource); |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.customer == "") { |
|||
this.showMessage("请先选择客户") |
|||
return; |
|||
} |
|||
console.log("客户", this.customer) |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
receiptDock: this.jobContent.receiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
|
@ -1,178 +1,178 @@ |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="" v-if='detailSource.length==0'> |
|||
<com-blank-view @goScan='goScan()'></com-blank-view> |
|||
</view> |
|||
<view v-else class="page-wraper"> |
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class=""> |
|||
<view v-for="(toLocation, index) in detailSource"> |
|||
<com-issue-detail-card ref='comIssueDetailCard' :dataContent="toLocation" |
|||
@updateData='updateData'> |
|||
</com-issue-detail-card> |
|||
</view> |
|||
</scroll-view> |
|||
<button class="btn_add" @click="goScan()">+去添加</button> |
|||
</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> |
|||
<com-scan-issue-pack ref="comScanIssuePack" @closeScan='closeScanPopup' @updateData='updateData'> |
|||
</com-scan-issue-pack> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</view> |
|||
<com-issue-request-popup ref="comIssueRequestPopup" @confirm='requestConfirm'></com-issue-request-popup> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { |
|||
// getIssueJobDetail, |
|||
// } from '@/api/request.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
getRemoveOption, |
|||
getISODateTime |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import comIssueRequestPopup from '@/pages/issue/coms/comIssueRequestPopup.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import comIssueDetailCard from '@/pages/issue/coms/comIssueDetailCard.vue' |
|||
import comScanIssuePack from '@/pages/issue/coms/comScanIssuePack.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
|
|||
export default { |
|||
name: 'issueDetail', |
|||
components: { |
|||
comBlankView, |
|||
comIssueRequestPopup, |
|||
jobDetailPopup, |
|||
winScanButton, |
|||
comIssueDetailCard, |
|||
comScanIssuePack, |
|||
comMessage |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '1689889453461090304', |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
requestList: [] ,//需求信息 |
|||
fromType:"" |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.goScan() |
|||
}, |
|||
onLoad(option) { |
|||
debugger |
|||
this.fromType = option.fromType |
|||
}, |
|||
methods: { |
|||
goScan() { |
|||
this.$refs.comIssueRequestPopup.openRequestPopup(this.detailSource[0]); |
|||
}, |
|||
|
|||
//确定需求信息 |
|||
requestConfirm(action, item) { |
|||
//调用接口查询推荐信息 |
|||
this.getDetail(action, item); |
|||
}, |
|||
|
|||
getDetail(action, item) { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getIssueJobDetail(this.id).then(res => { |
|||
if (res.data[0].details.length > 0) { |
|||
that.detailList = res.data[0].details; |
|||
if (action == 'update') //更新需求信息,将原来的零件节点删除 |
|||
{ |
|||
let index = that.detailSource[0].Items.findIndex(r => r.itemCode == item.itemCode); |
|||
if (index >= 0) { |
|||
that.detailSource[0].Items.splice(index, 1); |
|||
} |
|||
} |
|||
that.detailSource = getDataSource(that.detailSource, that.detailList) |
|||
that.resizeCollapse(); |
|||
} |
|||
uni.hideLoading(); |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
|
|||
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 == '') && b.batch == |
|||
record.batch); |
|||
|
|||
let handleQty = 0; |
|||
batch.Records.forEach(res => { |
|||
handleQty += Number(res.qty) |
|||
}) |
|||
batch.handleQty = handleQty; |
|||
itemHandleQty += handleQty; |
|||
}) |
|||
} |
|||
// item.handleQty=itemHandleQty; |
|||
}, |
|||
|
|||
openScanDetailPopup() { |
|||
var datacontent = {} |
|||
//克隆对象,深度克隆,防止双向绑定同一个变量 |
|||
// Object.assign(datacontent, this.detailSource); |
|||
this.$refs.comScanIssuePack.openScanPopup(this.detailSource, this.jobContent); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.resizeCollapse(); |
|||
}, |
|||
|
|||
resizeCollapse() { |
|||
this.$nextTick(r => { |
|||
this.$refs.comIssueDetailCard.forEach(r => { |
|||
r.resizeCollapse(); |
|||
}) |
|||
}); |
|||
}, |
|||
submit(){ |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class="" v-if='detailSource.length==0'> |
|||
<com-blank-view @goScan='goScan()'></com-blank-view> |
|||
</view> |
|||
<view v-else class="page-wraper"> |
|||
<view class="page-main"> |
|||
<scroll-view scroll-y="true" class=""> |
|||
<view v-for="(toLocation, index) in detailSource"> |
|||
<com-issue-detail-card ref='comIssueDetailCard' :dataContent="toLocation" |
|||
@updateData='updateData'> |
|||
</com-issue-detail-card> |
|||
</view> |
|||
</scroll-view> |
|||
<button class="btn_add" @click="goScan()">+去添加</button> |
|||
</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> |
|||
<com-scan-issue-pack ref="comScanIssuePack" @closeScan='closeScanPopup' @updateData='updateData'> |
|||
</com-scan-issue-pack> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
</view> |
|||
</view> |
|||
<com-issue-request-popup ref="comIssueRequestPopup" @confirm='requestConfirm'></com-issue-request-popup> |
|||
</template> |
|||
|
|||
<script> |
|||
// import { |
|||
// getIssueJobDetail, |
|||
// } from '@/api/request.js'; |
|||
|
|||
import { |
|||
goHome, |
|||
getRemoveOption, |
|||
getISODateTime |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getDataSource |
|||
} from '@/pages/issue/js/issue.js'; |
|||
|
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import comIssueRequestPopup from '@/pages/issue/coms/comIssueRequestPopup.vue' |
|||
import jobDetailPopup from '@/mycomponents/job/jobDetailPopup.vue' |
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import comIssueDetailCard from '@/pages/issue/coms/comIssueDetailCard.vue' |
|||
import comScanIssuePack from '@/pages/issue/coms/comScanIssuePack.vue' |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
|
|||
export default { |
|||
name: 'issueDetail', |
|||
components: { |
|||
comBlankView, |
|||
comIssueRequestPopup, |
|||
jobDetailPopup, |
|||
winScanButton, |
|||
comIssueDetailCard, |
|||
comScanIssuePack, |
|||
comMessage |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '1689889453461090304', |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
detailOptions: [], |
|||
scanOptions: [], |
|||
requestList: [] ,//需求信息 |
|||
fromType:"" |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.goScan() |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("发料申请")
}else {
updateTitle("发料记录")
} |
|||
}, |
|||
methods: { |
|||
goScan() { |
|||
this.$refs.comIssueRequestPopup.openRequestPopup(this.detailSource[0]); |
|||
}, |
|||
|
|||
//确定需求信息 |
|||
requestConfirm(action, item) { |
|||
//调用接口查询推荐信息 |
|||
this.getDetail(action, item); |
|||
}, |
|||
|
|||
getDetail(action, item) { |
|||
var that = this; |
|||
uni.showLoading({ |
|||
title: "加载中....", |
|||
mask: true |
|||
}); |
|||
getIssueJobDetail(this.id).then(res => { |
|||
if (res.data[0].details.length > 0) { |
|||
that.detailList = res.data[0].details; |
|||
if (action == 'update') //更新需求信息,将原来的零件节点删除 |
|||
{ |
|||
let index = that.detailSource[0].Items.findIndex(r => r.itemCode == item.itemCode); |
|||
if (index >= 0) { |
|||
that.detailSource[0].Items.splice(index, 1); |
|||
} |
|||
} |
|||
that.detailSource = getDataSource(that.detailSource, that.detailList) |
|||
that.resizeCollapse(); |
|||
} |
|||
uni.hideLoading(); |
|||
}).catch(error => { |
|||
uni.hideLoading() |
|||
this.showErrorMessage(error) |
|||
}) |
|||
}, |
|||
|
|||
|
|||
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 == '') && b.batch == |
|||
record.batch); |
|||
|
|||
let handleQty = 0; |
|||
batch.Records.forEach(res => { |
|||
handleQty += Number(res.qty) |
|||
}) |
|||
batch.handleQty = handleQty; |
|||
itemHandleQty += handleQty; |
|||
}) |
|||
} |
|||
// item.handleQty=itemHandleQty; |
|||
}, |
|||
|
|||
openScanDetailPopup() { |
|||
var datacontent = {} |
|||
//克隆对象,深度克隆,防止双向绑定同一个变量 |
|||
// Object.assign(datacontent, this.detailSource); |
|||
this.$refs.comScanIssuePack.openScanPopup(this.detailSource, this.jobContent); |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.resizeCollapse(); |
|||
}, |
|||
|
|||
resizeCollapse() { |
|||
this.$nextTick(r => { |
|||
this.$refs.comIssueDetailCard.forEach(r => { |
|||
r.resizeCollapse(); |
|||
}) |
|||
}); |
|||
}, |
|||
submit(){ |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
</style> |
|||
|
@ -1,438 +1,437 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
} from '@/common/basic.js'; |
|||
import { |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailRemoveOption, |
|||
getDetailEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
fromType: "" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
var typeCode = "PurchasePutaway" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
for (let item of this.detailSource) { |
|||
item.qty = 0; |
|||
for (let detail of item.details) { |
|||
if (detail != undefined) { |
|||
item.qty += Number(detail.qty) |
|||
} |
|||
} |
|||
} |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
|
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
|
|||
}, |
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
updateTitle |
|||
} from '@/common/basic.js'; |
|||
import { |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/directory.js'; |
|||
|
|||
import { |
|||
getDetailOption, |
|||
getDetailRemoveOption, |
|||
getDetailEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
fromType: "" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("采购上架申请")
}else {
updateTitle("采购上架记录")
} |
|||
var typeCode = "PurchasePutaway" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
for (let item of this.detailSource) { |
|||
item.qty = 0; |
|||
for (let detail of item.details) { |
|||
if (detail != undefined) { |
|||
item.qty += Number(detail.qty) |
|||
} |
|||
} |
|||
} |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
|
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
|
|||
}, |
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
|
@ -1,435 +1,434 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/basic.js'; |
|||
import { |
|||
getDetailOption, |
|||
getDetailRemoveOption, |
|||
getDetailEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
fromType: "" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
var typeCode = "Repleinment" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
for (let item of this.detailSource) { |
|||
item.qty = 0; |
|||
for (let detail of item.details) { |
|||
if (detail != undefined) { |
|||
item.qty += Number(detail.qty) |
|||
} |
|||
} |
|||
} |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
|
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
|
|||
}, |
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='showFromLocationPopup' v-if="detailSource.length==0"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="detailSource.length>0"> |
|||
<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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
@removeItem="removeItem(index,item)" @updateData="updateData" @removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</view> |
|||
<u-line /> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
|
|||
<requiredLocation title="目标库位" :locationCode="toLocationCode" @getLocation='getToLocationCode' |
|||
:locationTypeList="tolocationTypeList"></requiredLocation> |
|||
|
|||
<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> |
|||
</view> |
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
updateTitle, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray |
|||
} from '@/common/basic.js'; |
|||
import { |
|||
getDetailOption, |
|||
getDetailRemoveOption, |
|||
getDetailEditRemoveOption |
|||
} from '@/common/array.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
toLocationInfo: {}, |
|||
toLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
fromType: "" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("补料申请")
}else {
updateTitle("补料记录")
} |
|||
var typeCode = "Repleinment" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
for (let item of this.detailSource) { |
|||
item.qty = 0; |
|||
for (let detail of item.details) { |
|||
if (detail != undefined) { |
|||
item.qty += Number(detail.qty) |
|||
} |
|||
} |
|||
} |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
|
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
|
|||
}, |
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
scanLocationCode(location, code) { |
|||
this.toLocationCode = code |
|||
this.toLocationCode = location; |
|||
|
|||
}, |
|||
|
|||
commit() { |
|||
if (this.toLocationCode == "") { |
|||
this.showMessage("请先选择目标库位") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
if(this.fromType=="requestType"){ |
|||
|
|||
}else { |
|||
|
|||
} |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
getToLocationCode(location, code) { |
|||
if (this.fromLocationCode == code) { |
|||
uni.showToast({ |
|||
title: "来源库位[" + this.fromLocationCode + "]不能与目标库位[" + code + "]一致", |
|||
duration: 2000 |
|||
}) |
|||
return |
|||
} |
|||
this.ToLocationCodeInfo = location; |
|||
this.toLocationCode = code; |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
|
@ -1,428 +1,427 @@ |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="fromLocationCode==''"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="fromLocationCode!=''"> |
|||
<view class="uni-flex uni-row u-col-center" style="width: 100%;" v-if="detailSource.length>0"> |
|||
<view class="" style=" text-align: center;font-size: 32rpx;font-weight: 700;margin-left: 20rpx;"> |
|||
报废原因 : |
|||
</view> |
|||
<uni-data-picker v-if="detailSource.length>0" style="padding: 20rpx; background-color:#fff;" |
|||
class='uni-data-picker' placeholder="请选择原因" popup-title="选择报废原因" :localdata="reasonList" |
|||
v-model="reason"> |
|||
</uni-data-picker> |
|||
</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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</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=""> |
|||
</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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray, |
|||
getScarpReasonList |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
old: { |
|||
scrollTop: 0 |
|||
}, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
reasonList: [], |
|||
reason: "", |
|||
fromType:"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
this.reasonList = getScarpReasonList(); |
|||
var typeCode = "Scrap" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
createItemInfo(balance, pack) { |
|||
let item = { |
|||
itemCode: balance.itemCode, |
|||
itemName: pack.itemName, |
|||
stdPackQty: pack.stdPackQty, |
|||
stdPackUnit: pack.stdPackUnit, |
|||
qty: Number(balance.qty), |
|||
handleQty: 0, |
|||
uom: pack.uom, |
|||
details: [] |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource) |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
|
|||
commit() { |
|||
if(this.reason==""){ |
|||
this.showMessage("请先选择报废原因") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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> |
|||
<!-- 收货任务详情 --> |
|||
<template> |
|||
<view class="page-wraper"> |
|||
<view class=""> |
|||
<com-blank-view @goScan='getLocation' v-if="fromLocationCode==''"></com-blank-view> |
|||
</view> |
|||
<view class="page-wraper" v-if="fromLocationCode!=''"> |
|||
<view class="uni-flex uni-row u-col-center" style="width: 100%;" v-if="detailSource.length>0"> |
|||
<view class="" style=" text-align: center;font-size: 32rpx;font-weight: 700;margin-left: 20rpx;"> |
|||
报废原因 : |
|||
</view> |
|||
<uni-data-picker v-if="detailSource.length>0" style="padding: 20rpx; background-color:#fff;" |
|||
class='uni-data-picker' placeholder="请选择原因" popup-title="选择报废原因" :localdata="reasonList" |
|||
v-model="reason"> |
|||
</uni-data-picker> |
|||
</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=""> |
|||
<record-com-detail-card :dataContent="item" :index="index" :settingParam="jobContent" |
|||
:isShowLocation="true" @removeItem="removeItem(index,item)" @updateData="updateData" |
|||
@removePack="removePack"> |
|||
</record-com-detail-card> |
|||
</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=""> |
|||
</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> |
|||
</view> |
|||
|
|||
<win-scan-pack-and-location ref="scanPopup" @getResult='getScanResult'></win-scan-pack-and-location> |
|||
<comMessage ref="comMessage"></comMessage> |
|||
<win-scan-location ref="scanLocationCode" title="来源库位" @getLocation='getLocation' |
|||
:locationTypeList="fromlocationTypeList"></win-scan-location> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
goHome, |
|||
updateTitle, |
|||
getInventoryStatusDesc, |
|||
getDirectoryItemArray, |
|||
getScarpReasonList |
|||
} from '@/common/basic.js'; |
|||
|
|||
import { |
|||
getBusinessType, |
|||
createItemInfo, |
|||
createDetailInfo, |
|||
calcHandleQty |
|||
} from '@/common/record.js'; |
|||
|
|||
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
|||
import winScanPack from '@/mycomponents/scan/winScanPack.vue' |
|||
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
|||
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
|||
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
|||
import comMessage from '@/mycomponents/common/comMessage.vue' |
|||
import winScanPackAndLocation from "@/mycomponents/scan/winScanPackAndLocation.vue" |
|||
import recordComDetailCard from '@/mycomponents/record/recordComDetailCard.vue' |
|||
|
|||
export default { |
|||
components: { |
|||
winScanButton, |
|||
winScanPack, |
|||
requiredLocation, |
|||
comBlankView, |
|||
winScanLocation, |
|||
comMessage, |
|||
winScanPackAndLocation, |
|||
recordComDetailCard |
|||
}, |
|||
data() { |
|||
return { |
|||
id: '', |
|||
receiptJob: {}, |
|||
received: false, |
|||
isShowPackingCode: true, |
|||
scanCount: 0, |
|||
jobContent: {}, //任务内容 |
|||
detailList: [], //接口返回的任务details |
|||
detailSource: [], //绑定在页面上的数据源 |
|||
scrollTop: 0, |
|||
locationTypeList: [], |
|||
toLocationInfo: {}, |
|||
businessTypeInfo: {}, |
|||
fromLocationInfo: {}, |
|||
fromLocationCode: "", |
|||
isShowLocation: false, |
|||
fromlocationTypeList: [], |
|||
tolocationTypeList: [], |
|||
allowModifyLocation: false, |
|||
inInventoryStatus: "", //目标入库库存状态 |
|||
outInventoryStatus: "", //来源出库库存状态 |
|||
businessType: {}, |
|||
reasonList: [], |
|||
reason: "", |
|||
fromType:"" |
|||
}; |
|||
}, |
|||
onLoad(option) { |
|||
this.fromType = option.fromType |
|||
if(this.fromType=="requestType"){
updateTitle("报废申请")
}else {
updateTitle("报废记录")
} |
|||
this.reasonList = getScarpReasonList(); |
|||
var typeCode = "Scrap" |
|||
getBusinessType(typeCode, res => { |
|||
if (res.success) { |
|||
this.businessType = res.businessType; |
|||
this.fromlocationTypeList = res.fromlocationTypeList; |
|||
this.tolocationTypeList = res.tolocationTypeList; |
|||
this.showFromLocationPopup(); |
|||
} else { |
|||
this.$refs.comMessage.showBreakMessage(res.message ); |
|||
} |
|||
}); |
|||
|
|||
}, |
|||
//返回首页 |
|||
onNavigationBarButtonTap(e) { |
|||
if (e.index === 0) { |
|||
goHome(); |
|||
} |
|||
}, |
|||
//拦截返回按钮事件 |
|||
onBackPress(e) {}, |
|||
|
|||
onPullDownRefresh() {}, |
|||
|
|||
mounted() { |
|||
|
|||
}, |
|||
methods: { |
|||
getScanResult(result) { |
|||
let balance = result.balance; |
|||
let label = result.label; |
|||
let pack = result.package; |
|||
var item = this.detailSource.find(res => { |
|||
if (res.itemCode == balance.itemCode) { |
|||
return res |
|||
} |
|||
}) |
|||
if (item == undefined) { |
|||
var itemp = createItemInfo(balance, pack); |
|||
let newDetail = createDetailInfo(balance, pack); // |
|||
itemp.details.push(newDetail); |
|||
this.detailSource.push(itemp) |
|||
} else { |
|||
var detail = item.details.find(r => { |
|||
if (r.packingNumber == balance.packingNumber && |
|||
r.batch == balance.batch && |
|||
r.locationCode == balance.locationCode && |
|||
r.inventoryStatus == balance.inventoryStatus) { |
|||
return r; |
|||
} |
|||
}) |
|||
if (detail == undefined) { |
|||
let newDetail = createDetailInfo(balance, pack); |
|||
item.details.push(newDetail); |
|||
} else { |
|||
if (detail.scaned == true) { |
|||
this.showErrorMessage("箱码[" + balance.packingNumber + "批次[" + balance.batch + "]已经在列表中") |
|||
} |
|||
} |
|||
} |
|||
this.calcHandleQty(); |
|||
|
|||
}, |
|||
|
|||
createItemInfo(balance, pack) { |
|||
let item = { |
|||
itemCode: balance.itemCode, |
|||
itemName: pack.itemName, |
|||
stdPackQty: pack.stdPackQty, |
|||
stdPackUnit: pack.stdPackUnit, |
|||
qty: Number(balance.qty), |
|||
handleQty: 0, |
|||
uom: pack.uom, |
|||
details: [] |
|||
} |
|||
return item; |
|||
}, |
|||
|
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
calcHandleQty() { |
|||
calcHandleQty(this.detailSource) |
|||
this.$forceUpdate(); |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
}, |
|||
removeItem(index, item) { |
|||
this.detailSource.splice(index, 1) |
|||
}, |
|||
removePack() { |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
var item = this.detailSource[i]; |
|||
if (item.details.length == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
this.updateData(); |
|||
}, |
|||
|
|||
openScanPopup() { |
|||
|
|||
if (this.fromLocationCode == "") { |
|||
this.showFromLocationPopup(); |
|||
return |
|||
} |
|||
this.$refs.scanPopup.openScanPopupForType(this.fromLocationCode, this.businessType); |
|||
}, |
|||
showFromLocationPopup() { |
|||
this.$nextTick(() => { |
|||
this.$refs.scanLocationCode.openScanPopup(); |
|||
}) |
|||
}, |
|||
|
|||
closeScanPopup() { |
|||
this.$refs.scanPopup.closeScanPopup(); |
|||
}, |
|||
|
|||
scanPopupGetFocus() { |
|||
this.$refs.scanPopup.getfocus(); |
|||
}, |
|||
|
|||
|
|||
commit() { |
|||
if(this.reason==""){ |
|||
this.showMessage("请先选择报废原因") |
|||
return; |
|||
} |
|||
//允许部分提交 |
|||
uni.showLoading({ |
|||
title: "提交中....", |
|||
mask: true |
|||
}); |
|||
|
|||
var params = this.setParams(); |
|||
console.log("提交" + JSON.stringify(params)) |
|||
// (this.id, params).then(res => { |
|||
// uni.hideLoading() |
|||
// if (res.data) { |
|||
// var hint = res.data.Number; |
|||
// this.showCommitSuccessMessage("提交成功" + hint, ) |
|||
|
|||
// } else { |
|||
// this.showErrorMessage("提交失败") |
|||
// } |
|||
// }).catch(error => { |
|||
// uni.hideLoading() |
|||
// this.showErrorMessage(error) |
|||
// }) |
|||
|
|||
}, |
|||
|
|||
setParams() { |
|||
var params = { |
|||
requestNumber: this.jobContent.requestNumber, |
|||
jobNumber: "", |
|||
asnNumber: this.jobContent.asnNumber, |
|||
ppNumber: this.jobContent.ppNumber, |
|||
supplierCode: this.jobContent.supplierCode, |
|||
ReceiptDock: this.jobContent.ReceiptDock, |
|||
carrierCode: this.jobContent.carrierCode, |
|||
transferMode: this.jobContent.transferMode, |
|||
vehiclePlateNumber: this.jobContent.vehiclePlateNumber, |
|||
fromWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
toWarehouseCode: this.toLocationInfo.WarehouseCode, |
|||
OutTransaction: this.businessTypeInfo.OutTransactionType, //出库事务类型 |
|||
InTransaction: this.businessTypeInfo.InTransactionType, //入库事务类型 |
|||
executeTime: "2023-08-4 16:30:11", //执行时间 |
|||
activeDate: "2023-08-4 16:30:11", //生效时间 |
|||
available: "1", //是否可用 0不可用,1可用 |
|||
requestTime: this.jobContent.requestTime, |
|||
dueTime: "2023-08-4 16:30:11", //截止时间 |
|||
departmentCode: this.jobContent.departmentCode, |
|||
UserPositionCode: "", //岗位 |
|||
interfaceType: "jklxPURCHASE_RECEIPT", //接口类型 |
|||
Number: this.jobContent.Number, |
|||
businessType: this.jobContent.businessType, |
|||
remark: this.jobContent.remark, |
|||
creationTime: this.jobContent.creationTime, |
|||
Creatorld: this.jobContent.Creatorld, |
|||
creatorName: this.jobContent.creatorName, |
|||
extraProperties: this.jobContent.extraProperties, |
|||
Siteld: this.jobContent.Siteld, |
|||
Code: "", |
|||
details: [ |
|||
|
|||
], |
|||
} |
|||
|
|||
this.detailSource.forEach(res => { |
|||
res.details.forEach(res1 => { |
|||
if (res1.scaned) { |
|||
res1.record.FromLocationGroupCode = ""; |
|||
res1.record.FromAreaCode = ""; |
|||
res1.record.ToLocationGroupCode = this.toLocationInfo.LocationGroupCode; |
|||
res1.record.ToAreaCode = this.toLocationInfo.AreaCode; |
|||
res1.record.VisualInspectResult = ""; //目检结果 |
|||
res1.record.VisualInspectPhotos = ""; //目检照片 |
|||
res1.record.FailedReason = ""; //不合格原因 |
|||
res1.record.MassDefect = ""; //质量缺陷 |
|||
res1.record.SinglePrice = ""; //单价 |
|||
res1.record.Amount = ""; //金额 |
|||
res1.record.Code = ""; |
|||
res1.record.JobDetailID = res1.record.id; |
|||
res1.record.interfaceType = "jklxPURCHASE_RECEIPT"; |
|||
params.details.push(res1.record) |
|||
} |
|||
}) |
|||
}) |
|||
|
|||
return params; |
|||
}, |
|||
|
|||
showMessage(message) { |
|||
this.$refs.comMessage.showMessage(message, res => { |
|||
if (res) {} |
|||
}); |
|||
}, |
|||
showErrorMessage(message) { |
|||
this.$refs.comMessage.showErrorMessage(message, res => { |
|||
if (res) { |
|||
|
|||
} |
|||
}); |
|||
}, |
|||
|
|||
showScanMessage(message) { |
|||
this.$refs.comMessage.showScanMessage(message); |
|||
}, |
|||
|
|||
afterCloseMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
|
|||
closeScanMessage() { |
|||
this.scanPopupGetFocus(); |
|||
}, |
|||
getLocation(location, code) { |
|||
this.getFromLocationCode(location, code) |
|||
}, |
|||
getFromLocationCode(location, code) { |
|||
this.fromLocationInfo = location; |
|||
this.fromLocationCode = code; |
|||
this.openScanPopup(); |
|||
}, |
|||
|
|||
showCommitSuccessMessage(hint) { |
|||
this.$refs.comMessage.showSuccessMessage(hint, res => { |
|||
this.fromLocationCode = ''; |
|||
|
|||
}) |
|||
}, |
|||
|
|||
updateData() { |
|||
this.calcHandleQty(); |
|||
for (var i = 0; i < this.detailSource.length; i++) { |
|||
let item = this.detailSource[i]; |
|||
if (item.qty == 0) { |
|||
this.detailSource.splice(i, 1) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</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