3 changed files with 361 additions and 142 deletions
@ -0,0 +1,315 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<uni-popup ref="popup" :mask-click="false"> |
||||
|
<view class="popup_box"> |
||||
|
<view class="pop_title uni-flex space-between"> |
||||
|
<view class="" style="font-size: 35rpx;"> |
||||
|
扫描{{title}} |
||||
|
</view> |
||||
|
|
||||
|
<view class=""> |
||||
|
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg" |
||||
|
@click="closeScanPopup()"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="uni-flex uni-row" style="align-items: center; |
||||
|
background-color: #fff; |
||||
|
margin-left: 20rpx; |
||||
|
margin-right: 20rpx; |
||||
|
border-radius: 8rpx; |
||||
|
height: 30px;"> |
||||
|
<view class="uni-center" style="width: 25%; font-size: 35rpx;"> |
||||
|
来源库位 |
||||
|
</view> |
||||
|
<!-- style="width: 75%;padding: 8rpx" --> |
||||
|
<view class=""> |
||||
|
<!-- <input v-model="fromLocationCode" placeholder="请扫描来源库位" :focus="locationOnFocus" |
||||
|
placeholder-style="font-size:12px" style="padding: 5px;" @confirm="scanLocation" /> --> |
||||
|
|
||||
|
<view v-if='allowModifyLocation'> |
||||
|
<uni-combox :candidates="fromLocationList" v-model="fromLocationCode" placeholder="请扫描来源库位" |
||||
|
@confirm="handleConfirm" style='height: 30rpx;border:1px solid #fff ;'></uni-combox> |
||||
|
</view> |
||||
|
<view v-else> |
||||
|
<text style="padding: 5px;font-size: 40rpx;"> |
||||
|
{{fromLocationCode}} |
||||
|
</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<view class=""> |
||||
|
<win-com-scan ref="comscan" :placeholder="title" @getResult="getScanResult" |
||||
|
:isShowHistory="isShowHistory" :clearResult="true" :headerType="headerType"></win-com-scan> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</uni-popup> |
||||
|
<balance-select ref="balanceSelect" @onSelectItem='selectBalanceItem'></balance-select> |
||||
|
<!-- 模拟扫描功能 --> |
||||
|
|
||||
|
</view> |
||||
|
<comMessage ref="comMessage"></comMessage> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import winComScan from '@/mycomponents/scan/winComScan.vue' |
||||
|
import balanceSelect from '@/mycomponents/balance/balanceSelect.vue' |
||||
|
import { |
||||
|
getBalanceByManagementPrecisionByPacking, |
||||
|
} from '@/common/balance.js'; |
||||
|
|
||||
|
import { |
||||
|
getBalanceByParams, |
||||
|
getBasicItemByCode |
||||
|
} from '@/api/request2.js'; |
||||
|
|
||||
|
import { |
||||
|
getListLocationAreaTypeDesc, |
||||
|
checkDirectoryItemExist, |
||||
|
getDirectoryItemArray, |
||||
|
getLocationAreaTypeName, |
||||
|
getInventoryStatusDesc, |
||||
|
getListItemTypeDesc, |
||||
|
getItemTypeInfo |
||||
|
} from '@/common/directory.js'; |
||||
|
export default { |
||||
|
name: 'winScanPack', |
||||
|
emits: ["getBalance","onCloseScanPopup"], |
||||
|
components: { |
||||
|
winComScan, |
||||
|
balanceSelect |
||||
|
}, |
||||
|
props: { |
||||
|
title: { |
||||
|
type: String, |
||||
|
default: '箱标签' |
||||
|
}, |
||||
|
isShowHistory: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
headerType: { |
||||
|
type: String, |
||||
|
default: "HPQ,HMQ" |
||||
|
}, |
||||
|
balanceFromInventoryStatuses: { //是否传fromInventoryStatuses |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
bussinessCode:{ |
||||
|
type: String, |
||||
|
default: '' |
||||
|
}, |
||||
|
//是否允许修改库位 |
||||
|
allowModifyLocation: { |
||||
|
type: Boolean, |
||||
|
default: true |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
scanResult: {}, |
||||
|
show: false, |
||||
|
scanList: [], |
||||
|
expand: false, |
||||
|
showScanResult: {}, |
||||
|
expendIcon: 'arrow-down', |
||||
|
fromLocationCode: '', |
||||
|
fromLocation: '', |
||||
|
fromLocationList: [], |
||||
|
fromLocationAreaTypeList: [], |
||||
|
locationOnFocus: false, |
||||
|
businessType: {}, |
||||
|
inventoryStatus: [], |
||||
|
managementPrecision: '', |
||||
|
fromInventoryStatuses: [], |
||||
|
itemTypesList: [], |
||||
|
isCheck: false, |
||||
|
resultData: {} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
openScanPopup(businessType) { |
||||
|
this.businessType = businessType |
||||
|
this.fromInventoryStatuses = getDirectoryItemArray(businessType.outInventoryStatuses) |
||||
|
this.fromLocationAreaTypeList = getDirectoryItemArray(businessType.outAreaTypes) |
||||
|
this.itemTypesList = getDirectoryItemArray(businessType.itemTypes) |
||||
|
this.$refs.popup.open('bottom') |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
openScanPopupForJob(fromLocationCode, fromLocationList, jobContent){ |
||||
|
this.fromLocationCode = fromLocationCode; |
||||
|
this.fromLocationList = fromLocationList; |
||||
|
if (fromLocationCode != '') { |
||||
|
this.packGetFocus(); |
||||
|
} else { |
||||
|
if (this.fromLocationList.length == 0) { |
||||
|
this.locationGetFocus(); |
||||
|
} else { |
||||
|
this.fromLocationCode = this.fromLocationList[0]; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
setTimeout(res => { |
||||
|
this.$refs.popup.open('bottom') |
||||
|
}, 500) |
||||
|
this.fromInventoryStatuses = getDirectoryItemArray(jobContent.outInventoryStatuses) |
||||
|
this.inventoryStatus = getDirectoryItemArray(jobContent.outInventoryStatuses); //出库库存状态; //出库库存状态 |
||||
|
this.fromLocationAreaTypeList = getDirectoryItemArray(jobContent.fromAreaTypes); //出库库存状态 |
||||
|
}, |
||||
|
|
||||
|
handleConfirm() { |
||||
|
this.$emit('confirm', this.fromLocationCode) |
||||
|
}, |
||||
|
|
||||
|
getScanResult(result) { |
||||
|
|
||||
|
if (this.fromLocationCode == '') { |
||||
|
this.showErrorMessage('请选择来源库位', res => { |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.resultData = result; |
||||
|
if(!result.package){ |
||||
|
this.showErrorMessage(result.label.code+"包装信息为空") |
||||
|
return; |
||||
|
} |
||||
|
//查询物料信息，然后查询库存 |
||||
|
this.getItemCodeType(result.package.itemCode,callBack=>{ |
||||
|
this.queryBalance(this.resultData) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
queryBalance(result) { |
||||
|
var params = { |
||||
|
locationCode:this.fromLocationCode, |
||||
|
itemCode: result.package.itemCode, |
||||
|
batch: result.label.batch, |
||||
|
packingNumber: result.label.packingNumber, |
||||
|
parentPackingNumber:result.package.parentNumber, |
||||
|
inventoryStatus: this.fromInventoryStatuses, |
||||
|
areaType: this.fromLocationAreaTypeList, |
||||
|
bussinessCode:this.bussinessCode |
||||
|
} |
||||
|
getBalanceByParams(params).then(res => { |
||||
|
uni.hideLoading() |
||||
|
if (res.data.length == 0) { |
||||
|
var status = getInventoryStatusDesc(params.inventoryStatus) |
||||
|
var areaType = getListLocationAreaTypeDesc(params.areaType) |
||||
|
var hint = |
||||
|
"按物料号 [" + params.itemCode + "] <br>" + |
||||
|
"包装号 [" + params.packingNumber + "] <br>" + |
||||
|
"批次 [" + params.batch + "] <br>" + |
||||
|
"状态 [" + status + "] <br>" + |
||||
|
"库区 [" + areaType + "] <br>" + |
||||
|
"未查找到库存余额" |
||||
|
this.showErrorMessage(hint) |
||||
|
} else if (res.data.length == 1) { |
||||
|
|
||||
|
result.balance = res.data[0] |
||||
|
if(result.label.packingNumber!=result.balance.packingNumber){ |
||||
|
result.balance.lableQty=result.label.qty |
||||
|
} |
||||
|
this.$emit("getBalance", result) |
||||
|
// this.closeScanPopup() |
||||
|
} else { |
||||
|
//多条记录 |
||||
|
this.$refs.balanceSelect.openPopup(res.data); |
||||
|
} |
||||
|
|
||||
|
}).catch(error => { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
}, |
||||
|
getItemCodeType(itemCode,callBack) { |
||||
|
uni.showLoading({ |
||||
|
title: "加载中", |
||||
|
mask: true |
||||
|
}) |
||||
|
getBasicItemByCode(itemCode).then(res => { |
||||
|
if (res.data != null && res.data.list.length > 0) { |
||||
|
var result = res.data.list[0]; |
||||
|
var status = result.status; |
||||
|
var type = result.type; |
||||
|
if (status == "ENABLE") { |
||||
|
if (checkDirectoryItemExist(this.itemTypesList, type)) { |
||||
|
callBack() |
||||
|
} else { |
||||
|
var hint = getListItemTypeDesc(this.itemTypesList); |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage("扫描物料[" + itemCode + "]是[" + |
||||
|
getItemTypeInfo(type).label + "],需要的物料类型是[" + hint + "]") |
||||
|
} |
||||
|
} else { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage('物料【' + itemCode + '】不可用'); |
||||
|
} |
||||
|
} else { |
||||
|
uni.hideLoading() |
||||
|
this.showErrorMessage('未查找到物料【' + itemCode + '】'); |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
uni.hideLoading(); |
||||
|
this.showErrorMessage(error) |
||||
|
}) |
||||
|
}, |
||||
|
showErrorMessage(message) { |
||||
|
this.$refs.comMessage.showErrorMessage(message, res => { |
||||
|
if (res) { |
||||
|
if(this.$refs.comscan){ |
||||
|
this.$refs.comscan.getfocus() |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
selectBalanceItem(item) { |
||||
|
this.resultData.balance = item |
||||
|
this.$emit("getBalance", this.resultData) |
||||
|
// this.closeScanPopup() |
||||
|
}, |
||||
|
closeScanPopup() { |
||||
|
this.$refs.popup.close() |
||||
|
this.$emit("onCloseScanPopup") |
||||
|
}, |
||||
|
getfocus(){ |
||||
|
if(this.$refs.comscan){ |
||||
|
this.$refs.comscan.getfocus() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
packGetFocus() { |
||||
|
if (this.$refs.comscan) { |
||||
|
this.$refs.comscan.getfocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
packLoseFocus() { |
||||
|
if (this.$refs.comscan) { |
||||
|
this.$refs.comscan.losefocus(); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.scroll-view { |
||||
|
overflow-y: scroll; |
||||
|
height: auto; |
||||
|
max-height: 300rpx; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue