183 lines
6.1 KiB
HTML
183 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>充值记录</title>
|
|
</head>
|
|
<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">
|
|
<style>
|
|
.layui-table-cell {
|
|
height: auto !important;
|
|
}
|
|
|
|
.search-tool {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.search-tool span {
|
|
float: left;
|
|
}
|
|
|
|
.search-tool input {
|
|
width: 70%;
|
|
}
|
|
|
|
.layui-table-view {
|
|
margin-top: 55px !important;
|
|
}
|
|
</style>
|
|
|
|
<body class="gray-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
<div class="ibox-title">
|
|
<h5>充值记录</h5>
|
|
<a style="float: right; color:#0080ff;" onclick="javascript:window.history.go(0);">刷新</a>
|
|
<div class="ibox-content">
|
|
<table id="list" lay-filter="test" class="layui-hide"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="__CDN__/static/admin/js/jquery.min.js"></script>
|
|
<script src="__CDN__/static/admin/js/layui/layui.js"></script>
|
|
|
|
<script>
|
|
var layer;
|
|
layui.use('layer', function () {
|
|
layer = layui.layer;
|
|
});
|
|
layui.use('table', function () {
|
|
let table = layui.table;
|
|
// 加载列表
|
|
table.render({
|
|
elem: '#list',
|
|
url: "{:url('index/getRechargeRecord')}",
|
|
|
|
limit: 10,
|
|
page: true,
|
|
cols: [
|
|
[
|
|
{
|
|
field: 'id',
|
|
title: '序号',
|
|
align: 'center',
|
|
sort: true
|
|
},
|
|
{
|
|
field: 'user_id',
|
|
title: '用户ID',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'user_name',
|
|
title: '用户名',
|
|
align: 'center',
|
|
sort: true
|
|
},
|
|
{
|
|
field: 'amount',
|
|
title: '充值金额',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'payment_type',
|
|
title: '充值方式',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'bank_user_name',
|
|
title: '银行卡姓名',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'bank_number',
|
|
title: '银行卡号',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'worker_name',
|
|
title: '工作者',
|
|
align: 'center',
|
|
sort: false
|
|
},
|
|
{
|
|
field: 'created_time',
|
|
title: '日期',
|
|
align: 'center',
|
|
sort: true
|
|
},
|
|
]
|
|
],
|
|
text: {
|
|
none: '暂无相关数据', //默认：无数据。
|
|
},
|
|
id: 'testReload'
|
|
});
|
|
|
|
// 重载列表
|
|
var $ = layui.$,
|
|
active = {
|
|
reload: function () {
|
|
var start_time = $('#start_time').val();
|
|
var end_time = $('#end_time').val();
|
|
var search_input = $('#search_input').val();
|
|
//执行重载
|
|
table.reload('testReload', {
|
|
url: "{:url('index/getRechargeRecord')}",
|
|
method: 'get',
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
},
|
|
where: {
|
|
start_time: start_time,
|
|
end_time: end_time,
|
|
search_input: search_input,
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$('#search').on('click', function () {
|
|
var type = $(this).data('type');
|
|
// 搜索条件
|
|
var start_time = $('#start_time').val();
|
|
var end_time = $('#end_time').val();
|
|
var search_input = $('#search_input').val();
|
|
if (!start_time && !end_time && !search_input) {
|
|
// layer.msg('搜索条件不能为空');
|
|
// return;
|
|
}
|
|
active[type] ? active[type].call(this) : '';
|
|
});
|
|
|
|
});
|
|
|
|
layui.use('laydate', function () {
|
|
var laydate = layui.laydate;
|
|
laydate.render({
|
|
elem: '#start_time',
|
|
type: 'date'
|
|
});
|
|
|
|
laydate.render({
|
|
elem: '#end_time',
|
|
type: 'date'
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |