t1
/
ZLPMS


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							@{
    Layout = null;
}

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="~/Content/Scripts/plugins/mui/css/mui.css" rel="stylesheet" />
    <script src="~/Content/Scripts/plugins/mui/js/mui.js"></script>
    <style type="text/css">
        #bcid {
            width: 100%;
            height: 100%;
            position: absolute;
            background: #000000;
        }

        .fbt {
            color: #0E76E1;
            width: 50%;
            background-color: #ffffff;
            float: left;
            line-height: 44px;
            text-align: center;
        }

        .mui-bar {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    </style>
</head>
<body id="bcid">
    <header class="mui-bar mui-bar-nav white">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">二维码扫描</h1>
    </header>
    <div class="mui-content">
        <button id="startScan" class="mui-btn mui-btn-success">开始扫描</button>
        <button id="cancelScan" class="mui-btn mui-btn-success">取消扫描</button>
        <button id="setFlash" class="mui-btn mui-btn-success">开启/关闭闪光灯</button>
        <div id="bcid"></div>
    </div>
</body>
</html>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
    var scan = null;
    var isOpen = false; // 闪光灯是否开始标志 true:闪光灯已经开启 false:闪光灯关闭
    // 条码识别成功事件
    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;
        }
        alert(text + result);
    }
    // 创建扫描控件
    function startRecognize() {
        scan = new plus.barcode.Barcode('bcid');
        scan.onmarked = onmarked;
    }
    // 开始扫描
    document.getElementById("startScan").addEventListener('tap', function () {
        startRecognize();
        scan.start();
    })
    // 取消扫描
    document.getElementById("cancelScan").addEventListener('tap', function () {
        startRecognize();
        scan.cancel();
    })
    //  开启和关闭闪光灯
    document.getElementById("setFlash").addEventListener('tap', function () {
        startRecognize();
        isOpen = !isOpen;
        if (isOpen) {
            scan.setFlash(true);
        } else {
            scan.setFlash(false);
        }
    })
</script>