6 changed files with 440 additions and 207 deletions
@ -1,8 +1,297 @@ |
|||||
<template> |
<template> |
||||
|
<view class="page-wraper"> |
||||
|
<view class=""> |
||||
|
<com-blank-view @goScan='openScanPopup' v-if="detailSource.length==0"></com-blank-view> |
||||
|
</view> |
||||
|
<view class="page-wraper" v-if="detailSource.length>0"> |
||||
|
<u-line /> |
||||
|
<view class="page-main"> |
||||
|
<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> |
||||
|
|
||||
|
<scroll-view scroll-y="true" class="page-main-scroll"> |
||||
|
<view class="detail-list" v-for="(item, index) in detailSource" :key="item.id"> |
||||
|
<view class=""> |
||||
|
<com-receipt-record :dataContent="item" @removeItem="removeItem(index,item)" |
||||
|
@updateData="updateData" :isShowLocation="false" @removePack="removePack"> |
||||
|
</com-receipt-record> |
||||
|
</view> |
||||
|
<u-line /> |
||||
|
</view> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
<requiredLocation v-if="showToLoaction" 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 ref="scanPopup" @getResult='getScanResult' :title="'箱码'"></win-scan-pack> |
||||
|
<com-message ref="comMessage"></com-message> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import comEmptyView from '@/mycomponents/common/comEmptyView.vue' |
||||
|
import winScanButton from '@/mycomponents/scan/winScanButton.vue' |
||||
|
import requiredLocation from '@/mycomponents/location/requiredLocation.vue' |
||||
|
import comReceiptRecord from '@/pages/unPlanned/coms/comReceiptRecord.vue' |
||||
|
import comBlankView from '@/mycomponents/common/comBlankView.vue' |
||||
|
import winScanLocation from "@/mycomponents/scan/winScanLocation.vue" |
||||
|
import winScanPack from "@/mycomponents/scan/winScanPack.vue" |
||||
|
import comMessage from '@/mycomponents/common/comMessage.vue' |
||||
|
|
||||
|
import { |
||||
|
unPlannedReceiptRequestbSubmit, |
||||
|
unPlannedReceiptRecordbSubmit |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
getDirectoryItemArray, |
||||
|
getUnPlannedReceiptReasonList |
||||
|
} from '@/common/directory.js'; |
||||
|
|
||||
|
import { |
||||
|
getBusinessType, |
||||
|
} from '@/common/record.js'; |
||||
|
import { |
||||
|
goHome, |
||||
|
updateTitle, |
||||
|
getPackingNumberAndBatch, |
||||
|
navigateBack |
||||
|
} from '@/common/basic.js'; |
||||
|
|
||||
|
import { |
||||
|
getManagementPrecisions |
||||
|
} from '@/common/balance.js'; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
comEmptyView, |
||||
|
winScanButton, |
||||
|
requiredLocation, |
||||
|
comReceiptRecord, |
||||
|
comBlankView, |
||||
|
winScanLocation, |
||||
|
winScanPack, |
||||
|
comMessage |
||||
|
}, |
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
toLocationCode: "", |
||||
|
toLocationInfo: {}, |
||||
|
toInventoryStatus: [], |
||||
|
businessType: {}, //业务类型 |
||||
|
detailSource: [], //绑定在页面上的数据源 |
||||
|
businessTypeCode: "UnplannedReceipt", |
||||
|
reason: "", |
||||
|
reasonList: [], |
||||
|
showToLoaction:true, |
||||
|
dataContent:{} |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.reasonList = getUnPlannedReceiptReasonList(); |
||||
|
getBusinessType(this.businessTypeCode, res => { |
||||
|
if (res.success) { |
||||
|
this.businessType = res.businessType; |
||||
|
this.fromlocationTypeList = res.fromlocationTypeList; |
||||
|
this.tolocationTypeList = res.tolocationTypeList; |
||||
|
this.openScanPopup(); |
||||
|
} else { |
||||
|
this.$refs.comMessage.showBreakMessage(res.message); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
onLoad(option) { |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
openScanPopup() { |
||||
|
this.$refs.scanPopup.openScanPopup(); |
||||
|
}, |
||||
|
getToLocationCode(location, code) { |
||||
|
this.toLocationCodeInfo = location; |
||||
|
this.toLocationCode = code; |
||||
|
}, |
||||
|
getScanResult(result) { |
||||
|
let label = result.label; |
||||
|
let pack = result.package; |
||||
|
var item = this.detailSource.find(res => { |
||||
|
if (res.itemCode == label.itemCode) { |
||||
|
return res |
||||
|
} |
||||
|
}) |
||||
|
if (item == undefined) { |
||||
|
var itemp = this.createItemInfo(label, pack); |
||||
|
let newDetail = this.createDetailInfo(label, pack); |
||||
|
itemp.subList.push(newDetail); |
||||
|
this.detailSource.push(itemp) |
||||
|
} else { |
||||
|
var detail = item.subList.find(r => { |
||||
|
if (r.packingNumber == result.number && |
||||
|
r.batch == result.batch) { |
||||
|
return r; |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
if (detail == undefined) { |
||||
|
let newDetail = this.createDetailInfo(label, pack); |
||||
|
item.subList.push(newDetail); |
||||
|
} else { |
||||
|
if (detail.scaned) { |
||||
|
this.showErrorMessage("箱码[" + result.Number + "]批次[" + result.batch + "]已经扫描") |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
this.calcHandleQty(); |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
createItemInfo(label, pack) { |
||||
|
let item = { |
||||
|
itemCode: pack.itemCode, |
||||
|
itemName: pack.itemName, |
||||
|
stdPackQty: pack.stdPackQty, |
||||
|
stdPackUnit: pack.stdPackUnit, |
||||
|
qty: label.qty, |
||||
|
handleQty: 0, |
||||
|
uom: label.uom, |
||||
|
subList: [] |
||||
|
} |
||||
|
return item; |
||||
|
}, |
||||
|
|
||||
|
createDetailInfo(label, pack) { |
||||
|
let detail = {}; |
||||
|
detail.scaned = true; |
||||
|
// Object.assign(detail, label) |
||||
|
detail.qty = Number(label.qty) |
||||
|
detail.inventoryStatus = "OK" |
||||
|
detail.stdPackQty = pack.stdPackQty; |
||||
|
detail.stdPackUnit = pack.stdPackUnit; |
||||
|
label.inventoryStatus = "OK"; |
||||
|
detail.package = pack; |
||||
|
detail.label = label; |
||||
|
return detail; |
||||
|
}, |
||||
|
|
||||
|
calcHandleQty() { |
||||
|
for (let item of this.detailSource) { |
||||
|
item.qty = 0; |
||||
|
for (let detail of item.subList) { |
||||
|
if (detail != undefined) { |
||||
|
item.qty += Number(detail.qty) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
this.$forceUpdate(); |
||||
|
}, |
||||
|
|
||||
|
showErrorMessage(message) { |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
|
if (res) { |
||||
|
|
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
updateData() { |
||||
|
this.calcHandleQty(); |
||||
|
}, |
||||
|
removePack() { |
||||
|
for (var i = 0; i < this.detailSource.length; i++) { |
||||
|
var item = this.detailSource[i]; |
||||
|
if (item.subList.length == 0) { |
||||
|
this.detailSource.splice(i, 1) |
||||
|
} |
||||
|
} |
||||
|
this.updateData(); |
||||
|
}, |
||||
|
|
||||
|
removeItem(index, item) { |
||||
|
this.detailSource.splice(index, 1) |
||||
|
}, |
||||
|
commit() { |
||||
|
if (this.showToLoaction &&this.toLocationCode == "") { |
||||
|
this.showErrorMessage("请先选择目标库位") |
||||
|
return; |
||||
|
} |
||||
|
if (this.reason == '') { |
||||
|
this.showErrorMessage("请选择入库原因") |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var params = this.setRequestParams() |
||||
|
console.log("提交" + JSON.stringify(params)) |
||||
|
// unPlannedReceiptRequestbSubmit(params).then(res => { |
||||
|
// uni.hideLoading() |
||||
|
// if (res.data) { |
||||
|
// this.showCommitSuccessMessage("提交成功<br>生成计划外入库申请" + res.data, ) |
||||
|
// } else { |
||||
|
// this.showErrorMessage("提交失败[" + res.msg + "]") |
||||
|
// } |
||||
|
// }).catch(error => { |
||||
|
// uni.hideLoading() |
||||
|
// this.showErrorMessage(error) |
||||
|
// }) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
setRequestParams(){ |
||||
|
var subList = [] |
||||
|
var supplierCode="" |
||||
|
this.detailSource.forEach(item => { |
||||
|
item.subList.forEach(detail => { |
||||
|
if (detail.scaned) { |
||||
|
if(supplierCode==""){ |
||||
|
supplierCode = detail.package.supplierCode |
||||
|
} |
||||
|
subList.push(detail) |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
this.dataContent.subList = subList |
||||
|
this.dataContent.supplierCode = supplierCode |
||||
|
this.dataContent.businessType = "PurchasePutaway" |
||||
|
this.dataContent.departmentCode= "研发部门"; |
||||
|
this.dataContent.status= 1 ; |
||||
|
this.dataContent.autoCommit = "FALSE"; |
||||
|
this.dataContent.autoAgree = "FALSE"; |
||||
|
this.dataContent.autoExecute = "FALSE"; |
||||
|
this.dataContent.directCreateRecord = "FALSE"; |
||||
|
return this.dataContent; |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style> |
||||
</style> |
.page-main { |
||||
|
flex: 1; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.page-main-scroll { |
||||
|
position: relative; |
||||
|
margin-top: 2px; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
Loading…
Reference in new issue