<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<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"/>
|
<script src="../../js/doui.min.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>
|
</body>
|
|
</html>
|
|
|
<script type="text/javascript">
|
|
// ==================================================================================== 页面数据
|
doui.onReady({
|
success: function ()
|
{
|
// ----------------------------------------------------- 顶部
|
// 创建顶部dom
|
adminDom.header.creat({ el: "#thisHeader", });
|
// 输入类型
|
adminDom.header.select({
|
show: true,
|
list: [
|
{ key: "1", value: "用户ID" },
|
{ key: "2", value: "用户昵称" },
|
{ key: "3", value: "手机号码" },
|
{ key: "4", value: "支付宝帐号" }
|
],
|
});
|
// 输入搜索
|
adminDom.header.input({ placeholder: "根据选择填写", })
|
// 筛选项
|
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 },
|
},
|
{
|
title: "账户等级",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: [1], value: "青铜", check: false },
|
{ key: [2], value: "白银", check: false },
|
{ key: [3], value: "黄金", check: false },
|
{ key: [4], value: "铂金", check: false },
|
],
|
input: { type: "number", num: 0 },
|
},
|
{
|
title: "邀请码状态",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: [1], value: "已激活", check: false },
|
{ key: [0], value: "未激活", check: false },
|
],
|
input: { type: "number", num: 0 },
|
},
|
{
|
title: "用户等级",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: ["daRen"], value: "快省达人", check: false },
|
{ key: ["normalVIP"], value: "普通会员", check: false },
|
{ key: ["highVIP"], value: "高级会员", check: false },
|
{ key: ["superVIP"], value: "超级会员", check: false },
|
{ key: ["tearcher"], value: "资深导师", check: false },
|
],
|
input: { type: "number", num: 0 },
|
},
|
{
|
title: "用户注册时间",
|
muchCheck: false, // 是否可以多选
|
child: [],
|
input: { type: "date", num: 2 },
|
},
|
],
|
});
|
|
|
// ----------------------------------------------------- 表格
|
// 创建表格dom
|
adminDom.table.creat({
|
el: "#thisTable",
|
touchSearch: function(optC)
|
{
|
doui.showLoading({ content: "加载列表" });
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/user/query",
|
data: {
|
type: 1,
|
pageIndex: optC.table.page, // 页码
|
pageSize: optC.table.pageSize, // 每页数量
|
key: optC.input[0].result, // 搜索关键字
|
keyType: optC.select.result,
|
orderMode: optC.table.order, // 排序
|
userType:optC.screen[0].result[0],
|
rank: optC.screen[1].result[0], // 只看哪种用户
|
|
activeCode: optC.screen[2].result[0], // 激活状态
|
level: optC.screen[3].result[0], // 会员状态
|
|
startTime: optC.screen[4].result[0], // 时间最小
|
endTime: optC.screen[4].result[1]?optC.screen[4].result[1]:'', // 时间最大
|
},
|
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.resultList; i < mo.length; i++)
|
{
|
// 当前行
|
var thatTr = {
|
check: false,
|
td: [
|
{ title: "头像", key: mo[i].portrait, value: mo[i].portrait, dataType: "img", "class": "admin-imgS"},
|
{ title: "昵称", key: mo[i].nickName, value: mo[i].nickName },
|
{ title: "ID", key: mo[i].id, value: mo[i].id},
|
{ title: "用户状态", key: mo[i].state, value: mo[i].state },
|
{ title: "用户等级", key: mo[i].rankId, value: mo[i].rankPicture, dataType: "img", style: "width:90px;height:34px;" },
|
{ title: "会员等级", key: mo[i].userLevel, value: mo[i].userLevel},
|
{ title: "激活状态", key: mo[i].inviteCode, value: mo[i].inviteCode},
|
{ title: "用户余额", key: mo[i].myHongBao, value: "￥"+mo[i].myHongBao },
|
{ title: "累计提现", key: mo[i].totalExtract, value: "￥"+mo[i].totalExtract },
|
{ title: "未到账收益", key: mo[i].unaccountedMoney, value: "￥"+mo[i].unaccountedMoney },
|
{ title: "本月订单", key: mo[i].monthOrder, value: mo[i].monthOrder },
|
{ title: "累计订单", key: mo[i].totalOrder, value: mo[i].totalOrder },
|
{ title: "剩余金币", key: mo[i].goldCoin, value: mo[i].goldCoin },
|
{ title: "直接粉丝", key: mo[i].countLevelOne, value: mo[i].countLevelOne },
|
{ title: "手机号", key: mo[i].phone, value: mo[i].phone },
|
{ title: "微信", key: mo[i].wxUnionId, value: mo[i].wxName },
|
{ title: "淘宝", key: mo[i].taoBaoUid, value: mo[i].tbName },
|
{ title: "支付宝", key: mo[i].accountAlipay, value: mo[i].accountAlipay },
|
{ title: "支付宝收款人", key: mo[i].accountName, value: mo[i].accountName },
|
{ title: "注册时间", key: mo[i].createtime, value: mo[i].createtime },
|
{ title: "最近登录", key: mo[i].lastLoginTime, value: mo[i].lastLoginTime },
|
{ title: "最近下单", key: mo[i].lastOrderTime, value: mo[i].lastOrderTime },
|
{ title: "标识", key: mo[i].mark, value: mo[i].mark },
|
],
|
};
|
// 状态分析
|
var state = 3;
|
if (thatTr.td[state].key == 0) { thatTr.td[3].value = "正常"; thatTr.td[state]["class"] = "font-green"; }
|
else if (thatTr.td[state].key == 1) { thatTr.td[state].value = "删除"; thatTr.td[state]["class"] = "font-gray"; }
|
else if (thatTr.td[state].key == 2) { thatTr.td[state].value = "封禁"; thatTr.td[state]["class"] = "font-red"; }
|
else if (thatTr.td[state].key == 4) { thatTr.td[state].value = "长久未登录删除"; thatTr.td[state]["class"] = "font-gray"; }
|
|
if(mo[i].type==1)
|
{
|
thatTr.td[6].value =thatTr.td[6].value+"(虚拟用户)"; thatTr.td[4]["class"] = "font-red";
|
}
|
// 注册时间
|
if (thatTr.td[19].key)
|
{
|
doui.timestampToDate({
|
timestamp: thatTr.td[19].key,
|
success: function (res) { thatTr.td[19].value = res; }
|
});
|
}
|
// 登录时间
|
if (thatTr.td[20].key)
|
{
|
doui.timestampToDate({
|
timestamp: thatTr.td[20].key,
|
success: function (res) { thatTr.td[20].value = res; }
|
});
|
}
|
// 最近下单时间
|
if (thatTr.td[21].key)
|
{
|
doui.timestampToDate({
|
timestamp: thatTr.td[21].key,
|
success: function (res) { thatTr.td[21].value = res; }
|
});
|
}
|
// 将当前行放入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.5rem", orderUp: "", orderDown: "" },
|
{ title: "用户昵称", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "ID", width: "0.5rem", orderUp: "", orderDown: "" },
|
{
|
title: "用户状态", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "toggle",
|
list: [
|
{ key: "userStateOff", value: "封禁" },
|
{ key: "userStateOpen", value: "正常"} ,
|
],
|
},
|
},
|
{ title: "用户等级", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "会员等级", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "激活状态", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "账户余额", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "累计提现", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "未到账收益", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "本月订单", width: "0.5rem", orderUp: "3", orderDown: "4" },
|
{ title: "累计订单", width: "0.5rem", orderUp: "1", orderDown: "2" },
|
{ title: "剩余金币", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "1级队员", width: "0.5rem", orderUp: "5", orderDown: "6" },
|
{
|
title: "手机号", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "toggle",
|
list: [
|
{ key: "userStateOff", value: "解除绑定" },
|
{ key: "userStateOpen", value: "绑定成功" } ,
|
]
|
},
|
},
|
{
|
title: "微信", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "toggle",
|
list: [
|
{ key: "userStateOff", value: "解除绑定" },
|
{ key: "userStateOpen", value: "绑定成功" } ,
|
]
|
},
|
},
|
{
|
title: "淘宝", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "toggle",
|
list: [
|
{ key: "userStateOff", value: "解除绑定" },
|
{ key: "userStateOpen", value: "绑定成功" } ,
|
]
|
},
|
},
|
{
|
title: "支付宝", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "toggle",
|
list: [
|
{ key: "userStateOff", value: "解除绑定" },
|
{ key: "userStateOpen", value: "绑定成功" } ,
|
]
|
},
|
},
|
{ title: "支付宝收款人", width: "0.5rem", orderUp: "", orderDown: "" },
|
{ title: "注册时间", width: "0.7rem", orderUp: "", orderDown: "" },
|
{ title: "最近登录", width: "0.7rem", orderUp: "", orderDown: "" },
|
{ title: "最近下单", width: "0.7rem", orderUp: "", orderDown: "" },
|
{ title: "标识", width: "0.5rem", orderUp: "", orderDown: "",
|
edit: { type: "text"},
|
},
|
]
|
});
|
// 工具栏
|
adminDom.table.tools({
|
show: true,
|
list: [
|
{ "title": "修改", "name": "edit", "icon": "fi fi-edit-box" },
|
{ "title": "删除", "name": "del", "icon": "fi fi-trash" },
|
],
|
touch: function (back)
|
{
|
// 修改列表
|
if (back.toolName == "edit")
|
{
|
if (back.list.length > 1) { doui.showToast({ content: "一次只能操作一个用户" }); return false; }
|
|
// 修改弹框创建
|
adminDom.editTan.creat({
|
el: ".winSizeBox",
|
// 数据修改提交触发
|
touchSubmit: function (editData)
|
{
|
doui.showLoading({ content: "正在修改" });
|
// 用户封禁
|
if (editData.list[3].key == "userStateOff")
|
{
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/user/forbiddenUser",
|
data: { uid: editData.list[2].key },
|
success: function (res)
|
{
|
if (res.code != 0) { doui.showToast({ content: res.msg }); }
|
}
|
});
|
}
|
|
// 帐号解绑
|
var typeArray = [];
|
if (editData.list[14].key == "userStateOff") { typeArray.push("3"); }
|
if (editData.list[15].key == "userStateOff") { typeArray.push("2"); }
|
if (editData.list[16].key == "userStateOff") { typeArray.push("1"); }
|
if (editData.list[17].key == "userStateOff") { typeArray.push("4"); }
|
|
if (typeArray.length > 0)
|
{
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/user/unBindUserInfo",
|
data: {
|
uid: editData.list[2].key,
|
typeArray: JSON.stringify(typeArray),
|
},
|
greenChannel: true,
|
success: function (res)
|
{
|
if (res.code != 0) { doui.showToast({ content: res.msg }); }
|
}
|
});
|
}
|
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/user/addUserMark",
|
data: {
|
uid: editData.list[2].key,
|
mark: editData.list[22].key,
|
},
|
greenChannel: true,
|
success: function (res)
|
{
|
}
|
});
|
|
doui.hideLoading();
|
adminDom.editTan.remove();
|
vm_table.search();
|
},
|
});
|
adminDom.editTan.opt({ type: "修改", });
|
adminDom.editTan.thereData({ show: true, list: back.list[0], });
|
}
|
|
// 删除-修改状态
|
else if (back.toolName == "del")
|
{
|
// 被选中的行id组构建
|
var zu_id = new Array();
|
for (var i = 0, mo = back.list; i < mo.length; i++) { zu_id.push(mo[i][2].key); }
|
// 发起请求
|
doui.showLoading("正在删除");
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/user/deleteUser",
|
data: { idArray: zu_id },
|
success: function (res)
|
{
|
doui.hideLoading();
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else { doui.showToast("删除成功"); vm_table.search(); }
|
}
|
});
|
}
|
|
}
|
});
|
|
|
// ----------------------------------------------------- 初始行为
|
// 模拟搜索点击
|
vm_table.search();
|
}
|
});
|
|
</script>
|
