60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<link href="/static/member/css/common.css" rel="stylesheet" />
|
|
<style>
|
|
.card-exchange { max-width: 520px; margin: 30px auto; }
|
|
.card-exchange .layui-card-body { padding: 30px; }
|
|
.card-tip { color: #999; font-size: 13px; line-height: 22px; margin-top: 10px; }
|
|
</style>
|
|
|
|
<div class="card-exchange">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">卡密充值</div>
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" lay-filter="cardExchangeForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">卡号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="cardno" required lay-verify="required" placeholder="请输入充值卡号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">密码</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="password" required lay-verify="required" placeholder="请输入充值密码" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="cardExchangeSubmit">立即充值</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
<div class="card-tip">
|
|
说明：充值卡密为一次性使用，兑换成功后余额将实时到账，可在「账户中心」查看余额变动记录。
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['layer', 'http', 'form'], function () {
|
|
var layer = layui.layer, http = layui.http, form = layui.form, $ = layui.$;
|
|
|
|
form.on('submit(cardExchangeSubmit)', function (data) {
|
|
var field = data.field;
|
|
http.post('/user/card/redeem', field).then(function (res) {
|
|
if (res.code === 0) {
|
|
layer.msg(res.message || '兑换成功', { icon: 1 });
|
|
$('form[lay-filter=cardExchangeForm]')[0].reset();
|
|
form.render();
|
|
} else {
|
|
layer.msg(res.message || '兑换失败', { icon: 2 });
|
|
}
|
|
}).catch(function (e) {
|
|
layer.msg('请求失败：' + e, { icon: 2 });
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|