dayuan
/
manyi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="author" content="">
    <meta name="description" content=""/>
    <meta name="keywords" content="扫码支付，线上投币，运营数据，物联网"/>
    <meta name="format-detection" content="telephone=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">
</head>
<body>
<div class="mui-input-group custom-top remote mui-hidden">

    <div class="mui-input-row autoheight ">
        <label>上分数量</label>
        <div class="" id="otherType">
            <div class="mui-numbox" data-numbox-min='1' data-numbox-max='10'>
                <button class="mui-btn mui-btn-numbox-minus" type="button">&minus;</button>
                <input class="mui-input-numbox" id="coins" type="tel" value="1"/>
                <button class="mui-btn mui-btn-numbox-plus" type="button">&plus;</button>
            </div>
            <p class="remote-range">数值范围&nbsp;1~10</p>
        </div>

    </div>
</div>

<ul class="mui-table-view ">
    <li class="mui-table-view-cell" id="devInfo">
        <p class="font-b-6">暂无设备信息</p>
    </li>
</ul>

<div class="mui-input-group padding-10 margin-t-10 mui-hidden" id="attachParam">

</div>

<!-- 套餐容器 -->
<form class="mui-input-group mui-control-content mui-active custom-top mui-hidden" id="packagePanel">

</form>

<div class="custom-subt">
    <input id="submitBtn" class="mui-btn-block btn-success" type="button" value="上分">
    <input id="scanBtn" class="mui-btn-block custom-top btn-blue" type="button" value="继续扫码">
</div>

<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="/app/js/xyf.common.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    var logicalCode = getQueryString("logicalCode");

    if (logicalCode) {
        //加载套餐
        getPackages(logicalCode);
    }

    $(function () {

        //上分
        var onPoints = function () {
            var coins = $("#coins").val();//todo 不再以具体分数上分？
            var ruleId = $('[name="onPoint"]:checked ').val();

            if (ruleId == null) {
                mui.toast('请选择套餐进行上分');
                return;
            }

            var url = "/agent/onPoints";
            var data = {"logicalCode": logicalCode, "ruleId": ruleId, attachParas: JSON.stringify(attachParas)};
            sendRequest(url, "POST", data, function (res) {
                if (res.result == 1) {
                    mui.toast('上分成功');
                } else {
                    mui.toast(res.description);
                }
            });
        };

        //上分器
        $('#coins').keyup(function () {
            if ($(this).val() <= 0 && $(this).val() != '') {
                $(this).val(1);
                $(this).prev().attr('disabled', true);
                $(this).next().attr('disabled', false);

            } else if ($(this).val() > 10) {
                $(this).val(10);
                $(this).prev().attr('disabled', false);
                $(this).next().attr('disabled', true);

            } else if ($(this).val() > 1 || $(this).val() < 10) {
                $(this).prev().attr('disabled', false);
                $(this).next().attr('disabled', false);
            }
        });

        $("#submitBtn").tap(function () {
            onPoints();
        });

        $("#scanBtn").tap(function () {
            ScanResult(function (resultStr) {
                sendRequest("/device/checkEquipment?uniqueCode=" + resultStr,
                        "GET", null, function (response) {
                            if (response.result == 1 || response.result == 102) {
                                logicalCode = response.para.logicalCode; //设备逻辑码
                            } else {
                                alert(response.description);
                            }
                        });
            })
        });

        //限制软键盘弹出后pickerUI跳动
        $('#deviceID, #coins').focus(function () {
            $('.mui-poppicker').addClass('mui-hidden');
        });
    });

    var attachParas = {};   //加载附加参数
    function getPackages(logicalCode) {
        //初始化加载各个类型设备的套餐
        var url = "/dealer/getPackages";
        var data = {"logicalCode": logicalCode};
        sendRequest(url, "GET", data, function (res) {
            if (res.result == 1) {
                var devData = res.para.devData;

                //加载附加参数
                if (window.PackageSelectComponent) {
                    //暂定为：如果有chargeIndex，则展示附加参数
                    if (!$.isEmptyObject(devData.chargeIndex)) {
                        $("#attachParam").removeClass("mui-hidden");
                        attachParas = PackageSelectComponent({
                            devTypeInfo: {code: devData.typeCode, chargeIndex: devData.chargeIndex},
                            el: "#attachParam"
                        }).attachParas;
                    }
                }

                $("#devInfo").html('<a href="javascript:void(0);">' +
                        '<p>' + "<i class='c-primary iconfont " + getDevIconName(devData.type) + "'></i> " + devData.type + ' ' + devData.groupNumber + '</p>' +
                        '<p class="mui-ellipsis">' + devData.groupName + '</p></a>');

                var html = "";
                res.para.ruleList.sort(function (objA, objB) {
                    return objA.coins - objB.coins;
                });

                $.each(res.para.ruleList, function (i, obj) {
                    var timeText = (obj.time ? obj.time + "分钟" : "");
                    if (obj.name == "充满自停" && devData.typeCode == 100207) {
                        timeText=""
                    }

                    html += '<div class="mui-table-view-cell mui-radio mui-left">' +
                            '<input class="" name="onPoint" type="radio" value="' + obj.id + '">' +
                            obj.coins + '币 <span class="">' + (obj.price || 0) + '元</span> ' + obj.name +
                            " " + timeText +
                            '<span class="mui-pull-right" >' +
                            '</span>' +
                            '</div>';
                });
                $("#packagePanel").html(html).removeClass("mui-hidden");
            }else {
                html = '<div class="mui-table-view-cell mui-radio mui-left">' +
                            '<input class="" name="onPoint" type="radio" value="' + 1 + '">' +
                            1 + '币 <span class="">' + 1 + '元</span> ' + '测试' +
                            " " + '测试' +
                            '<span class="mui-pull-right" >' +
                            '</span>' +
                            '</div>';
                $("#packagePanel").html(html).removeClass("mui-hidden");
            }
        });
    }

</script>
</body>
</html>