bonus-material-app/src/pages/repair/testedInBound/codeScan.vue

<template>
    <view class="accept page-common"> 
        <view class="card" style="margin-top: 10px;">
            <uni-row :gutter="24">
                <uni-col :span="6">入库方式：</uni-col>
                <uni-col :span="6">
                    <view class="coding-btn" @click="ocrScan">编码识别</view>
                </uni-col>
                <uni-col :span="6">
                    <view class="coding-btn" @click="codeScan">二维码识别</view>
                </uni-col>
                <!-- <uni-col :span="6">
                    <view class="coding-btn" @click="boxScan">标准箱识别</view>
                </uni-col> -->
            </uni-row>
        </view>
		
        <view class="card" style="margin-top: 10px;">  
			<view style="font-size: 32rpx;font-weight: 600;margin-bottom: 20rpx;">设备信息</view>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
				<uni-col :span="8">退料单位：</uni-col>
				<uni-col :span="16">
					{{ maInfo.backUnit }}
				</uni-col>
			</uni-row> 
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
			    <uni-col :span="8">退料工程：</uni-col>
			    <uni-col :span="16">
			        {{ maInfo.backPro }}
			    </uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
				<uni-col :span="8">二维码编号：</uni-col>
				<uni-col :span="16">
					{{ maInfo.qrCode }}
				</uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
				<uni-col :span="8">设备编码：</uni-col>
				<uni-col :span="16">
					{{ maInfo.maCode }}
				</uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
				<uni-col :span="8">物资类型：</uni-col>
				<uni-col :span="16">
					{{ maInfo.typeName }}
				</uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
			    <uni-col :span="8">规格型号：</uni-col>
			    <uni-col :span="16">
			        {{  maInfo.typeModelName }}
			    </uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
			    <uni-col :span="8">维修单号：</uni-col>
			    <uni-col :span="16">
			        {{  maInfo.repairCode }}
			    </uni-col>
			</uni-row>
			<uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
				<uni-col :span="8">入库单号：</uni-col>
				<uni-col :span="16">
					{{  maInfo.inputCode }}
				</uni-col>
			</uni-row>
          
            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
                <uni-col :span="8">设备状态：</uni-col>
                <uni-col :span="16">
                    {{ maInfo.statusName }}
                </uni-col>
            </uni-row> 
        </view>

       <view class="btn">
            <button class="btn-cont" @click="cinfirmCodeInBound">入库</button>
            <button class="btn-cont" @click="cancelPage">取消</button>
        </view>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue'
import { onLoad } from '@dcloudio/uni-app'   
import { getCodeListApi,repairInputWarehouseApi,rejectWarehouseApi,getInfoByQrcodeApi,repairInputWarehouseApiTwo } from '@/services/repair/testedInBound.js'
import { getBoxCodeListApi } from '@/services/standard.js'  

const taskInfo = ref({})    
const maId = ref("")  //编码
const maCode = ref("")  //编码
const typeName = ref("")//物资类型
const materialName = ref("")  //规格型号
const typeId = ref("")  //类型id
const maStatusName = ref("")  //状态   
const qrCode = ref("")  //二维码  
const maInfo = ref({})  //二维码  

const boxCode = ref("")  //标准箱 
const boxInfo = ref([])

//编码识别
const ocrScan = () => {
	
}

// 二维码扫码
const codeScan = async () => { 
    qrCode.value="" 
	// var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
	uni.scanCode({
		success: function (res) {
			// qrCode.value = res.resp_result.split("qrcode=")[1];
			console.log('条码内容：' + res.result);
			qrCode.value = res.result
			codeInBound()
		}
	});
	// 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' })
	// 		maInfo.value = {}
	// 	}
	// 	if(ret.resp_code==11){
	// 		uni.showToast({ title: '扫码失败', icon: 'none' })
	// 	}
	// 	if(ret.resp_code==1000){
	// 		// uni.showToast({ title: '扫码成功', icon: 'none' })
	// 		qrCode.value = ret.resp_result.split("qrcode=")[1];
	// 		codeInBound()
	// 	}
	// 	// uni.showModal({
	// 	// 	title: "弹窗标题",
	// 	// 	// 返回值中，resp_code 表示返回结果值，10：用户取消，11：其他错误，1000：成功
	// 	// 	// 返回值中，resp_message 表示返回结果信息
	// 	// 	// 返回值中，resp_result 表示扫码结果，只有成功才会有返回
	// 	// 	content: JSON.stringify(ret),
	// 	// 	showCancel: false,
	// 	// 	confirmText: "确定"
	// 	// })
	// }) 
}
// 二维码入库
const codeInBound = async () => { 
	if(qrCode.value==""){
	    uni.showToast({ title: '扫码识别失败', icon: 'none'})
	}else{
	    let param = {
	        qrCode: qrCode.value, 
	    }
		//通过二维码获取相绑定的设备编码
	    const res = await getInfoByQrcodeApi(param)
	    console.log(res)
	    if(res.code==200){
	        maInfo.value = res.data[0] 
			if(maInfo.value.maId!=undefined&&maInfo.value.maId!=""){ 
			}else{
				uni.showToast({ title: '扫码二维码未绑定设备编码！', icon: 'none'})
			} 
	    }else{
	        uni.showToast({ title: res.data.msg, icon: 'none'})
	    }
	} 
}
// 二维码入库确认
const cinfirmCodeInBound = async () => {
	if(maInfo.value.taskId==''&&maInfo.value.typeId==''){
		uni.showToast({
			title: '请先扫码！',
			icon: 'none',
		})     
	}else{
		// let arr=[{"maId":maInfo.value.maId}]
		// let param = {
		// 	taskId: maInfo.value.taskId,
		// 	typeId:	maInfo.value.typeId, 
		// 	agreementId: maInfo.value.agreementId, 
		// 	maCodeList: arr,
		// } 
		let param = {qrCode:qrCode.value}
		console.log("bbbbbbbbbbbbbbbbb")
		const res = await repairInputWarehouseApiTwo(param)
		console.log("yyyyyyyyy",res)
		if (res.code === 200) {
		   uni.showToast({
			   title: '入库成功！',
			   icon: 'none',
		   })    
		   setTimeout(() => { 
			codeScan()  
		   }, 800)
		}
	} 
}

// 标准箱识别
const boxScan = async () => {
    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) => {
		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){
			boxCode.value = ret.resp_result; 
            boxInBound()
		}
	}) 
} 
// 标准箱入库
const boxInBound = async () => {
    if(boxCode.value==""){
        uni.showToast({ title: '扫码识别失败', icon: 'none'})
    }else{
        let param = {
            boxCode: boxCode.value,
            maTypeId:queryParams.value.typeId
        }
        const res = await getBoxCodeListApi(param)
        console.log(res)
        if(res.code==200){
			if(res.data.length>0){
				let successMaTotal = res.data.length
				boxInfo.value = res.data
				uni.showModal({
					title: '提示',
					content: `监测到${boxCode.value}标准箱中符合入库条件设备${boxInfo.value.successMaTotal}台，是否确定入库?`,
					confirmText: '确定',
					cancelText: '取消',
					success: async (res) => {
					  if (res.confirm) {
								if(boxInfo.value.successMaTotal>0){
									confirmBoxInBound() 
								}
					  } 
					}
				})
				
			}
      //       

        }else{
            uni.showToast({ title: '扫码识别失败', icon: 'none'})
        }
    } 
}
// 标准箱入库确认
const confirmBoxInBound = async () => {
	
}


 

const cancelPage = () => {
    uni.navigateBack({
        delta: 1 // 返回到已存在的页面
    });
}
onLoad((options)=>{
	console.log(options)
	// taskInfo.value = JSON.parse(options.taskInfo) 
})
</script>

<style lang="scss">
.accept {
    padding: 10px;
    height: 100%;
    word-break: break-all;
}
.card {
    padding: 10px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2upx 4upx 0 rgba(0, 0, 0, 0.1);
}
.coding-btn {
    padding: 5rpx 0;
    background-color: #409eff;
    border-radius: 6rpx;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.upload {
    width: 80px;
    height: 80px;
    background-color: #f5f5f5;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #ccc;
    margin-top: 10px;
}
.btn {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;

    .btn-cont {
        width: 40%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background-color: #3784fb;
        color: #fff;
        border-radius: 10rpx;
        // 取消按钮淡蓝色
        &:last-child {
            background-color: #aacefb;
        }
    }
}
</style>