sfms3.0
/
sfms3.0-uniapp
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

mycomponents/scan 文件迁移Vue2升级Vue3 8/2-10/25

hella_vue3
王志国 3 weeks ago
parent
694688ab65
commit
ea6f46aafe
2 changed files with 318 additions and 329 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 335
      src/mycomponents/scan/winComScanBalanceLocation.vue
  2. 134
      src/mycomponents/scan/winScanPackAndCont.vue

335
src/mycomponents/scan/winComScanBalanceLocation.vue
View File

@ -1,6 +1,6 @@
<template>
<view>
<uni-popup ref="popup" :mask-click="false">
<u-popup v-model="show" mode="bottom">
<view class="popup_box">
<view class="pop_title uni-flex space-between">
<view class="" style="font-size: 35rpx"> 扫描{{ title }} </view>
@ -28,18 +28,18 @@
</view>
<view class="">
<view class="">
<win-com-scan ref="comscan" :placeholder="title" @getResult="getScanResult" :isShowHistory="isShowHistory" :clearResult="true" :headerType="headerType"></win-com-scan>
<win-com-scan ref="comscanRef" :placeholder="title" @getResult="getScanResult" :isShowHistory="isShowHistory" :clearResult="true" :headerType="headerType"></win-com-scan>
</view>
</view>
</view>
</uni-popup>
</u-popup>
<balance-select ref="balanceSelect" @onSelectItem="selectBalanceItem"></balance-select>
<!-- 模拟扫描功能 -->
</view>
<comMessage ref="comMessage"></comMessage>
<comMessage ref="comMessageRef"></comMessage>
</template>
<script>
<script setup>
import winComScan from '@/mycomponents/scan/winComScan.vue'
import balanceSelect from '@/mycomponents/balance/balanceSelect.vue'
import { getBalanceByManagementPrecisionByPacking } from '@/common/balance.js'
@ -48,14 +48,11 @@ import { getBalanceByParams, getBasicItemByCode } from '@/api/request2.js'
import { getListLocationAreaTypeDesc, checkDirectoryItemExist, getDirectoryItemArray, getLocationAreaTypeName, getInventoryStatusDesc, getListItemTypeDesc, getItemTypeInfo } from '@/common/directory.js'
import {getLabelInfo} from '@/common/label.js';
export default {
name: 'winScanPack',
emits: ['getBalance', 'onCloseScanPopup'],
components: {
winComScan,
balanceSelect
},
props: {
import { ref, onMounted, watch } from 'vue';
const props = defineProps({
title: {
type: String,
default: '箱标签'
@ -69,7 +66,6 @@ export default {
default: 'HPQ,HMQ'
},
balanceFromInventoryStatuses: {
// 是否传fromInventoryStatuses
type: Boolean,
default: true
},
@ -77,226 +73,217 @@ export default {
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')
setTimeout(res=>{
this.packGetFocus()
},500)
},
});
const businessType = ref({});
const fromInventoryStatuses = ref([]);
const fromLocationAreaTypeList = ref([]);
const itemTypesList = ref([]);
const fromLocationCode = ref('');
const fromLocationList = ref([]);
const inventoryStatus = ref([]);
const resultData = ref({});
const show = ref(false)
const comMessageRef = ref(null);
const comscanRef = ref(null);
const openScanPopup = (businessTypeValue) => {
businessType.value = businessTypeValue;
fromInventoryStatuses.value = getDirectoryItemArray(businessTypeValue.outInventoryStatuses);
fromLocationAreaTypeList.value = getDirectoryItemArray(businessTypeValue.outAreaTypes);
itemTypesList.value = getDirectoryItemArray(businessTypeValue.itemTypes);
show.value = true
setTimeout(() => {
packGetFocus();
}, 500);
};
openScanPopupForJob(fromLocationCode, fromLocationList, jobContent) {
this.fromLocationCode = fromLocationCode
this.fromLocationCode = fromLocationCode;
this.fromLocationList = fromLocationList;
this.fromInventoryStatuses = getDirectoryItemArray(jobContent.outInventoryStatuses)
this.inventoryStatus = getDirectoryItemArray(jobContent.outInventoryStatuses); //出库库存状态; //出库库存状态
this.fromLocationAreaTypeList = getDirectoryItemArray(jobContent.fromAreaTypes); //出库库存状态
this.$refs.popup.open('bottom')
setTimeout(res => {
if (this.fromLocationCode != '') {
this.packGetFocus();
const openScanPopupForJob = (fromLocationCodeValue, fromLocationListValue, jobContent) => {
fromLocationCode.value = fromLocationCodeValue;
fromLocationList.value = fromLocationListValue;
fromInventoryStatuses.value = getDirectoryItemArray(jobContent.outInventoryStatuses);
inventoryStatus.value = getDirectoryItemArray(jobContent.outInventoryStatuses);
fromLocationAreaTypeList.value = getDirectoryItemArray(jobContent.fromAreaTypes);
show.value = true
setTimeout(() => {
if (fromLocationCode.value !== '') {
packGetFocus();
} else {
if (this.fromLocationList.length == 0) {
this.locationGetFocus();
if (fromLocationList.value.length === 0) {
// locationGetFocus();
} else {
this.fromLocationCode = this.fromLocationList[0];
this.packGetFocus();
fromLocationCode.value = fromLocationList.value[0];
packGetFocus();
}
}
}, 500)
},
//模拟扫描
openScanPopupForJobSimulate(fromLocationCode, fromLocationList, jobContent, scanMessage) {
this.fromLocationCode = fromLocationCode;
this.fromLocationList = fromLocationList;
if (!fromLocationCode) {
if (this.fromLocationList.length == 0) {
// this.locationGetFocus();
alert('没有来源库位：List')
}, 500);
};
const openScanPopupForJobSimulate = (fromLocationCodeValue, fromLocationListValue, jobContent, scanMessage) => {
fromLocationCode.value = fromLocationCodeValue;
fromLocationList.value = fromLocationListValue;
if (!fromLocationCodeValue) {
if (fromLocationList.value.length === 0) {
alert('没有来源库位：List');
} else {
this.fromLocationCode = this.fromLocationList[0];
fromLocationCode.value = fromLocationList.value[0];
}
}
this.fromInventoryStatuses = getDirectoryItemArray(jobContent.outInventoryStatuses)
this.inventoryStatus = getDirectoryItemArray(jobContent.outInventoryStatuses); //出库库存状态; //出库库存状态
this.fromLocationAreaTypeList = getDirectoryItemArray(jobContent.fromAreaTypes); //出库库存状态
getLabelInfo(scanMessage, this.headerType, callback => {
fromInventoryStatuses.value = getDirectoryItemArray(jobContent.outInventoryStatuses);
inventoryStatus.value = getDirectoryItemArray(jobContent.outInventoryStatuses);
fromLocationAreaTypeList.value = getDirectoryItemArray(jobContent.fromAreaTypes);
getLabelInfo(scanMessage, props.headerType, (callback) => {
if (callback.success) {
this.getScanResult(callback);
getScanResult(callback);
} else {
this.showErrorMessage(callback.message, res => {})
showErrorMessage(callback.message, () => {});
}
})
},
});
};
handleConfirm() {
this.$emit('confirm', this.fromLocationCode)
},
const handleConfirm = () => {
emit('confirm', fromLocationCode.value);
};
getScanResult(result) {
if (this.fromLocationCode == '') {
this.showErrorMessage('请选择来源库位', (res) => {})
return
const getScanResult = (result) => {
if (fromLocationCode.value === '') {
showErrorMessage('请选择来源库位', () => {});
return;
}
this.resultData = result
resultData.value = result;
if (!result.package) {
this.showErrorMessage(`${result.label.code}包装信息为空`)
return
showErrorMessage(`${result.label.code}包装信息为空`);
return;
}
// 查询物料信息，然后查询库存
this.getItemCodeType(result.package.itemCode, (callBack) => {
this.queryBalance(this.resultData)
})
},
getItemCodeType(result.package.itemCode, () => {
queryBalance(resultData.value);
});
};
queryBalance(result) {
const queryBalance = (result) => {
const params = {
locationCode: this.fromLocationCode,
locationCode: fromLocationCode.value,
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
}
inventoryStatus: fromInventoryStatuses.value,
areaType: fromLocationAreaTypeList.value,
bussinessCode: props.bussinessCode
};
uni.showLoading({
title: '查询中',
mask: true
});
getBalanceByParams(params)
.then((res) => {
uni.hideLoading()
if (res.data.length == 0) {
const status = getInventoryStatusDesc(params.inventoryStatus)
const areaType = getListLocationAreaTypeDesc(params.areaType)
uni.hideLoading();
if (res.data.length === 0) {
const status = getInventoryStatusDesc(params.inventoryStatus);
const areaType = getListLocationAreaTypeDesc(params.areaType);
const hint = `按物料号 [${params.itemCode}] \n` +
`包装号 [${params.packingNumber}] \n` +
`批次 [${params.batch}] \n` +
`状态 [${status}] \n` +
`库区 [${areaType}] \n` +
'未查找到库存余额'
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
'未查找到库存余额';
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()
emit('getBalance', result);
} else {
// 多条记录
this.$refs.balanceSelect.openPopup(res.data)
show.value = true
}
})
.catch((error) => {
uni.hideLoading()
this.showErrorMessage(error)
})
},
getItemCodeType(itemCode, callBack) {
uni.hideLoading();
showErrorMessage(error);
});
};
const getItemCodeType = (itemCode, callBack) => {
uni.showLoading({
title: '加载中',
mask: true
})
});
getBasicItemByCode(itemCode)
.then((res) => {
if (res.data != null && res.data.list.length > 0) {
const result = res.data.list[0]
const status = result.available
const { type } = result
if (status == 'TRUE') {
if (checkDirectoryItemExist(this.itemTypesList, type)) {
callBack()
const result = res.data.list[0];
const status = result.available;
const { type } = result;
if (status === 'TRUE') {
if (checkDirectoryItemExist(itemTypesList.value, type)) {
callBack();
} else {
const hint = getListItemTypeDesc(this.itemTypesList)
uni.hideLoading()
this.showErrorMessage(`扫描物料[${itemCode}]是[${getItemTypeInfo(type).label}],需要的物料类型是[${hint}]`)
const hint = getListItemTypeDesc(itemTypesList.value);
uni.hideLoading();
showErrorMessage(`扫描物料[${itemCode}]是[${getItemTypeInfo(type).label}],需要的物料类型是[${hint}]`);
}
} else {
uni.hideLoading()
this.showErrorMessage(`物料【${itemCode}】不可用`)
uni.hideLoading();
showErrorMessage(`物料【${itemCode}】不可用`);
}
} else {
uni.hideLoading()
this.showErrorMessage(`未查找到物料【${itemCode}】`)
uni.hideLoading();
showErrorMessage(`未查找到物料【${itemCode}】`);
}
})
.catch((error) => {
uni.hideLoading()
this.showErrorMessage(error)
})
},
showErrorMessage(message) {
this.packLoseFocus();
this.$refs.comMessage.showErrorMessage(message, (res) => {
uni.hideLoading();
showErrorMessage(error);
});
};
const showErrorMessage = (message) => {
packLoseFocus();
comMessageRef.value.showErrorMessage(message, (res) => {
if (res) {
if (this.$refs.comscan) {
this.$refs.comscan.getfocus()
if (comscanRef.value) {
comscanRef.value.getfocus();
}
}
})
},
selectBalanceItem(item) {
this.resultData.balance = item
this.$emit('getBalance', this.resultData)
// this.closeScanPopup()
},
closeScanPopup() {
this.packLoseFocus()
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()
}
},
const selectBalanceItem = (item) => {
resultData.value.balance = item;
emit('getBalance', resultData.value);
};
packLoseFocus() {
if (this.$refs.comscan) {
this.$refs.comscan.losefocus()
const closeScanPopup = () => {
packLoseFocus();
show.value = false
emit('onCloseScanPopup');
};
const getfocus = () => {
if (comscanRef.value) {
comscanRef.value.getfocus();
}
};
const packGetFocus = () => {
if (comscanRef.value) {
comscanRef.value.getfocus();
}
};
const packLoseFocus = () => {
if (comscanRef.value) {
comscanRef.value.losefocus();
}
}
};
const emit = defineEmits(['confirm', 'getBalance', 'onCloseScanPopup']);
</script>
<style lang="scss">

134
src/mycomponents/scan/winScanPackAndCont.vue
View File

@ -1,36 +1,35 @@
<template>
<view>
<uni-popup ref="popup" @change="change" @maskClick="closeScanPopup()" :mask-close-able="false">
<u-popup v-model="show">
<view class="popup_box">
<view class="pop_title uni-flex space-between">
<view class="" style="font-size: 35rpx"> 扫描 : {{ title }} </view>
<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>
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg"
@click="closeScanPopup()"></image>
</view>
</view>
<view class="">
<view class="">
<win-com-scan ref="comscan" :placeholder="title" @getResult="getScanResult" :headerType="headerType" :isShowHistory="isShowHistory" :clearResult="true"></win-com-scan>
<win-com-scan ref="comscan" :placeholder="title" @getResult="getScanResult" :headerType="headerType"
:isShowHistory="isShowHistory" :clearResult="true"></win-com-scan>
</view>
</view>
</view>
</uni-popup>
</u-popup>
<comMessage ref="comMessage" @afterClose="getfocus"></comMessage>
</view>
</template>
<script>
<script setup>
import winComScan from '@/mycomponents/scan/winComScan.vue'
import { getContainerByNumber } from '@/api/request2.js'
import {getContainerByNumber} from '@/api/request2.js'
export default {
name: 'winScanPack',
components: {
winComScan
},
props: {
import {ref, onMounted, watch} from 'vue';
const props = defineProps({
title: {
type: String,
default: '箱标签或托标签'
@ -43,80 +42,83 @@ export default {
type: String,
default: 'HPQ,HMQ,HCQ'
}
},
data() {
return {
show: false
}
},
created() {},
methods: {
openScanPopup() {
this.$refs.popup.open('bottom')
setTimeout(res => {
this.getfocus()
}, 500)
},
});
closeScanPopup() {
this.losefocus()
this.$refs.popup.close()
this.$emit('close', '')
},
const show = ref(false);
scanClick() {
this.$refs.comscan.clickScanMsg()
},
const popupRef = ref(null);
const comscanRef = ref(null);
const comMessageRef = ref(null);
cancelClick() {
this.$refs.comscan.clearScanValue()
},
// 方法定义
const openScanPopup = () => {
show.value = true;
setTimeout(() => {
getfocus();
}, 500);
};
const closeScanPopup = () => {
losefocus();
show.value = false
emit('close', '');
};
const scanClick = () => {
comscanRef.value.clickScanMsg();
};
const cancelClick = () => {
comscanRef.value.clearScanValue();
};
getScanResult(result) {
const getScanResult = (result) => {
if (result.success) {
if (result.label.labelType == 'ContainerLabel') {
this.getContainerByNumber(result)
if (result.label.labelType === 'ContainerLabel') {
getContainerByNumber(result);
} else {
this.$emit('getResult', result)
emit('getResult', result);
}
} else {
this.showMessage(result.message)
showMessage(result.message);
}
},
};
getContainerByNumber(result) {
const getContainerByNumber = (result) => {
getContainerByNumber(result.label.container)
.then((res) => {
if (res.data.list.length > 0) {
this.$emit('getResult', result)
emit('getResult', result);
} else {
this.showMessage(`未查找到托码【${result.label.container}】`)
showMessage(`未查找到托码【${result.label.container}】`);
}
})
.catch((error) => {
this.showMessage(error)
})
},
showMessage(error);
});
};
getfocus() {
if (this.$refs.comscan != undefined) {
this.$refs.comscan.getfocus()
const getfocus = () => {
if (comscanRef.value) {
comscanRef.value.getfocus();
}
},
};
losefocus() {
if (this.$refs.comscan != undefined) {
this.$refs.comscan.losefocus()
}
},
showMessage(message) {
this.$refs.comMessage.showMessage(message)
},
change(e) {
this.show = e.show
}
const losefocus = () => {
if (comscanRef.value) {
comscanRef.value.losefocus();
}
}
};
const showMessage = (message) => {
comMessageRef.value.showMessage(message);
};
const change = (e) => {
show.value = e.show;
};
const emit = defineEmits(['close', 'getResult']);
</script>
<style lang="scss">

Write Preview
Loading…
Cancel
Save