You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.5 KiB
83 lines
3.5 KiB
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.w3.org/1999/xhtml">
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>扫码</title>
|
|
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all">
|
|
<link rel="stylesheet" href="/static/css/layuimini.css?v=2.0.4.2" media="all">
|
|
<link rel="stylesheet" href="/static/css/themes/default.css" media="all">
|
|
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
|
<!--[if lt IE 9]>
|
|
<script src="/static/js/html5.min.js"></script>
|
|
<script src="/static/js/respond.min.js"></script>
|
|
<![endif]-->
|
|
<!-- vue相关-->
|
|
<script src="../static/js/vue/vue.js"></script>
|
|
<script src="../static/js/vue/vue-router.js"></script>
|
|
<script src="../static/lib/http-vue-loader/src/httpVueLoader.js"></script>
|
|
<script src="../static/js/VueQrcodeReader.umd.min.js"></script>
|
|
<script src="/static/js/scanBarCode/html5-qrcode.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div style="width: 500px" id="reader">
|
|
|
|
</div>
|
|
<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
|
<script>
|
|
// 用于判断是否包含字母
|
|
var barCodeList = [];
|
|
const html5QrCode = new Html5Qrcode("reader");
|
|
const qrCodeSuccessCallback = (decodedText, decodedResult) => {
|
|
/* 扫描成功 */
|
|
var formatName = decodedResult.result.format.formatName;
|
|
html5QrCode.stop().then((ignore) => {
|
|
// 暂停扫描
|
|
if (!(formatName.includes("QR_CODE")|| formatName.includes("AZTEC"))) {
|
|
// 发送ajax请求去获取当前条码的数据
|
|
layui.$.ajax({
|
|
url: "/material/findMaterialByBarCode?barCode=" + decodedText,
|
|
type: "get",
|
|
dataType: 'json',
|
|
contentType: "application/json;charset=utf-8",
|
|
success: function (d) {
|
|
var data = d.data;
|
|
// 将扫描结果赋值给父页面
|
|
if (data === null || data === undefined) {
|
|
// 如果没有查询到物料
|
|
barCodeList.push(decodedText);
|
|
}
|
|
layer.confirm("是否继续扫描？",
|
|
{
|
|
btn: ["继续", "取消"]
|
|
},
|
|
function () {// 继续
|
|
// 弹出选择框
|
|
layer.close(layer.index);
|
|
html5QrCode.start({facingMode: {exact: "environment"}}, config, qrCodeSuccessCallback);
|
|
},
|
|
function () {
|
|
// 关闭当前页
|
|
layui.$("#barCodeList", window.parent.document).val(barCodeList);
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
}
|
|
);
|
|
|
|
}
|
|
})
|
|
}
|
|
|
|
}).catch((err) => {
|
|
console.log(err)
|
|
// 停止失败，处理它。
|
|
});
|
|
};
|
|
const config = {fps: 10, qrbox: {width: 250, height: 250}};
|
|
|
|
// Select back camera or fail with `OverconstrainedError`.
|
|
html5QrCode.start({facingMode: {exact: "environment"}}, config, qrCodeSuccessCallback);
|
|
</script>
|
|
</body>
|
|
</html>
|