You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
305 lines
8.0 KiB
305 lines
8.0 KiB
<template>
|
|
<view>
|
|
<uni-popup ref="popup" @change="change" :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%; ">
|
|
来源库位
|
|
</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="请扫描来源库位"
|
|
style='height: 30rpx;border:1px solid #fff ;'></uni-combox>
|
|
</view>
|
|
<view v-else>
|
|
<text style="padding: 5px">
|
|
{{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 {
|
|
getBalanceByManagementPrecision,
|
|
} from '@/common/balance.js';
|
|
|
|
import {
|
|
getBasicLocationByCode,
|
|
} from '@/api/request2.js';
|
|
|
|
import {
|
|
getListLocationTypeDesc,
|
|
checkDirectoryItemExist,
|
|
getDirectoryItemArray,
|
|
getLocationTypeName,
|
|
getInventoryStatusDesc
|
|
} from '@/common/directory.js';
|
|
export default {
|
|
name: 'winScanPack',
|
|
emits: ["getResult", "close", "getCountScanResult"],
|
|
components: {
|
|
winComScan,
|
|
balanceSelect
|
|
},
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: '箱标签'
|
|
},
|
|
isShowHistory: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
allowNullBalance: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
//不提示库存
|
|
noShowBalanceMessage: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
//是否允许修改库位
|
|
allowModifyLocation: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
headerType: {
|
|
type: String,
|
|
default: "HPQ,HMQ"
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
scanResult: {},
|
|
show: false,
|
|
scanList: [],
|
|
expand: false,
|
|
showScanResult: {},
|
|
expendIcon: 'arrow-down',
|
|
fromLocationCode: '',
|
|
fromLocation: '',
|
|
fromLocationList: [],
|
|
fromLocationTypeArray: [],
|
|
locationOnFocus: false,
|
|
businessType: {},
|
|
inventoryStatus: [],
|
|
managementPrecision: '',
|
|
fromInventoryStatuses: "",
|
|
isCheck: false
|
|
}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
methods: {
|
|
//直接扫描
|
|
openScanPopupForType(fromLocationCode, businessType) {
|
|
this.businessType = businessType;
|
|
this.fromLocationCode = fromLocationCode;
|
|
if (fromLocationCode != '') {
|
|
this.packGetFocus();
|
|
} else {
|
|
this.locationGetFocus();
|
|
}
|
|
this.fromInventoryStatuses = getDirectoryItemArray(this.businessType.outInventoryStatuses)
|
|
this.inventoryStatus = getDirectoryItemArray(this.businessType.outInventoryStatuses); //出库库存状态
|
|
this.fromLocationTypeArray = getDirectoryItemArray(this.businessType.outLocationTypes); //出库库存状态
|
|
setTimeout(res => {
|
|
this.$refs.popup.open('bottom')
|
|
}, 500)
|
|
},
|
|
|
|
//在任务中扫描
|
|
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.fromLocationTypeArray = getDirectoryItemArray(jobContent.fromLocationTypes); //出库库存状态
|
|
},
|
|
|
|
closeScanPopup(content) {
|
|
this.$refs.popup.close();
|
|
this.$emit("close", '');
|
|
},
|
|
|
|
|
|
getScanResult(scanResult) {
|
|
this.scanResult = scanResult;
|
|
var isCheck = false;
|
|
if (this.fromLocationCode == '') {
|
|
this.showErrorMessage('来源库位不能为空', callback => {
|
|
this.locationGetFocus();
|
|
})
|
|
return;
|
|
}
|
|
|
|
if (this.fromLocationList.length > 0) {
|
|
if (!this.isInLocationList(this.fromLocationCode)) {
|
|
this.showErrorMessage("扫描库位【" + this.fromLocationCode + '】不在任务来源库位中', callback => {
|
|
this.locationGetFocus();
|
|
})
|
|
return;
|
|
}
|
|
}
|
|
|
|
uni.showLoading({
|
|
title: '扫描中...',
|
|
mask: true
|
|
});
|
|
|
|
getBasicLocationByCode(this.fromLocationCode).then(res => {
|
|
if (res.data.total > 0) {
|
|
let result = res.data.list[0];
|
|
var type = result.type;
|
|
var available = result.available;
|
|
if (available == "TRUE") {
|
|
if (checkDirectoryItemExist(this.fromLocationTypeArray, type)) {
|
|
this.location = result;
|
|
this.packCallBack();
|
|
} else {
|
|
uni.hideLoading();
|
|
var hint = getListLocationTypeDesc(this.fromLocationTypeArray);
|
|
this.showErrorMessage("库位[" + this.fromLocationCode + "]是" +
|
|
getLocationTypeName(type) + ",<br>需要的库位类型是[" + hint + "]", callback => {
|
|
this.locationGetFocus();
|
|
})
|
|
}
|
|
} else {
|
|
this.showErrorMessage("扫描库位[" + this.fromLocationCode + "]不可用", res => {
|
|
this.locationGetFocus();
|
|
})
|
|
}
|
|
uni.hideLoading();
|
|
} else {
|
|
uni.hideLoading();
|
|
this.showErrorMessage('未查询到库位[' + this.fromLocationCode + ']', res => {
|
|
this.locationGetFocus();
|
|
})
|
|
}
|
|
}).catch(error => {
|
|
uni.hideLoading();
|
|
this.showErrorMessage(error, res => {
|
|
this.locationGetFocus();
|
|
})
|
|
})
|
|
},
|
|
|
|
packCallBack() {
|
|
this.$refs.comscan.clear();
|
|
//返回标签信息、库存信息和管理模式
|
|
let data = {
|
|
label: this.scanResult.label,
|
|
package: this.scanResult.package,
|
|
balance: null,
|
|
fromLocationCode: this.fromLocationCode,
|
|
}
|
|
this.packGetFocus();
|
|
this.$emit("getResult", data);
|
|
},
|
|
|
|
packGetFocus() {
|
|
if (this.$refs.comscan != undefined) {
|
|
this.$refs.comscan.getfocus();
|
|
}
|
|
},
|
|
|
|
packLoseFocus() {
|
|
if (this.$refs.comscan != undefined) {
|
|
this.$refs.comscan.losefocus();
|
|
}
|
|
},
|
|
|
|
locationGetFocus() {
|
|
this.fromLocationCode = '';
|
|
this.locationOnFocus = true;
|
|
},
|
|
|
|
|
|
showMessage(message, callback) {
|
|
setTimeout(r => {
|
|
this.packLoseFocus();
|
|
this.$refs.comMessage.showMessage(message, callback);
|
|
})
|
|
},
|
|
|
|
showErrorMessage(message, callback) {
|
|
setTimeout(r => {
|
|
this.packLoseFocus();
|
|
this.$refs.comMessage.showErrorMessage(message, callback)
|
|
})
|
|
},
|
|
|
|
change(e) {
|
|
this.show = e.show
|
|
},
|
|
isInLocationList(location) {
|
|
var item = this.fromLocationList.find(res => res == location)
|
|
if (item = undefined) {
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
addLocationCode(code) {
|
|
if (!this.isInLocationList(code)) {
|
|
this.fromLocationList.push(code)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.scroll-view {
|
|
overflow-y: scroll;
|
|
height: auto;
|
|
max-height: 300rpx;
|
|
}
|
|
</style>
|