安卓开发uniapp打包apk安装在pda机器相机扫描枪识别二维码条形码

最新推荐文章于 2024-10-09 16:18:56 发布

原创

最新推荐文章于 2024-10-09 16:18:56 发布 · 682 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #uni-app

安卓开发uniapp打包apk安装在pda机器相机扫描枪识别二维码条形码

需求：

在PDA安卓机器上的一个APP小应用，扫码后得到订单信息和员工信息，将这些数据信息提交后服务端接口。

分析：

1 点击PDA机器的扫码按键，扫码后识别到二维码的信息数据

2 二维码信息数据传递给服务端接口，得到响应的详细信息（订单，员工）

3 将“订单，员工”信息提交给服务端接口，完成。

要点：

打开APP时，需要将焦点定位在‘文本框1’中（只有这样，PDA扫码后的数据才会自动填充至文本框。），然后通过轮询（因为我们拿不到PDA的扫码事件，所以用轮询）判断文本框中的数据值，做进一步的业务处理。

<template>
	<view class="materialOrder">
		<view class="materialBtn" @click="openUrl">切换url</view>
		<view class="materialBox">
			<view class="formHeader">
				<view class="title">工单号：</view>
				<input type="text" v-model="tempMaterialValue" :focus="materialFocus"></input>
				<uni-icons class="scanCode" type="scan" size="32" color="#7297fe" @click="materialScanCode"></uni-icons>
			</view>
			<!-- <view class="formHeader2">
				<view class="btn" @click="materialScanCodeBtn">工单请求</view>
				<view>调试：{
  
  { materialTemp }}</view>
				<view v-if="materialParams">扫码完成：</view>
				<view v-if="materialValue">全局变量工单值：{
  
  { materialValue }}</view>
				<view v-if="tempMaterialValue">输入框临时变量工单值：{
  
  { tempMaterialValue }}</view>
				<view v-if="materialParams">请求参数工单号：{
  
  { materialParams.InputVars[0].Value }}</view>
				<view v-if="materialResponse">返回参数：{
  
  { materialResponse }}</view>
			</view> -->
			<view class="formBox">
				<view class="form-label">生产订单号：</view>
				<view class="form-input">
					<input type="text" v-model="materialForm.Code" disabled></input>
				</view>
			</view>
			<view class="formBox">
				<view class="form-label">生产计划号：</view>
				<view class="form-input">
					<input type="text" v-model="materialForm.PlanCode" disabled></input>
				</view>
			</view>
			<view class="formBox">
				<view class="form-label">数量：</view>
				<view class="form-input">
					<input type="text" v-model="materialForm.PrdQty" disabled></input>
				</view>
			</view>
			<view class="formBox">
				<view class="form-label">物料名称：</view>
				<view class="form-input">
					<input type="text" v-model="materialForm.Name" disabled></input>
				</view>
			</view>
		</view>
		<view class="userBox">
			<view class="formHeader">
				<view class="title">员工号：</view>
				<input type="text" v-model="tempUserValue" :focus="userFocus"></input>
				<uni-icons class="scanCode" type="scan" size="32" color="#7297fe" @click="userScanCode"></uni-icons>
			</view>
			<!-- <view class="formHeader2">
				<view class="btn" @click="userScanCodeBtn">员工请求</view>
				<view>调试：{
  
  { userTemp }}</view>
				<view v-if="userParams">扫码完成：</view>
				<view v-if="userValue">全局变量员工值：{
  
  { userValue }}</view>
				<view v-if="tempUserValue">输入框临时变量员工值：{
  
  { tempUserValue }}</view>
				<view v-if="userParams">请求参数员工号：{
  
  { userParams.