236 lines
11 KiB
HTML
236 lines
11 KiB
HTML
{include file="public/header"}
|
|
<style>
|
|
.x-body .layui-row{ margin-top:-10px; line-height:25px; background:#f5f5f5; border-radius:10px; }
|
|
.x-body .layui-row .xblock button{ margin-top:-20px; }
|
|
.x-body .layui-form{ margin-top:15px; margin-bottom:10px; }
|
|
.x-body .layui-form .layui-input-block{ display:inline-block; width:150px; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item{ display:inline-block; margin-left:0; }
|
|
.x-body .layui-form .layui-form-item .layui-form-label{ width:48px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block{ margin-left:-10px; width:100px; }
|
|
.x-body .layui-form .layui-form-item .layui-input-block .layui-form-radio i{ margin-right:4px; }
|
|
.x-body .layui-form .layui-form-item .layui-form-radio{ margin-top:6px; margin-right:-8px; }
|
|
.layui-input-block dl{ text-align:left; }
|
|
.x-so{ margin:0; }
|
|
.x-so input.layui-input{ width:150px; }
|
|
.x-nav{overflow: inherit; } .x-nav .refresh{margin-right: 20px; }
|
|
.change_box .actived{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5; position: relative; color: #3daae9; }
|
|
.change_box .actived:after{content: ""; bottom: -2px; background: #fff; width: 100%; height: 5px; position: absolute; left: 0; }
|
|
.change_box a{font-size: 14px;padding: 10.5px 10px;}
|
|
|
|
.alert{position:fixed; top:15%; left:30%; width:400px; min-height:320px; background:#fff; border:1px solid #e2e2e2; border-radius:5px; display:none;}
|
|
.alert-title{background:#009688; height:40px; text-align: center; line-height:40px; font-size:14px; border-bootom:1px solid #F2F2F2;color:#fff;}
|
|
.add_input{padding: 10px; font-size: 14px;text-align: center;}
|
|
.alert-footer{padding:20px; text-align:center;}
|
|
.alert-footer span{padding:10px 30px; display:inline-block; border-radius:5px; cursor:pointer;}
|
|
</style>
|
|
<body>
|
|
<div class="x-nav" style="padding: 0px;">
|
|
<span class="change_box">
|
|
<a href="javascript:;" class="list-one actived" data-id="1">收款银行列表</a>
|
|
<a href="javascript:;" class="list-two" data-id="2">收款二维码列表</a>
|
|
</span>
|
|
<a class="layui-btn layui-btn-small refresh" style="line-height:1.6em;margin-top:3px;float:right"
|
|
href="javascript:location.replace(location.href);" title="刷新">
|
|
<i class="layui-icon" style="line-height:30px">ဂ</i></a>
|
|
</div>
|
|
<br>
|
|
<div class="layui-row">
|
|
<span class="layui-btn" style="margin-left: 20px;" onclick="showAdd()">添加</span>
|
|
</div>
|
|
<div class="x-body">
|
|
<table class="layui-table">
|
|
<thead>
|
|
<tr>
|
|
<th>编号</th>
|
|
<th>收款人姓名</th>
|
|
<th>收款银行</th>
|
|
<th>收款银行账号</th>
|
|
<th>状态</th>
|
|
<th>创建时间</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach name="recharge_list" item="vo"}
|
|
<tr>
|
|
<td>{$vo.id}</td>
|
|
<td>{$vo.receivables_name}</td>
|
|
<td>{$vo.receivables_bank}</td>
|
|
<td>{$vo.receivables_bank_number}</td>
|
|
<td>{$vo.is_use}</td>
|
|
<td>{$vo.create_time}</td>
|
|
<td>
|
|
<a href="javascript:;" onclick="edit_bank(this)" receivables_id="{$vo.id}" receivables_name="{$vo.receivables_name}" receivables_bank="{$vo.receivables_bank}" receivables_bank_number="{$vo.receivables_bank_number}" status="{$vo.status}">
|
|
<span class="layui-btn layui-btn-normal layui-btn-mini" style="background:#009688;" >修改</span>
|
|
</a>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
{$recharge_list->render()}
|
|
</div>
|
|
<div class="alert" id="alert_add">
|
|
<div class="alert-title">添加收款银行卡</div>
|
|
<div class="alert-main">
|
|
<div class="add_input">收款人姓名:<input id="receivables_name" name="receivables_name" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">收款人银行:<input id="receivables_bank" name="receivables_bank" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">收款人卡号:<input id="receivables_cardnum" name="receivables_cardnum" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">是否启用: <input name="is_use" class="required is_use" type="radio" value="1" maxlength="20" style="color:#999;width:35px;" checked><span>是</span>
|
|
<input name="is_use" class="required is_use" type="radio" value="0" maxlength="20" style="color:#999;width:35px;"><span>否</span></div>
|
|
</div>
|
|
<div class="alert-footer">
|
|
<span onclick="do_add_bank()" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">提交</span>
|
|
<span onclick="hiddenForm('alert_add')" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">关闭</span>
|
|
</div>
|
|
</div>
|
|
<div class="alert" id="alert_edit">
|
|
<div class="alert-title">修改收款银行卡</div>
|
|
<div class="alert-main">
|
|
<input type="hidden" id="edit_receivables_id" value="">
|
|
<div class="add_input">收款人姓名:<input id="edit_receivables_name" name="receivables_name" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">收款人银行:<input id="edit_receivables_bank" name="receivables_bank" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">收款人卡号:<input id="edit_receivables_cardnum" name="receivables_cardnum" type="text" value maxlength="50" minlength="3"></div>
|
|
<div class="add_input">是否启用: <input name="edit_is_use" class="required edit_is_use" type="radio" value="1" maxlength="20" style="color:#999;width:35px;"><span>是</span>
|
|
<input name="edit_is_use" class="required edit_is_use" type="radio" value="0" maxlength="20" style="color:#999;width:35px;"><span>否</span></div>
|
|
</div>
|
|
<div class="alert-footer">
|
|
<span onclick="do_edit_bank()" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">提交</span>
|
|
<span onclick="hiddenForm('alert_edit')" class="input_button" style="background:#009688; border:1px solid #e2e2e2;color:#fff;">关闭</span>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// 代理列表和添加代理切换
|
|
$('.x-nav .change_box a').click(function(){
|
|
// 样式切换
|
|
$('.x-nav .change_box a').removeClass('actived');
|
|
$(this).addClass('actived');
|
|
// 页面切换
|
|
var id = $(this).attr('data-id');
|
|
if(id == "1") location.href = '/recharge/index';
|
|
if(id == "2") location.href = '/recharge/qr_code';
|
|
});
|
|
|
|
/**
|
|
* 封装 AJAX 函数
|
|
* @param url 目标地址
|
|
* @param query 参数
|
|
* @returns {string}
|
|
*/
|
|
function ajax(url, query) {
|
|
var returnData = "";
|
|
$.ajax({
|
|
url: url,
|
|
data: query,
|
|
type: 'POST',
|
|
dataType: 'JSON',
|
|
async: false,
|
|
success: function (data) {
|
|
returnData = data;
|
|
}
|
|
});
|
|
return returnData;
|
|
}
|
|
// 显示用户的赔率
|
|
function showAdd(){
|
|
$('#alert_add').show();
|
|
}
|
|
//点击隐藏表单弹窗
|
|
function hiddenForm(id) {
|
|
$('#receivables_name').val('');
|
|
$('#receivables_bank').val('');
|
|
$('#receivables_cardnum').val('');
|
|
$('#' + id).hide();
|
|
}
|
|
function do_add_bank(){
|
|
var query = new Object();
|
|
query.receivables_name = $('#receivables_name').val();
|
|
query.receivables_bank = $('#receivables_bank').val();
|
|
query.receivables_cardnum = $('#receivables_cardnum').val();
|
|
query.is_use = $('.is_use:checked').val();
|
|
if(query.receivables_name.length == 0){
|
|
layer.alert("请填写收款人姓名!");
|
|
return false;
|
|
}
|
|
if(query.receivables_bank.length == 0){
|
|
layer.alert("请填写收款银行!");
|
|
return false;
|
|
}
|
|
if(query.receivables_cardnum.length == 0){
|
|
layer.alert("请填写收款人卡号!");
|
|
return false;
|
|
}
|
|
if(query.is_use.length == 0){
|
|
layer.alert("请选择收款银行卡状态!");
|
|
return false;
|
|
}
|
|
var result = ajax('/recharge/do_add_bank',query);
|
|
if(result.code == 1){
|
|
layer.alert(result.msg, {icon: 6}, function () {
|
|
location.href = "/recharge/index";
|
|
});
|
|
}else{
|
|
layer.alert(result.msg,{icon:2});
|
|
}
|
|
return false;
|
|
|
|
}
|
|
function edit_bank(obj){
|
|
$('input:radio[name="edit_is_use"]').removeAttr('checked');
|
|
var receivables_name = $(obj).attr('receivables_name');
|
|
var receivables_bank = $(obj).attr('receivables_bank');
|
|
var receivables_bank_number = $(obj).attr('receivables_bank_number');
|
|
var receivables_id = $(obj).attr('receivables_id');
|
|
var status = $(obj).attr('status');
|
|
$('#edit_receivables_id').val(receivables_id);
|
|
$('#edit_receivables_name').val(receivables_name);
|
|
$('#edit_receivables_bank').val(receivables_bank);
|
|
$('#edit_receivables_cardnum').val(receivables_bank_number);
|
|
if(status == 1){
|
|
$("input[name='edit_is_use'][value=1]").attr("checked",true);
|
|
$("input[name='edit_is_use'][value=0]").removeAttr("checked");
|
|
}else{
|
|
$("input[name='edit_is_use'][value=0]").attr("checked",true);
|
|
$("input[name='edit_is_use'][value=1]").removeAttr("checked");
|
|
}
|
|
$('#alert_edit').show();
|
|
}
|
|
function do_edit_bank(){
|
|
var query = new Object();
|
|
query.receivables_id = $('#edit_receivables_id').val();
|
|
query.receivables_name = $('#edit_receivables_name').val();
|
|
query.receivables_bank = $('#edit_receivables_bank').val();
|
|
query.receivables_cardnum = $('#edit_receivables_cardnum').val();
|
|
query.is_use = $('.edit_is_use:checked').val();
|
|
if(query.receivables_name.length == 0){
|
|
layer.alert("请填写收款人姓名!");
|
|
return false;
|
|
}
|
|
if(query.receivables_bank.length == 0){
|
|
layer.alert("请填写收款银行!");
|
|
return false;
|
|
}
|
|
if(query.receivables_cardnum.length == 0){
|
|
layer.alert("请填写收款人卡号!");
|
|
return false;
|
|
}
|
|
if(query.is_use.length == 0){
|
|
layer.alert("请选择收款银行卡状态!");
|
|
return false;
|
|
}
|
|
var result = ajax('/recharge/do_edit_bank',query);
|
|
if(result.code == 1){
|
|
layer.alert(result.msg, {icon: 6}, function () {
|
|
location.href = "/recharge/index";
|
|
});
|
|
}else{
|
|
layer.alert(result.msg,{icon:2});
|
|
}
|
|
return false;
|
|
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |