<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>用户管理</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<style>
|
.img {
|
width: 120px;
|
height: 120px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-inline" role="form">
|
<div class="form-group" role="search">
|
<input type="text" class="form-control searchText" style="width:200px;" placeholder="搜索">
|
</div>
|
<button type="button" class="btn btn-default searchBtn">搜索</button>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="10%">用户头像</th>
|
<th width="9%">昵称</th>
|
<th width="7%">ID</th>
|
<th width="10%">资金明细</th>
|
<th width="8%">红包详情</th>
|
<th width="8%">订单</th>
|
<th width="8%">足迹</th>
|
<th width="8%">邀请关系</th>
|
<th width="7%">分享赚</th>
|
<th width="7%">邀请赚</th>
|
<th width="10%">下载</th>
|
<th width="8%">清除手势密码</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td width="10%">
|
<div class="imgDiv">
|
<img class="img"/>
|
</div>
|
</td>
|
<td width="9%" style="text-align:center; line-height:105px;">
|
<div class="bianhaomingcheng">
|
</div>
|
</td>
|
<td width="7%" style="text-align:center; line-height:105px;">
|
<div class="uid">
|
</div>
|
</td>
|
<td width="10%" style="text-align:center; line-height:105px;">
|
<div class="zijin">
|
<a>资金详情</a>
|
</div>
|
</td>
|
<td width="8%" style="text-align:center; line-height:105px;">
|
<div class="hongbao">
|
<a>红包详情</a>
|
</div>
|
</td>
|
<td width="8%" style="text-align:center; line-height:105px;">
|
<div class="dingdan">
|
<a>订单详情</a>
|
</div>
|
</td>
|
<td width="8%" style="text-align:center; line-height:105px;">
|
<div class="zuji">
|
<a>足迹详情</a>
|
</div>
|
</td>
|
|
<td width="8%" style="text-align:center; line-height:105px;">
|
<div class="fenxiao">
|
<a>邀请关系</a>
|
</div>
|
</td>
|
<td width="7%" style="text-align:center; line-height:105px;">
|
<div class="share">
|
<a>分享赚</a>
|
</div>
|
</td>
|
<td width="7%" style="text-align:center; line-height:105px;">
|
<div class="invite">
|
<a>邀请赚</a>
|
</div>
|
</td>
|
<td width="10%" style="text-align:center; line-height:105px;">
|
<a class="down" download="1.xls">下载</a>
|
</td>
|
<td width="10%" style="text-align:center; line-height:105px;">
|
<a href="#" class="cleanPassword">清除</a>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="page">
|
<ul class="pagination">
|
<li class="disabled pre">
|
<a href="#">«</a>
|
</li>
|
<li>
|
<a href="#" class="next">»</a>
|
</li>
|
</ul>
|
<div class="form-group">
|
<div class="tzan">
|
<button type="button" class="btn btn-primary">跳转</button>
|
</div>
|
<div class="tz">
|
<input class="form-control" type="text" id="customPage" placeholder="页数">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/utli.js"></script>
|
<script>
|
var trHTML;
|
$(function(){
|
|
var $tbody = $(".liebiao > .table > tbody");
|
trHTML = $tbody.html();
|
|
$(".searchBtn").bind("click",function(){
|
getUserData(1);
|
});
|
var uid = getArgsFromHref(location.href,"uid");
|
var uname = getArgsFromHref(location.href,"uname");
|
var ipage = getArgsFromHref(location.href,"page");
|
if(ipage==""){
|
ipage=1;
|
}
|
if(uid == ""){
|
getUserData(ipage);
|
}else{
|
$(".searchText").val(decodeURI(uname));
|
getUserDataByUid(uid);
|
}
|
|
});
|
</script>
|
<script>
|
var dateTime = getDateTime();
|
|
function getUserDataByUid(uid) {
|
var key = $(".searchText").val();
|
$.post("api/v1/user/getUserListByUid", { "uid": uid }, function(data) {
|
if(data.code == 0) {
|
setUserData(data,1);
|
}
|
}, 'json');
|
}
|
|
function getUserData(pageIndex) {
|
var key = $(".searchText").val();
|
$.post("api/v1/user/getUserList", { "pageIndex": pageIndex , "key":key }, function(data) {
|
if(data.code == 0) {
|
setUserData(data,pageIndex);
|
fillPage(data.data.pe, function(pageIndex) {
|
getUserData(pageIndex);
|
});
|
}
|
}, 'json');
|
}
|
|
function setUserData(data,pageIndex){
|
|
pageIndex = pageIndex - 1;
|
var $tbody = $(".liebiao > .table > tbody");
|
$(".liebiao tbody").empty();
|
var pageSize = data.data.pe.pageSize;
|
var totalCount = data.data.pe.totalCount;
|
var len = (pageSize < totalCount - (pageIndex * pageSize)) ? pageSize : totalCount - (pageIndex * pageSize);
|
len = (pageIndex * pageSize) + len;
|
var ii = pageIndex * pageSize;
|
for(var mm = 0; ii < len && ii < totalCount; ii++,mm++) {
|
var id = data.data.userList[mm].id;
|
var name = data.data.userList[mm].nickName;
|
var imgPath = data.data.userList[mm].portrait;
|
var myHongBao = data.data.userList[mm].myHongBao;
|
$tbody.append(trHTML);
|
var $curTr = $tbody.find("tr").eq(mm);
|
$curTr.find(".imgDiv img").attr("src",imgPath);
|
$curTr.find(".bianhaomingcheng").text(name);
|
$curTr.find(".uid").text(id);
|
$curTr.find(".down").attr("href","api/v1/user/downDetailedExcel?uid="+id);
|
//$curTr.find(".down").attr("download",name+dateTime+".xls")
|
$curTr.find(".down").attr("key",name);
|
$curTr.find(".cleanPassword").attr("key",id)
|
|
$curTr.find(".zijin a").text("¥ "+myHongBao.toFixed(2));
|
$curTr.find(".zijin a").attr("href","zijin-yonghu_zijin.html?key="+id+"&uname="+encodeURI(name));
|
$curTr.find(".hongbao a").attr("href","zijin-yonghu_hb.html?key="+id+"&uname="+encodeURI(name));
|
$curTr.find(".dingdan a").attr("href","zijin-yonghu_dingdan.html?key="+id+"&uname="+encodeURI(name));
|
$curTr.find(".zuji a").attr("href","zijin-yonghu_zuji.html?key="+id+"&uname="+encodeURI(name)+"&page="+(pageIndex+1));
|
$curTr.find(".fenxiao a").attr("href","zijin-yonghu_fenxiao_detail.html?uid="+id);
|
$curTr.find(".share a").attr("href","zijin-yonghu_share_detail.html?key="+id+"&uname="+encodeURI(name));
|
$curTr.find(".invite a").attr("href","zijin-yonghu_invite_detail.html?key="+id+"&uname="+encodeURI(name));
|
}
|
|
|
$(".cleanPassword").bind("click",function(){
|
var id = $(this).attr("key");
|
var $obj = $(this);
|
$.post("api/v1/user/cleanPassword",{"id":id},function(data){
|
if(data.code==0){
|
layer.alert('操作成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
});
|
}else{
|
layer.alert('操作失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
},'json')
|
|
});
|
|
$(".down").bind("click",function(){
|
var name = $(this).attr("key");
|
dateTime=getDateTime();
|
$(this).attr("download",name + "_" + dateTime+".xls");
|
var download = $(this).attr("download");
|
});
|
}
|
|
function getDateTime() {
|
var date = new Date();
|
this.year = date.getFullYear();
|
this.month = date.getMonth() + 1;
|
this.date = date.getDate();
|
this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
|
this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
|
this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
|
var dateTime= this.year + "" + this.month + "" + this.date + "" + this.hour + "" + this.minute + "" + this.second;
|
return dateTime;
|
}
|
</script>
|
</body>
|
|
</html>
|
