129 lines
4.7 KiB
HTML
129 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>金币充值</title>
|
||
<link href="__CDN__/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||
<link href="/static/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
||
<link href="__CDN__/static/admin/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
||
<link href="__CDN__/static/admin/css/animate.min.css" rel="stylesheet">
|
||
<link href="__CDN__/static/admin/css/style.min.css?v=4.1.0" rel="stylesheet">
|
||
<link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" media="all">
|
||
</head>
|
||
|
||
<body class="gray-bg">
|
||
<div class="wrapper wrapper-content animated fadeInRight">
|
||
<div class="ibox-title">
|
||
<h5>金币充值</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<h3 style="margin-left:8%;margin-top:30px;">剩余额度： <span style="color:red;" id="amount">{$amount}</span> 元</h3>
|
||
<form class="layui-form" style="margin-left:6%" id="addGodsForm">
|
||
<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">玩家ID</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="id" placeholder="请输入" lay-verify="number" autocomplete="off" class="layui-input"
|
||
style="width:330px;margin-top:30px;">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">充值金额(元)</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="coin_num" placeholder="请输入" lay-verify="number" autocomplete="off"
|
||
class="layui-input" style="width:330px;margin-top:40px;margin-bottom:40px;">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付方式</label>
|
||
<div class="layui-input-block" style="width:330px;">
|
||
<select name="customer_way" lay-verify="required">
|
||
<option value="">请选择支付方式</option>
|
||
{foreach $pay_types as $k => $v}
|
||
<option value="{$k}">{$v}</option>
|
||
{/foreach}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">支付凭证</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="pay_url" placeholder="请输入支付截图链接" autocomplete="off" class="layui-input"
|
||
style="width:330px;margin-top:40px;margin-bottom:5px;">
|
||
<span style="font-size:12px;color:red;">注意：聊天页面右键点击用户发送的支付截图复制图片链接</span>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" style="margin-top:40px">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn" lay-submit lay-filter="btnAddObj" onclick="recharge()" type="button">立即提交</button>
|
||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<script src="__CDN__/static/admin/js/layui/layui.js"></script>
|
||
<script src="__CDN__/static/admin/js/jquery.min.js?v=2.1.4"></script>
|
||
<script>
|
||
layui.use('form', function () {
|
||
var form = layui.form;
|
||
form.render();
|
||
});
|
||
/**
|
||
* 充值
|
||
*/
|
||
function recharge() {
|
||
var form = $('#addGodsForm').serialize();
|
||
layer.confirm('确定充值吗?', function () {
|
||
var layerMsg = layer.load(1, {
|
||
icon: 0,
|
||
shade: [0.5, 'black']
|
||
});
|
||
$.ajax({
|
||
url: "{:url('index/rechargeCoin')}"
|
||
, data: form
|
||
, type: "post"
|
||
, dataType: "json"
|
||
, success: function (data) {
|
||
layer.close(layerMsg);
|
||
if (1 == data.code) {
|
||
layer.msg(data.msg);
|
||
$("#amount").text(($("#amount").text() - 0) - (data.data - 0));
|
||
$("#addGodsForm")[0].reset();
|
||
} else {
|
||
layer.msg(data.msg);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
layui.use('upload', function () {
|
||
var upload = layui.upload;
|
||
|
||
//执行实例
|
||
var uploadInst = upload.render({
|
||
elem: '#test1' //绑定元素
|
||
, url: '{:url("index/upImg")}' //上传接口
|
||
, exts: 'png|jpg|jpeg|gif'
|
||
, done: function (res) {
|
||
//上传完毕回调
|
||
if (0 == res.code) {
|
||
console.log(res.data);
|
||
$("#pay_img").val(res.data.src);
|
||
} else {
|
||
layer.msg(res.msg);
|
||
}
|
||
}
|
||
, error: function () {
|
||
//请求异常回调
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |