uniapp pda 扫描

最新推荐文章于 2024-06-13 11:24:43 发布

ITKEP

最新推荐文章于 2024-06-13 11:24:43 发布

阅读量466

点赞数 10

文章标签：笔记

本文链接：https://blog.csdn.net/ITKEP/article/details/134767063

版权

components 中新建一个 scan.vue文件文件

<template>  
    <view class="content"></view>  
</template>  
 
<script>  
var main,receiver,filter;    
var _codeQueryTag = false;    
export default {  
    data() {
        return {  
            scanCode: ''  
        }  
    },  
    created: function (option) {
        this.initScan()  
        this.startScan();    
    },    
    onHide:function(){    
        this.stopScan();    
    },  
    destroyed:function(){    
        /*页面退出时一定要卸载监听,否则下次进来时会重复，造成扫一次出2个以上的结果*/    
        this.stopScan();    
    },    
    methods: {
        initScan() {
            let _this = this;  
            main = plus.android.runtimeMainActivity();//获取activity 
            var IntentFilter = plus.android.importClass('android.content.IntentFilter');   
            filter = new IntentFilter();
            filter.addAction("com.barcode.sendBroadcast"); // 换你的广播动作(大PDA广播地址) 
			filter.addAction("com.scanner.broadcast"); // 换你的广播动作(小PDA广播地址) 
            receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver',{
            onReceive : function(context, intent) {
                plus.android.importClass(intent);  
				let code;
				if(intent.getStringExtra("BARCODE")){
					code = intent.getStringExtra("BARCODE");// 换你的广播标签(大的PDA)
				}else{
					code = intent.getStringExtra("data");// 换你的广播标签 (小的PDA)
				}
                _this.queryCode(code);
            }});    
        },    
        startScan(){    
            main.registerReceiver(receiver,filter);  
        },    
        stopScan(){  
            main.unregisterReceiver(receiver);    
        },    
        queryCode(code){  
            //防重复  
            if(_codeQueryTag)return false;    
            _codeQueryTag = true;    
            setTimeout(function(){    
                _codeQueryTag = false;    
            },150);
            uni.$emit('scancodedate',{ code: code })  
        }  
    }  
}  
</script>  
 
<style>  
    page {  
        background-color: #f8f8f8;  
    }  
    .content {  
        text-align: center;  
    }  
</style>

在其他页面掉用

<template>
	<view >
		<scan-code />
	</view>
</template>
 
<script>
	import scanCode from "@/components/scan/scan.vue";
	
	let message = (msg, time = 3000) =>
		uni.showToast({
			icon: "none",
			duration: time,
			title: msg
		});
		
 
	export default {
		components: {
			scanCode,
		},
		data() {
			return {
			};
		},
		onShow() {
			uni.$off("scancodedate"); // 每次进来先 移除全局自定义事件监听器
			uni.$on("scancodedate", (data) => {
				// 扫描PCS码
				message(decodeURI(data.code));
				console.log("扫描PCS码",decodeURI(data.code));
			});
		},
		mounted() {
		},
		methods: {},
	};
</script>
 
<style lang="scss" scoped>
	
</style>