dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
							<!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/lib/mui.picker.min.css"/>
    <link rel="stylesheet" href="/components/custom/css/common.css"/>
    <link rel="stylesheet" href="/app/css/xyf.common.min.css"/>
    <style>
        .result-panel {
            top: 120px;
        }

        .device-test .mui-table-view {
            box-shadow: none;
        }
    </style>
</head>
<body>

<div class="mui-table-view mui-reset">
    <div class="mui-row">
        <div class="mui-col-xs-9 mui-col-sm-9">
            <span class="font-b-14-6 filter-blank" id="title">请选择驱动</span>
        </div>
        <div class="mui-col-xs-3 mui-col-sm-3 mui-text-right">
            <div class="filter-btn"><i class="iconfont icon-manger"></i> 驱动</div>
        </div>
    </div>
</div>

<div class="filter-panel" style="display: none" id="options">
    <div class="input-group-vertical mui-table-view clear-b-border">
        <div class="or-border-fir mui-input-row input-clear or-order-status" id="driverType">
            <label class="or-label-text">驱动名</label>
            <span class="mui-icon mui-icon-arrowright"></span>
            <span class="or-order-status-font selected-text">全部</span>
        </div>
        <div class="mui-input-row filter-panel-btn flexbox">
            <span class="cancel-btn flex">取消</span>
            <span class="ok-btn flex">确定</span>
        </div>
    </div>
</div>

<div class="device-test">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell font-14" onclick="getComDriver()">设备信息：<span class="logicalCode c-success"></span></li>
    </ul>

    <h5 class="result-panel-tips mui-hidden">记录，总共 <em class="c-success"></em> 个</h5>
    <div class="result-panel">
        <ul class="mui-table-view result-list">
        </ul>
    </div>

    <div class="handle-panel">
        <div class="handle-btn scan-btn" onclick="scanQRCode()">扫码并安装驱动</div>
    </div>
</div>

</body>
<script src="/components/lib/jquery.min.js"></script>
<script src="/components/lib/mui.min.js"></script>
<script src="../components/lib/mui.picker.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="/app/js/xyf.common.js"></script>
<script src="/components/custom/js/common.js"></script>
<script>
    var driverValue = "";
    var driverName = "";
    var logicalCode;
    //设备地址 选择器
    var driverPicker = new mui.PopPicker({
        layer: 1
    });
    driverPicker.setData([
        {value: 'charge_dianchuan_com', text: 'charge_dianchuan_com'},
        {value: 'charge_mxzv1.0_com', text: 'charge_mxzv1.0_com'},
        {value: 'charge_mxzv2.0_com', text: 'charge_mxzv2.0_com'},
        {value: 'carwasher_lshb_com', text: 'carwasher_lshb_com'}]
    );

    //状态选择器展示
    $("#driverType").on("tap", function () {
        driverPicker.show(function (rs) {
            driverValue = rs[0].value;
            driverName = rs[0].text;
            $('#driverType .selected-text').html(driverName);
            $("#title").text("驱动：" + driverName);
        });
        return false;
    });

    FilterComponent({
        ok: function () {
        }
    });

    function scanQRCode() {
        if (!driverValue) {
            mui.toast('请先选择驱动信息！');
            return
        }

        ScanResult(function (resultStr) {
            if (resultStr.indexOf("http") > -1) {
                var url = new URL(resultStr);
                logicalCode = url.searchParams.get("l");
                getComDriver();//获取驱动

                installDriver(logicalCode);
            }
        });
    }

    function getComDriver() {
        if(!logicalCode){
            return
        }

        // 获取设备驱动信息
        sendRequestWithHeaders({
            url: "/test/getComDriver",
            type: "GET",
            headers: get_token_headers("Tester"),
            mask:"正在获取驱动信息...",
            data: {logicalCode: logicalCode},
            success: function (response) {
                if (response.result == 1) {
                    var payload = response.payload;
                    $(".logicalCode").text("编号：" + logicalCode + "，驱动：" + payload.driverCode + "，" + payload.driverVersion);
                } else {
                    mui.toast(response.description);
                }
            }
        });
    }

    function installDriver(logicalCode) {

        mui.confirm('确定安装驱动' + driverName + '？', '提示', ["取消", "确定"], function (e) {
            if (e.index == 1) {
                sendRequestWithHeaders({
                    url: "/test/setComDriver",
                    type: "POST",
                    headers: get_token_headers("Tester"),
                    data: {logicalCode: logicalCode, driverName: driverValue},
                    success: function (response) {
                        if (response.result == 1) {
                            $(".result-list").prepend('<li class="mui-table-view-cell">逻辑码:<span>' + logicalCode + '</span>，驱动:<span>' + driverValue + '</span></li>');
                            $(".result-panel-tips em").text($(".result-list li").length);
                            $(".result-panel-tips").removeClass("mui-hidden");
                            mui.toast("安装成功");
                        } else {
                            mui.toast(response.description);
                        }
                    }
                });
            }
        });

    }

</script>
</html>