<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../css/iconfont.css" rel="stylesheet" />
<link href="../css/common.css" rel="stylesheet" />
<link href="../css/style.css" rel="stylesheet" />
<script src="../js/mui.min.js"></script>
<script src="../js/public.js"></script>
<style>
#bcid {
height: 280px;
width:300px;
}
</style>
</head>
<body>
<div class="scan-img-div" style="display: none;">
<div id="bcid" >
</div>
</div>
<div class="padding-lr20">
<div class="scan-result-div">
<div class="wxrow">
<div class='wxcenter padding-l5 width60 size12 bold'>下一站：</div>
<div class='flex1 relative'>
<select class="mui-btn send-select">
<option>请选择下一站</option>
<option value="item-1">item-1</option>
<option value="item-2">item-2</option>
<option value="item-3">item-3</option>
<option value="item-4">item-4</option>
<option value="item-5">item-5</option>
</select>
<span class="iconfont icon-xiajiantou po-down"></span>
</div>
</div>
<div class="wxrow padding-lr5 padding-b10 margin-b10 margin-t30 bor-b-g2 size12">
<div class="flex1 bold">扫描结果</div>
<div class="">
<span class="b-999">票数：</span>
<span class="g-009999">8xx</span>
</div>
</div>
<div class="wxrow margin-t10 padding-lr10">
<div class="b-333 margin-r15">589078476897438xxx</div>
<div class="width40 wxaround">
<span class="iconfont icon-cha r-ff0000"></span>
</div>
</div>
<div class="wxrow margin-t10 padding-lr10">
<div class="b-333 margin-r15">589078476897438xxx</div>
<div class="width40 wxaround margin-l40">
<span class="iconfont icon-cha r-ff0000"></span>
</div>
</div>
</div>
</div>
<div class="fix-b-scan wxrow">
<div class="flex1 scan-btn bg-o-ff6600" id="scan-go">确认出仓</div>
<div class="flex2 scan-btn bg-b-383838" onclick="openScan()">扫描</div>
</div>
<script type="text/javascript">
console.log(1)
mui.init()
let scan = null;
function openScan() {
ddsd.qs('.scan-img-div').style.display = 'block'
scan = new plus.barcode.Barcode('bcid', [
plus.barcode.EAN13,
plus.barcode.EAN8,
plus.barcode.CODE39,
plus.barcode.CODE93,
plus.barcode.CODE128
], {
top:'1000px',
left:'0px',
width: '100%',
height: '100px',
position: 'static',
frameColor: '#00FF00',
scanbarColor: '#00FF00'
});
scan.onmarked = onmarked;
scan.start();
}
mui.plusReady(function() {
function onmarked(type, result) {
var text = '未知: ';
switch(type) {
case plus.barcode.QR:
text = 'QR: ';
break;
case plus.barcode.EAN13:
text = 'EAN13: ';
break;
case plus.barcode.EAN8:
text = 'EAN8: ';
break;
case plus.barcode.CODE39:
text = 'CODE39: ';
break;
case plus.barcode.CODE93:
text = 'CODE93: ';
break;
case plus.barcode.CODE128:
text = 'CODE128: ';
break;
}
console.log(text + result);
if(result) {
console.log(result) // scan.close();
// window.location.reload();
scan.cancel();
setTimeout(() => {
scan.start();
},1000)
}
}
mui("body").on('tap', '#scan-go', function() {
mui.openWindow({
url: 'scan_success.html',
id: 'scan_success.html',
styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
titleNView: { // 窗口的标题栏控件
autoBackButton: true,
titleText: '出仓成功', // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题
titleColor: "#000000", // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
titleSize: "17px", // 字体大小,默认17px
backgroundColor: "#FFCC00", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
}
}
});
})
})
</script>
</body> </html>
0 个评论
要回复文章请先登录或注册