<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>红包管理</title>
|
<link rel="stylesheet" type="text/css" href="../../css/doui.min.css"/>
|
<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css"/>
|
|
<script src="../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../layui/layui.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
// getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
],
|
});
|
</script>
|
</head>
|
<body class="fontPC">
|
<div class="winSizeBox">
|
|
<!-- =============================================================== 搜索筛选(顶部) -->
|
<div id="thisHeader" style="width:7.5rem;"></div>
|
|
<!-- =============================================================== 表格 -->
|
<div id="thisTable" class="admin-main-overHeader"></div>
|
|
|
<!-- =============================================================== 标签设置 -->
|
<div id="admin-label-tan" class="layer-dark fboxCol Xcenter Ycenter displayNone">
|
<div class="admin-tan-box">
|
|
|
</div>
|
</div>
|
|
</div>
|
</body>
|
</html>
|
|
<script type="text/javascript">
|
|
// 赠送明细
|
function detailsView(key) {
|
layui.use('layer', function(){
|
layer.open({
|
type: 2,
|
title: '红包赠送明细',
|
shadeClose: true,
|
shade: 0.8,
|
area: ['80%', '80%'],
|
content: 'manage_detail.html?id=' + key ,//iframe的url
|
});
|
|
});
|
}
|
|
// 赠送明细
|
function giveDetailsView(key) {
|
layui.use('layer', function(){
|
layer.open({
|
type: 2,
|
title: '红包赠送明细',
|
shadeClose: true,
|
shade: 0.8,
|
area: ['80%', '80%'],
|
content: 'manage_detail.html?type=1&id=' + key ,//iframe的url
|
});
|
|
});
|
}
|
|
// 使用明细
|
function useDetailsView(key) {
|
layui.use('layer', function(){
|
layer.open({
|
type: 2,
|
title: '红包使用明细',
|
shadeClose: true,
|
shade: 0.8,
|
area: ['80%', '80%'],
|
content: 'manage_detail.html?type=2&id=' + key ,//iframe的url
|
});
|
|
});
|
}
|
|
// 提现明细
|
function exchangeDetailsView(key) {
|
layui.use('layer', function(){
|
layer.open({
|
type: 2,
|
title: '红包使用明细',
|
shadeClose: true,
|
shade: 0.8,
|
area: ['80%', '80%'],
|
content: 'manage_detail.html?type=3&id=' + key ,//iframe的url
|
});
|
});
|
}
|
</script>
|
|
<script type="text/javascript">
|
// ==================================================================================== 页面数据
|
// doui准备完毕
|
doui.onReady({
|
success: function ()
|
{
|
// ----------------------------------------------------- 顶部
|
// 生成顶部筛选项dom
|
adminDom.header.creat({ el: "#thisHeader" });
|
|
// 输入搜索
|
adminDom.header.input({ placeholder: "请输入用户id", })
|
|
// 筛选项
|
adminDom.header.screen({
|
show: true,
|
list: [
|
{
|
title: "状态",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: [0], value: "正常", check: false },
|
{ key: [1], value: "封禁", check: false },
|
],
|
input: { type: "number", num: 0 },
|
},
|
],
|
});
|
|
// 切换
|
adminDom.header.change({
|
show: true,
|
list: [
|
{ key: "5", value: "正序" },
|
{ key: "6", value: "倒序" },
|
{ key: "3", value: "提现榜" },
|
{ key: "1", value: "赠送榜" },
|
{ key: "2", value: "使用榜" },
|
{ key: "4", value: "累计榜" },
|
],
|
});
|
|
// ----------------------------------------------------- 表格
|
// 表格dom创建
|
adminDom.table.creat({
|
el: "#thisTable",
|
// 搜索触发
|
touchSearch: function (optC)
|
{
|
doui.showLoading({ content: "加载列表" });
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/redpack/record/query",
|
data: {
|
pageIndex: optC.table.page, // 页码
|
pageSize: optC.table.pageSize, // 每页数量
|
key: optC.input[0].result, // 搜索关键字
|
state: optC.screen[0].result[0], // 搜索状态
|
order: optC.table.order, // 排序
|
order: optC.change.result, // 顶部选项
|
},
|
success: function (res)
|
{
|
doui.hideLoading();
|
if (res.code != 0) { doui.showToast({ content: res.msg }); }
|
else
|
{
|
// 申明 表格内容数据
|
var mo_tr = []; // tr组
|
for (var i = 0, mo = res.data.result_list; i < mo.length; i++)
|
{
|
// 当前行
|
var thatTr = {
|
check: false,
|
td: [
|
{ title: "状态", key: mo[i].state, value: mo[i].state },
|
{ title: "用户ID", key: mo[i].id, value: mo[i].id },
|
{ title: "增加", key: mo[i].id, value: "今日："+ mo[i].todayWin + "，本月："+ mo[i].theMonthWin + "，累计："+ mo[i].totalWin },
|
{ title: "减少", key: mo[i].id, value: "今日："+ mo[i].todayreduce + "，本月："+ mo[i].theMonthreduce + "，累计："+ mo[i].totalreduce },
|
{ title: "赠送", key: mo[i].id, value: mo[i].giveMoney,class:"font-blue", click:"giveDetailsView"},
|
{ title: "使用", key: mo[i].id, value: mo[i].useMoney,class:"font-blue", click:"useDetailsView"},
|
{ title: "提现", key: mo[i].id, value: mo[i].exchangeMoney,class:"font-blue", click:"exchangeDetailsView" },
|
{ title: "余额", key: mo[i].money, value: mo[i].money },
|
{ title: "记录", key: mo[i].id, value: "查看", class:"font-blue", click: "detailsView"},
|
]
|
};
|
// 状态分析
|
if (thatTr.td[0].key == 1) {
|
thatTr.td[0].value = "封禁"; thatTr.td[0]["class"] = "font-red";
|
} else if (thatTr.td[0].key == 0) {
|
thatTr.td[0].value = "正常"; thatTr.td[0]["class"] = "font-green";
|
}
|
// 将当前行放入tr组
|
mo_tr.push(thatTr);
|
}
|
// 更新表格的数据
|
adminDom.table.opt({ pageMax: res.data.pe.totalPage }); // 最大页码
|
adminDom.table.tbody({ tr: mo_tr }); // 内容数据
|
}
|
}
|
});
|
},
|
});
|
|
// 表格设置
|
adminDom.table.opt({ pageSize: 20, });
|
// 表格头排
|
adminDom.table.thead({
|
th: [
|
{ title: "状态", width: "0.3rem", orderUp: "", orderDown: "" },
|
{ title: "用户ID", width: "0.4rem", orderUp: "", orderDown: ""},
|
{ title: "增加", width: "1rem", orderUp: "", orderDown: ""},
|
{ title: "减少", width: "1rem", orderUp: "", orderDown: "" },
|
{ title: "赠送", width: "0.5rem", orderUp: "", orderDown: "1" },
|
{ title: "使用", width: "0.5rem", orderUp: "", orderDown: "2"},
|
{ title: "提现", width: "0.5rem", orderUp: "", orderDown: "3"},
|
{ title: "余额", width: "0.5rem", orderUp: "", orderDown: ""},
|
{ title: "记录", width: "0.2rem", orderUp: "", orderDown: ""},
|
]
|
});
|
|
// 工具栏
|
adminDom.table.tools({
|
show: false,
|
});
|
|
// 模拟搜索点击
|
vm_table.search();
|
}
|
});
|
|
</script>
|
