bonus
/
bonus-material-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

标准箱识别

This commit is contained in:
hongchao 2025-05-19 17:37:10 +08:00
parent 0694c4c573
commit b5ba331df0
6 changed files with 234 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/pages/devicesSearch/ScanQrCodeBox.vue Normal file
View File

@ -0,0 +1,64 @@
<template>
<!-- 该组件无实际 DOM 结构 -->
<div style="display: none;"></div>
</template>
<script setup>
import { onMounted } from 'vue'
// 定义自定义事件
const emit = defineEmits(['scanSuccessBox', 'scanErrorBox'])
// 扫描二维码方法
const scanQrCode = () => {
console.log("扫一扫");
console.log("window对象", window);
document.addEventListener("deviceready", onDeviceReady.bind(this), false);
function onDeviceReady() {
// Cordova is now initialized. Have fun!
console.log(
"Running cordova-" +
window.cordova.platformId +
"@" +
window.cordova.version
);
window.cordova.plugins.barcodeScanner.scan(
function (result) {
emit('scanSuccessBox', result)
console.log("success");
console.log(result);
}.bind(this),
function (error) {
emit('scanErrorBox', new Error(`扫描失败: ${error}`))
console.log("error");
console.log(error);
},
{
preferFrontCamera: false, // 是否默认使用前置摄像头（同时支持 iOS 和 Android）
showFlipCameraButton: true, // 是否显示前后摄像头切换按钮（同时支持 iOS 和 Android）
showTorchButton: true, // 是否显示打开关闭闪光灯按钮（同时支持 iOS 和 Android）
torchOn: false, // 是否默认打开闪关灯（仅支持 Android）
saveHistory: true, // 是否记录扫码历史（仅支持 Android）
prompt: "请扫描二维码", // 扫码界面下方提示语（仅支持 Android）
resultDisplayDuration: 500, // 扫码文本在扫码界面上显示多少毫秒。0完全禁用。默认1500（仅Android）
formats: "QR_CODE,PDF_417", // 支持的格式,默认为除PDF_417和RSS_EXPANDED之外的所有格式
orientation: "portrait", // 设置为横向或纵向(portrait|landscape),默认跟随手机旋转（仅Android）
disableAnimations: true, // 禁用动画（仅支持 iOS）
disableSuccessBeep: false, // 禁用成功蜂鸣声（同时支持 iOS 和 Android）
}
);
}
}
// 暴露扫描方法
defineExpose({
scanQrCode
})
onMounted(() => {
if (!window.cordova) {
console.warn('Cordova 未加载，二维码扫描功能可能不可用')
}
})
</script>

92
src/pages/picking/outbound/code-outbound.vue
View File

@ -48,6 +48,11 @@
@scanSuccess="handleScanSuccess"
@scanError="handleScanError"
/>
<ScanQrCodeBox
ref="scanQrCodeRefBox"
@scanSuccess="handleScanSuccessBox"
@scanError="handleScanErrorBox"
/>
<view class="table-list-item">
<uni-row :gutter="24" style="display: flex; align-items: center">
<uni-col :span="6">
@ -139,9 +144,11 @@ import {
import { getBoxBindByCode } from '@/services/standard.js'
import { debounce } from 'lodash-es'
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
import ScanQrCodeBox from '@/pages/devicesSearch/ScanQrCodeBox.vue'
// const query = defineProps() // 获取上级页面传递的路由参数
// const queryParams = JSON.parse(query.queryParams)
const scanQrCodeRef = ref(null)
const scanQrCodeRefBox = ref(null)
const queryParams = ref({})
const formData = ref({})
const codeDeviceList = ref([])
@ -295,39 +302,59 @@ const boxScan = async () => {
})
} else {
boxCode.value = ''
var mpaasScanModule = uni.requireNativePlugin('Mpaas-Scan-Module')
mpaasScanModule.mpaasScan(
{
// 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
scanType: ['qrCode', 'barCode'],
// 是否隐藏相册，默认false不隐藏
hideAlbum: false,
//ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
language: 'en',
//相册选择照片识别错误提示(ios)
failedMsg: '未识别到二维码，请重试',
//Android支持全屏需要设置此参数
screenType: 'full',
},
(ret) => {
if (ret.resp_code == 10) {
uni.showToast({ title: '用户取消', icon: 'none' })
}
if (ret.resp_code == 11) {
uni.showToast({ title: '扫码失败', icon: 'none' })
}
if (ret.resp_code == 1000) {
boxCode.value = ret.resp_result
if (boxCode.value == '') {
uni.showToast({ title: '扫码识别失败', icon: 'none' })
} else {
boxOut()
}
}
},
)
// var mpaasScanModule = uni.requireNativePlugin('Mpaas-Scan-Module')
// mpaasScanModule.mpaasScan(
// {
// // 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
// scanType: ['qrCode', 'barCode'],
// // 是否隐藏相册，默认false不隐藏
// hideAlbum: false,
// //ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
// language: 'en',
// //相册选择照片识别错误提示(ios)
// failedMsg: '未识别到二维码，请重试',
// //Android支持全屏需要设置此参数
// screenType: 'full',
// },
// (ret) => {
// if (ret.resp_code == 10) {
// uni.showToast({ title: '用户取消', icon: 'none' })
// }
// if (ret.resp_code == 11) {
// uni.showToast({ title: '扫码失败', icon: 'none' })
// }
// if (ret.resp_code == 1000) {
// boxCode.value = ret.resp_result
// if (boxCode.value == '') {
// uni.showToast({ title: '扫码识别失败', icon: 'none' })
// } else {
// boxOut()
// }
// }
// },
// )
if (scanQrCodeRefBox.value) {
scanQrCodeRefBox.value.scanQrCode()
}
}
}
// 处理扫描成功事件
const handleScanSuccessBox = (result) => {
boxCode.value = result?.text || ''
if (boxCode.value === '') {
uni.showToast({ title: '扫码识别失败', icon: 'none' })
} else {
boxOut()
}
}
// 处理扫描失败事件
const handleScanErrorBox = (error) => {
console.error('扫描出错:', error.message)
uni.showToast({ title: error.message, icon: 'none' })
}
// 标准箱出库确认
const boxOut = async () => {
console.log(queryParams)
@ -477,6 +504,9 @@ const handleScanError = (error) => {
console.error('扫描出错:', error.message)
uni.showToast({ title: error.message, icon: 'none' })
}
//查看是否是该规格型号
const getMaInfoScan = async () => {
let param = {

14
src/pages/standardBox/acceptBox.vue
View File

@ -128,14 +128,15 @@ const onClick=(e,item)=> {
content: '是否确认接收？',
confirmText: '确定',
cancelText: '取消',
success: async (res) => {
if (res.confirm) {
success: async (modalRes) => {
if (modalRes.confirm) {
let param = {
boxId:item.boxId
}
// console.log(param)
const res = await appReceiveApi(param)
if (res.code === 200) {
const res = await appReceiveApi(param)
console.log("yyyyyyyyyyy",res)
if (res.code == 200) {
uni.showToast({
title: '接收成功',
icon: 'none',
@ -144,6 +145,7 @@ const onClick=(e,item)=> {
getTableList(true)
}, 500)
}else{
console.log("xxxxxxxxxxxxxxxxxxxxxxxxx")
uni.showToast({ title: '接收失败', icon: 'none' })
}
}
@ -302,7 +304,7 @@ const finish = computed(() => {
<style lang="scss" scoped>
.page-container {
display: flex;
height: 100%;
height: 100vh;
flex-direction: column;
background-color: #f7f8fa;
padding: 24rpx;

66
src/pages/standardBox/addBox.vue
View File

@ -21,6 +21,11 @@
</uni-forms>
</div>
<ScanQrCode
ref="scanQrCodeRef"
@scanSuccess="handleScanSuccess"
@scanError="handleScanError"
/>
<div class="btn">
<button class="btn-cont" @click="backPage">取消</button>
<button class="btn-cont" @click="pass">创建</button>
@ -34,27 +39,46 @@ import { onLoad,onShow } from '@dcloudio/uni-app'
import { innerVerify } from '../../services/purchase.js';
import { appCreateBoxApi } from '../../services/standard.js';
import { baseURL } from '@/utils/http'
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
const formData = ref({})
const scanQrCodeRef = ref(null)
// 编码识别按钮
const scanStart = () => {
console.log('编码识别--')
// 只允许通过相机扫码
uni.scanCode({
onlyFromCamera: true,
scanType: ['qrCode', 'pdf417'],
success: (res) => {
console.log('扫码结果：' + res.result)
formData.value.boxCode = res.result
},
fail: (err) => {
// uni.showToast({
// title: '取消',
// icon: 'none'
// });
},
})
// // 只允许通过相机扫码
// uni.scanCode({
// onlyFromCamera: true,
// scanType: ['qrCode', 'pdf417'],
// success: (res) => {
// console.log('扫码结果：' + res.result)
// formData.value.boxCode = res.result
// },
// fail: (err) => {
// // uni.showToast({
// // title: '取消',
// // icon: 'none'
// // });
// },
// })
if (scanQrCodeRef.value) {
scanQrCodeRef.value.scanQrCode()
}
}
// 处理扫描成功事件
const handleScanSuccess = (result) => {
formData.value.boxCode = result?.text || ''
if (formData.value.boxCode === '') {
uni.showToast({ title: '扫码识别失败', icon: 'none' })
}
}
// 处理扫描失败事件
const handleScanError = (error) => {
console.error('扫描出错:', error.message)
uni.showToast({ title: error.message, icon: 'none' })
}
//确认
const pass = () => {
if(formData.value.boxName==""){
@ -94,11 +118,11 @@ onLoad((options)=>{
// formData.value = JSON.parse(options.item)
})
// 页面加载完毕
onShow(() => {
setTimeout(() => {
scanStart()
}, 500)
})
// onShow(() => {
// setTimeout(() => {
// scanStart()
// }, 500)
// })
</script>
<style lang="scss">

80
src/pages/standardBox/codeList.vue
View File

@ -60,7 +60,11 @@
<button class="btn-cont" style="width: 90%;" @click="transfer">移交</button>
</div>
<ScanQrCode
ref="scanQrCodeRef"
@scanSuccess="handleScanSuccess"
@scanError="handleScanError"
/>
<uni-popup ref="keeperPopup" type="bottom" border-radius="10px 10px 0 0">
<view class="keeper-popup">
@ -102,6 +106,8 @@ import { onLoad,onShow } from '@dcloudio/uni-app'
import { getAppBoxDetailListApi,appBindMaCodeApi,appUnbindMaCodeApi,getTransferKeepsListApi,appTransferApi } from '../../services/standard.js';
import { getMaCodeByQrCodeApi } from '@/services/index.js';
import { baseURL } from '@/utils/http'
import ScanQrCode from '@/pages/devicesSearch/ScanQrCode.vue'
const scanQrCodeRef = ref(null)
const keeperPopup = ref(null);
const searchValue = ref('')
const boxInfo = ref({})
@ -136,33 +142,55 @@ const getCodeList = () => {
// 扫码识别按钮
// 二维码扫码
const scanStart = async () => {
var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
mpaasScanModule.mpaasScan({
// 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
'scanType': ['qrCode','barCode'],
// 是否隐藏相册，默认false不隐藏
'hideAlbum': false,
//ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
'language' : 'en',
//相册选择照片识别错误提示(ios)
'failedMsg': '未识别到二维码，请重试',
//Android支持全屏需要设置此参数
'screenType': 'full'
},(ret) => {
console.log(ret)
if(ret.resp_code==10){
uni.showToast({ title: '用户取消', icon: 'none' })
}
if(ret.resp_code==11){
uni.showToast({ title: '扫码失败', icon: 'none' })
}
if(ret.resp_code==1000){
let qrCode = ret.resp_result.split("qrcode=")[1];
bindMa(qrCode)
}
})
// var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
// mpaasScanModule.mpaasScan({
// // 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
// 'scanType': ['qrCode','barCode'],
// // 是否隐藏相册，默认false不隐藏
// 'hideAlbum': false,
// //ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文
// 'language' : 'en',
// //相册选择照片识别错误提示(ios)
// 'failedMsg': '未识别到二维码，请重试',
// //Android支持全屏需要设置此参数
// 'screenType': 'full'
// },(ret) => {
// console.log(ret)
// if(ret.resp_code==10){
// uni.showToast({ title: '用户取消', icon: 'none' })
// }
// if(ret.resp_code==11){
// uni.showToast({ title: '扫码失败', icon: 'none' })
// }
// if(ret.resp_code==1000){
// let qrCode = ret.resp_result.split("qrcode=")[1];
// bindMa(qrCode)
// }
// })
if (scanQrCodeRef.value) {
scanQrCodeRef.value.scanQrCode()
}
}
// 处理扫描成功事件
const handleScanSuccess = (result) => {
const qrCode = result?.text || '';
if (qrCode === '') {
uni.showToast({ title: '扫码识别失败', icon: 'none' })
} else {
// 原代码中 split 处理逻辑
const actualQrCode = qrCode.split("qrcode=")[1] || qrCode;
bindMa(actualQrCode)
}
}
// 处理扫描失败事件
const handleScanError = (error) => {
console.error('扫描出错:', error.message)
uni.showToast({ title: error.message, icon: 'none' })
}
//绑定接口
const bindMa = (qrCode) => {
console.log(qrCode)

4
src/pages/standardBox/transferBox.vue
View File

@ -310,7 +310,7 @@ const confirmTransfer = () => {
let param = {
"boxId":transferItem.value.boxId,
"transferUser":transferUser.value,
"inputUser":transferUser.value,
}
console.log(param)
appTransferApi(param).then(res => {
@ -353,7 +353,7 @@ const finish = computed(() => {
<style lang="scss" scoped>
.page-container {
display: flex;
height: 100%;
height: 100vh;
flex-direction: column;
background-color: #f7f8fa;
padding: 24rpx;