dayuan
/
manyi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!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="https://cdn.washpayer.com/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>
    </style>
</head>
<body class="device-function">
<h4 class="param-title" id="device">设备</h4>

<!--发离线卡模式、离线卡密码修改模式、正常刷卡模式-->
<form class="device-param-form" interfaceName="setCardMode" validate="validatePassword">
    <h5 class="mui-content-padded font-b-6 ">刷卡器工作模式</h5>
    <div class="mui-input-group">
        <div class="mui-input-row mui-radio">
            <label for="card_mode0">正常刷卡模式</label>
            <input id="card_mode0" class="save-data" name="card_mode" value="0" type="radio">
        </div>
        <div class="mui-input-row mui-radio">
            <label for="card_mode1">发离线卡模式</label>
            <input id="card_mode1" name="card_mode" value="1" type="radio">
        </div>
        <div class="mui-input-row mui-radio">
            <label for="card_mode2">离线卡密码修改模式</label>
            <input id="card_mode2" class="save-data" name="card_mode" value="2" type="radio">
        </div>
    </div>

    <div class="passGroupRow">
        <h5 class="mui-content-padded font-b-6">请输入如下参数</h5>
        <div class="mui-input-group">
            <div class="mui-input-row" id="oldPwdRow">
                <label class="">设置卡密码为：</label>
                <input type="password" id="old_pwd" step="1" min="0" placeholder="6位数字密码"
                       class="save-data mui-input-password padding-r-35">
            </div>
            <div class="mui-input-row" id="newPwdRow">
                <label class="">设置卡的新密码为：</label>
                <input type="password" id="new_pwd" step="1" min="0" placeholder="6位数字密码"
                       class="save-data mui-input-password padding-r-35">
            </div>

            <div class="mui-input-row">
                <label class="">确认密码：</label>
                <input type="password" id="new_pwd2" step="1" min="0" placeholder="6位数字密码"
                       class="save-data mui-input-password padding-r-35">
            </div>

            <div class="mui-input-row" id="balanceRow" style="display: none">
                <label class="">设置卡余额为：</label>
                <input type="number" id="balance" max="5000" step="1" min="0"
                       class="save-data  padding-r-35"><span class="font-b-12"
                                                               style="position: absolute;right: 15px;top: 12px;">元</span>
            </div>
        </div>


    </div>

    <h5 class="padding-10 c-red tipsRow">
    </h5>

    <div class="subt">
        <input class="mui-btn-block" type="submit" value="保存">
    </div>
</form>

<script type="text/javascript" src="https://cdn.washpayer.com/components/lib/vue.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script src="/app/js/device-param.js"></script>
<script>
    let code = getQueryString("code");
    // 100269不需要旧密码
    if (code == 100269) {
        $('#oldPwdRow').remove()
    }
    initParam({
        params: {
            cardModeEnable: 'switch',
            balance: 'value',
            new_pwd: 'value',
            old_pwd: 'value',
            card_mode: 'radio',
        },
        getDeviceParamsUrl: '/dealer/getCardMode',
        callback: function (payload) {
            initCartType(payload.card_mode)
        }
    })

    var nowCardMode = 0
    // radio change事件
    $('input[type=radio][name=card_mode]').change(function () {
        nowCardMode = this.value
        initCartType(this.value)
    });

    function initCartType(value) {
        if (value == '0') {
            $('.passGroupRow').hide()
            $('.tipsRow').text('用户正常使用刷卡扣费充电。');
        } else if (value == '1') {
            // 发卡模式能改余额
            $('.passGroupRow').show()

            $('#oldPwdRow').hide()
            $('#newPwdRow label').text('设置卡密码为：')
            $('#balanceRow').show()
            $('.tipsRow').text('如果您想发离线卡给客户，需要在此模式下，将白卡放到刷卡器上，卡会被格式化为离线卡，格式化的时候，会重置卡的密码以及卡的余额。注意，结束后，务必还原到正常刷卡模式，否则用户无法正常刷卡充电。');
        } else if (value == '2') {
            // 改密码模式不能改余额
            $('.passGroupRow').show()

            $('#oldPwdRow').show()
            $('#oldPwdRow label').text('卡的旧密码为：')
            $('#newPwdRow label').text('设置卡的新密码为：')
            $('#balanceRow').hide()
            $('.tipsRow').text('在此模式下，修改离线卡的密码，离线卡的密码必须和刷卡器的密码一样，离线卡里面的数据才会被识别。注意修改完后，务必切换到正常刷卡模式，否则用户不能正常刷卡充电。');
        }
    }

    function validatePassword() {
        if (nowCardMode == 1 || nowCardMode == 2) {
            if ($('#new_pwd2').val() != $('#new_pwd').val()) {
                mui.alert('两次输入密码不一致，请重新输入');
                return false
            }
        }
    }

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