dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="format-detection" content="telphone=no,email=no"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>测试：扫码测试</title>
    <link rel="stylesheet" href="/components/lib/mui.min.css"/>
    <link rel="stylesheet" href="/components/custom/css/common.css"/>
    <link rel="stylesheet" href="/app/css/xyf.common.min.css"/>
    <style>
        .device-test {
            padding-bottom: 60px;
        }

        .edit-content {
            width: 95%;
        }
    </style>
</head>
<body>
<div id="progress" class="mui-progressbar mui-progressbar-infinite" style="display: none;top: 0">
    <span></span>
</div>
<div class="device-test">
    <ul class="mui-table-view ">
        <li class="mui-table-view-cell">
            <div class="head-tips">
                <span class="info c-primary">请扫描盒子外壳或电路板上的二维码</span>
                <span class="error c-red mui-hidden"></span>
            </div>
        </li>
    </ul>

    <ul class="mui-table-view mui-table-view-radio intfTypeRadio">
        <li class="mui-table-view-cell mui-selected" intfType="uart">
            <a class="mui-navigate-right">这是串口设备</a>
        </li>
        <li class="mui-table-view-cell" intfType="pulse">
            <a class="mui-navigate-right">这是脉冲设备</a>
        </li>
    </ul>

    <ul class="mui-table-view margin-t-10">
        <li class="mui-table-view-cell">逻辑码：<span class="logicalCode c-success"></span></li>
        <li class="mui-table-view-cell">IMEI：<span class="devNo c-success"></span></li>
        <div class="more-info">
            <li class="mui-table-view-cell">绑定时间：<span class="bindTime "></span></li>
            <li class="mui-table-view-cell">测试时间：<span class="testTime "></span></li>
            <li class="mui-table-view-cell">测试结果：<span class="testResult "></span></li>
            <li class="mui-table-view-cell">软件版本：<span class="softVer "></span></li>
            <li class="mui-table-view-cell">硬件版本：<span class="hwVer "></span></li>
            <li class="mui-table-view-cell">驱动编码：<span class="driverCode"></span></li>
            <li class="mui-table-view-cell">驱动版本：<span class="driverVersion"></span></li>
            <li class="mui-table-view-cell">生产厂商：<span class="mf"></span></li>
            <li class="mui-table-view-cell">核心版本：<span class="coreVer"></span></li>
            <li class="mui-table-view-cell">主板检测：<span class="boardValid"></span></li>
            <li class="mui-table-view-cell">异常标记：<span class="label c-red"></span></li>
        </div>
    </ul>

    <div class="result-panel">
        <h5 class="result-panel-tips ">上分记录</h5>
        <ul class="mui-table-view result-list">
        </ul>
    </div>

    <div class="right-menu">
        <div class="menu-item" onclick="moreInfo()">设备详情</div>
        <div class="menu-item" onclick="markDev()">标记异常</div>
    </div>

    <div class="handle-panel">
        <div class="handle-btn scan-btn" onclick="scanQRCode()">扫描二维码</div>
        <div class="handle-btn upper-oper">
            <div class="handle-btn-sub mui-input-row mui-input-range ">
                <input id="coins" type="range" step="1" min="1" max="10" value="1" onchange="showCoins()"/>
            </div>
            <div class="handle-btn-sub upper-btn" onclick="upper()">上分（1个）</div>
            <div class="handle-btn-sub next-btn" onclick="next()">下一个</div>
        </div>
    </div>
</div>

<div class="markDialog edit-back mui-hidden">
    <div class="edit-content">
        <div class="edit-box">
            <div class="reg-des">
                <label>标签</label>
                <textarea id="label" maxlength="100" rows="1" placeholder=""></textarea>
            </div>

            <div class="mark-list">
                <a href="javascript:void(0)" class="mark-item">红灯慢闪，无法上线</a>
                <a href="javascript:void(0)" class="mark-item">红灯不亮、无法上线</a>
                <a href="javascript:void(0)" class="mark-item">上分成功，不跳时</a>
                <a href="javascript:void(0)" class="mark-item">投币成功、不跳时</a>
                <a href="javascript:void(0)" class="mark-item">响应非常慢</a>
                <a href="javascript:void(0)" class="mark-item">所有灯不亮</a>
            </div>
        </div>
        <div class="mui-popup-buttons">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold">保存</span>
        </div>
    </div>
</div>

</body>
<script src="/components/lib/jquery.min.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script src="/components/lib/mui.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.0/alipayjsapi.inc.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script>

    $(function () {
        var coins = getConst("coins");
        if (coins) {
            $("#coins").val(coins);
            $(".upper-btn").text("上分（" + coins + "个）");
        }
    });

    var logicalCode = "";
    var devNo = "";

    function scanQRCode() {
        // 先置空信息，避免扫码失败后信息又没有刷新
        setInfo({});

        ScanResult(function (resultStr) {
            var code = "";
            var type = "";

            if (resultStr.indexOf("http") > -1) {
                var url = new URL(resultStr);
                code = logicalCode = url.searchParams.get("l");
                $(".logicalCode").text(logicalCode);
                type = "logicalCode";
            } else {
                code = devNo = resultStr;
                $(".devNo").text(devNo);
                type = "devNo";
            }

            getDevInfo(code, type);
        });
    }

    //显示更多设备信息
    function moreInfo() {
        if ($(".more-info").hasClass("hidden")) {
            $(".more-info").removeClass("hidden");
        } else {
            $(".more-info").addClass("hidden");
        }
    }

    function setInfo(obj) {
        $(".logicalCode").text(obj.logicalCode || '');
        $(".devNo").text(obj.devNo || '');
        $(".bindTime").text(obj.bindTime || '');
        $(".testTime").text(obj.testTime || '');
        $(".testResult").text(obj.testResult || '');
        $(".label").text(obj.label || '');
        $(".softVer").text(obj.softVer || '');
        $(".driverCode").text(obj.driverCode || '');
        $(".driverVersion").text(obj.driverVersion || '');
        $(".hwVer").text(obj.hwVer || '');
        $(".mf").text(obj.mf || '');
        $(".coreVer").text(obj.coreVer || '');
        $(".boardValid").text(obj.boardValid || '');
    }

    //扫码出结果后查询结果
    function getDevInfo(code, type) {
        $("#progress").show();
        var data = {};
        data[type] = code;

        sendRequestWithHeaders("/test/getDeviceInfo", "GET",
            get_token_headers("Tester"),
            data, function (response) {
                if (response.result == 1) {
                    var obj = response.para;

                    setInfo(obj);

                    devNo = obj.devNo;
                    logicalCode = obj.logicalCode;

                    if (obj.groupId) {
                        showMsg("error", "设备已绑定并已被经销商注册！无法上分！");
                    } else {
                        if (obj.logicalCode && obj.devNo) {
                            $(".device-test").addClass("step2");

                            showMsg("info", "IMEI和逻辑码已经绑定，可以上分。");
                        } else {
                            showMsg("error", "IMEI和逻辑码未绑定，暂不能上分！");
                        }
                    }
                } else {
                    showMsg("error", response.description);
                }
                $("#progress").hide();
            });
    }

    //添加标签到设备
    function markDev() {
        $('.markDialog').removeClass('mui-hidden');
        $('body').on('touchmove', function (e) {
            e.preventDefault();
        });

        $('.markDialog .mui-popup-buttons span').off().tap(function () {
            if ($(this).index() == 0) {
                //点击取消
                $('.markDialog').addClass('mui-hidden');
                $('body').off('touchmove');
            } else {
                //点击保存
                var label = $('#label').val();
                if ($.isEmptyObject(label)) {
                    return;
                }

                var data = {"logicalCode": logicalCode, "devNo": devNo, "label": label};
                var url = "/test/labelDevice";
                sendRequestWithHeaders(url, "POST", get_token_headers("Tester"), data, function (res) {
                    if (res.result == 1) {
                        $('.markDialog').addClass('mui-hidden');
                        mui.toast("保存成功");
                        $('body').off('touchmove');
                    } else {
                        mui.toast(res.description);
                    }
                }, "json");
            }
            return false;
        });
    }

    //添加预设标记
    $(function () {
        $(".mark-item").click(function () {
            $("#label").val($(this).text());
        })
    });

    //扫码出结果后进行上分
    function upper() {
        var coins = $("#coins").val();
        var url = "/test/onPoints";
        var type = $('.intfTypeRadio .mui-selected').attr("intfType");

        var data = {"value": logicalCode, "coins": coins, type: type};
        sendRequestWithHeaders(url, "POST", get_token_headers("Tester"), data, function (res) {
            if (res.result == 1) {
                mui.toast('上分成功');
                $(".result-list").prepend('<li class="mui-table-view-cell">逻辑码:<span>' + logicalCode + '</span>, IMEI:<span>' + devNo + '</span>, 数量:<span>' + coins + '</span></li>');
            } else {
                mui.toast(res.description);
            }

        });
    }

    //下一个设备
    function next() {
        scanQRCode();
    }

    function showCoins() {
        var coins = $("#coins").val();
        $(".upper-btn").text("上分（" + coins + "个）");
        setConst("coins", coins);
    }

    function showMsg(type, text) {
        if (type == "error") {
            $(".error").removeClass("mui-hidden").text(text);
            $(".info").addClass("mui-hidden");
        } else {
            $(".error").addClass("mui-hidden");
            $(".info").removeClass("mui-hidden").text(text);
        }
    }

    function setConst(key, value) {
        var conArr = localStorage.testconst ? JSON.parse(localStorage.testconst) : {};
        conArr[key] = value;
        localStorage.testconst = JSON.stringify(conArr);
    }

    function getConst(key) {
        var conArr = localStorage.testconst ? JSON.parse(localStorage.testconst) : {};
        return conArr[key];
    }

</script>
</html>