manghe/app/admin/view/Statistics/lotteryUsers.html
2025-04-27 17:27:12 +08:00

67 lines
2.8 KiB
HTML

{include file="Public:header3"/}
<body>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-header">
抽奖用户列表
<span class="layui-badge" id="boxInfo"></span>
</div>
<div class="layui-card-body">
<table id="lotteryUserTable" lay-filter="lotteryUserTable"></table>
</div>
</div>
</div>
{include file="Public:footer3"/}
<script>
layui.use(['table', 'layer', 'form'], function () {
var $ = layui.$;
var table = layui.table;
var layer = layui.layer;
// 获取URL参数
var goodsId = '{:input("goods_id")}';
// 初始化表格
table.render({
elem: '#lotteryUserTable',
url: '{:url("/admin/statistics_lotteryUsersData")}?goods_id=' + goodsId,
method: 'get',
page: true,
limit: 20,
cols: [[
{field: 'user_id', title: '用户ID', width: 100},
{field: 'nickname', title: '用户昵称', width: 150},
{field: 'lottery_count', title: '抽奖次数', width: 120, sort: true},
{field: 'output_value', title: '出货价值', width: 120, templet: '<div>¥ {{d.output_value.toFixed(2)}}</div>', sort: true},
{field: 'wx_payment', title: '微信支付', width: 120, templet: '<div>¥ {{d.wx_payment.toFixed(2)}}</div>', sort: true},
{field: 'diamond_payment', title: '钻石支付', width: 120, templet: '<div>¥ {{d.diamond_payment.toFixed(2)}}</div>', sort: true},
{field: 'total_payment', title: '总支付金额', width: 120, templet: '<div>¥ {{d.total_payment.toFixed(2)}}</div>', sort: true},
{title: '操作', width: 120, templet: function(d){
return '<button class="layui-btn layui-btn-xs" onclick="viewUserDetail(' + d.user_id + ')">查看详情</button>';
}}
]],
done: function(res) {
// 更新盒子信息
if(res.boxInfo) {
$('#boxInfo').html(res.boxInfo.title);
}
}
});
});
// 查看用户详情
function viewUserDetail(userId) {
var goodsId = '{:input("goods_id")}';
layer.open({
type: 2,
title: '用户抽奖详情',
shadeClose: false,
shade: 0.3,
area: ['80%', '80%'],
content: '{:url("/admin/statistics_userLotteryDetail")}?goods_id=' + goodsId + '&user_id=' + userId
});
}
</script>
</body>
</html>