6 changed files with 440 additions and 207 deletions
@ -1,8 +1,297 @@ |
|||
<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> |
|||
|
|||
<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> |
|||
|
|||
<style> |
|||
</style> |
|||
.page-main { |
|||
flex: 1; |
|||
position: relative; |
|||
} |
|||
|
|||
.page-main-scroll { |
|||
position: relative; |
|||
margin-top: 2px; |
|||
} |
|||
</style> |
|||
|
|||
Loading…
Reference in new issue