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>
|