145 lines
3.5 KiB
Vue
145 lines
3.5 KiB
Vue
<template>
|
||
<view class="container">
|
||
<button type="default" @click="scanCode">扫码</button>
|
||
<!-- <view>
|
||
扫码结果：{{qrCodeRes}}
|
||
</view>
|
||
|
||
<image :src="qc"></image> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
let Qrcode = require('../../../../utils/reqrcode.js')
|
||
import {
|
||
getInspectionManage
|
||
} from '@/api/inspection/inspectionManage.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
qrCodeRes: '',
|
||
qc: ''
|
||
}
|
||
},
|
||
methods: {
|
||
// 扫码
|
||
scanCode() {
|
||
// #ifdef APP-PLUS
|
||
this.scanCodeAPP()
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
this.scanCodeH5()
|
||
// #endif
|
||
},
|
||
// APP直接调用 uni.scanCode 接口
|
||
scanCodeAPP() {
|
||
uni.scanCode({
|
||
scanType: ['qrCode'],
|
||
success: (res) => {
|
||
this.qrCodeRes = res.result
|
||
}
|
||
})
|
||
},
|
||
// H5通过拉起相机拍照来识别二维码
|
||
scanCodeH5() {
|
||
let that = this;
|
||
uni.chooseImage({
|
||
count: 1,
|
||
sourceType: ['camera'],
|
||
success: imgRes => {
|
||
that.qc = imgRes.tempFiles[0].path; // 预览图片
|
||
const tempFile = imgRes.tempFiles[0];
|
||
const reader = new FileReader();
|
||
|
||
reader.onload = function(event) {
|
||
const base64 = event.target.result;
|
||
try {
|
||
Qrcode.qrcode.decode(base64);
|
||
Qrcode.qrcode.callback = (codeRes) => {
|
||
if (codeRes.indexOf('error') >= 0) {
|
||
that.qrCodeRes = '不合法二维码：' + codeRes;
|
||
uni.showToast({
|
||
title: '二维码识别失败！',
|
||
icon: 'none'
|
||
});
|
||
} else {
|
||
let r = that.decodeStr(codeRes);
|
||
that.qrCodeRes = r;
|
||
getInspectionManage(that.qrCodeRes)
|
||
.then(res => {
|
||
if (res.data.inspectionStatus === "1") {
|
||
console.log(res)
|
||
let inspectionPoint = res.data.inspectionPoint;
|
||
let inspectionRequirements = res.data
|
||
.inspectionRequirements;
|
||
let inspectionPointId = res.data.id
|
||
uni.reLaunch({
|
||
url: `/pages/work/inspection/scanSign/index?inspectionPoint=${inspectionPoint}&inspectionRequirements=${inspectionRequirements}&inspectionPointId=${inspectionPointId}`
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: '验证码已失效！',
|
||
icon: 'none'
|
||
});
|
||
uni.reLaunch({
|
||
url: '/pages/work/index'
|
||
});
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log("请求错误", err);
|
||
uni.showToast({
|
||
title: '服务器错误',
|
||
icon: 'none'
|
||
});
|
||
});
|
||
}
|
||
};
|
||
} catch (error) {
|
||
console.log("解析失败", error);
|
||
uni.showToast({
|
||
title: '二维码解析失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
};
|
||
|
||
reader.readAsDataURL(tempFile);
|
||
},
|
||
fail: (err) => {
|
||
console.log("图片选择失败", err);
|
||
uni.showToast({
|
||
title: '拍照失败，请重试',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
// 获取文件地址函数
|
||
getObjectURL(file) {
|
||
if (window.URL && window.URL.createObjectURL) {
|
||
return window.URL.createObjectURL(file);
|
||
} else {
|
||
console.warn("当前浏览器不支持 createObjectURL 方法");
|
||
return null;
|
||
}
|
||
},
|
||
// 解码，输出：中文
|
||
decodeStr(str) {
|
||
try {
|
||
return decodeURIComponent(escape(str));
|
||
} catch (e) {
|
||
console.warn("解码失败，返回原字符串:", str);
|
||
return str;
|
||
}
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.container {
|
||
padding: 10px;
|
||
}
|
||
</style> |