<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">
|
<!--[if lt IE 9]>
|
<script src="js/html5shiv.js"></script>
|
<script src="js/respond.min.js"></script>
|
<style>
|
td{
|
line-height: 105px;
|
}
|
|
tr{
|
line-height: 105px !important;
|
}
|
|
</style>
|
<![endif]-->
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
<div class="container-fluid">
|
<!-- Brand and toggle get grouped for better mobile display -->
|
<div class="navbar-header">
|
<button type="button" class="navbar-toggle collapsed"
|
data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
<span class="sr-only">Toggle navigation</span> <span
|
class="icon-bar"></span> <span class="icon-bar"></span> <span
|
class="icon-bar"></span>
|
</button>
|
<a class="navbar-brand" href="#"> 视 频 后 台 管 理 系 统 </a>
|
</div>
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
<div class="collapse navbar-collapse"
|
id="bs-example-navbar-collapse-1">
|
<!-- <ul class="nav navbar-nav">
|
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">布丸视频<span class="caret"></span></a>
|
<ul class="dropdown-menu" role="menu">
|
<li><a href="#">布丸视频</a></li>
|
<li class="divider"></li>
|
<li><a href="#">布丸影视大全</a></li>
|
</ul>
|
</li>
|
</ul>-->
|
|
<ul class="nav navbar-nav navbar-left">
|
<li><a href="shuju.html">数据</a></li>
|
<li><a href="tuijian-lanmuneirong.html">推荐</a></li>
|
<li><a href="fenqu.html">分区</a></li>
|
<li class="active"><a href="faxian.html">发现</a></li>
|
<li><a href="shezhi.html">设置</a></li>
|
</ul>
|
<ul class="nav navbar-nav navbar-right">
|
<li class="hover"><a href="#">账户</a></li>
|
<li><a href="#">退出登录</a></li>
|
</ul>
|
</div>
|
<!-- /.navbar-collapse -->
|
</div>
|
<!-- /.container-fluid -->
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
<!-- <dt>
|
<div class="tubiao"><span class="glyphicon glyphicon-pencil"></span></div>
|
数据</dt>-->
|
</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">
|
<select class="form-control vip-type">
|
<option value="0">全部</option>
|
<option value="1" selected>会员</option>
|
<option value="2">会员过期</option>
|
</select>
|
|
<input type="text" class="form-control" style="width: 200px;"
|
placeholder="用户ID">
|
|
</div>
|
<button type="button" class="btn btn-default search" v-on:click="search">搜索</button>
|
</form>
|
</td>
|
<td>
|
<div class="tianjia"></div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
|
<div class="bottom">
|
<div class="page">
|
<ul class="pagination">
|
<li class="disabled pre"><a href="#">«</a></li>
|
<li><a href="#" class="next">1</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 class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="10%">用户ID</th>
|
<th width="10%">昵称</th>
|
<th width="10%">头像</th>
|
<th width="30%">会员到期时间</th>
|
<th width="10%">创建时间</th>
|
<th width="15%">更新时间</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr v-for="(item,index) in list" v-bind:style="{'background':index%2==0?'#EEEEEE':'#FFFFFF'}" style="text-align: center; height: 105px;line-height: 105px;">
|
<td width="10%">
|
<div class="uid">{{item.user.id}}</div>
|
</td>
|
<td width="10%">
|
<div>{{item.user.Nickname}}</div>
|
</td>
|
<td width="10%">
|
<div><img v-bind:src="item.user.portrait"
|
style="width:60px;height: 60px;border-radius: 60px;"/></div>
|
</td>
|
<td width="30%">
|
<div class="vipExpireDate">{{item.expireDate}}</div>
|
</td>
|
|
<td width="10%">
|
<div class="createTime">{{item.createTime}}</div>
|
</td>
|
<td width="15%">
|
<div class="updateTime">{{item.updateTime}}</div>
|
</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">1</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="js/common.js"></script>
|
<script src="js/vue.min.js"></script>
|
<script src="layer/layer.js"></script>
|
|
<script>
|
$(function () {
|
|
var app = new Vue({
|
el: "#neirong",
|
data: {
|
list: [],
|
count: 0,
|
pageEntity: {
|
pageIndex: 0,
|
totalCount: 0,
|
pageSize: 20,
|
},
|
},
|
methods: {
|
search: function () {
|
app.pageEntity.pageIndex = 0;
|
app.requestData(app.pageEntity.pageIndex + 1);
|
},
|
requestData(page) {
|
var vip = $(".vip-type").val();
|
if (vip == 0) {
|
vip = null;
|
} else if (vip == 1) {
|
vip = true;
|
} else {
|
vip = false;
|
}
|
var uid = $("input[type=text]").val();
|
if (uid == '')
|
uid = null;
|
|
$.post("api/vip/vipUserList", {"page": page, "vip": vip, "uid": uid}, function (data) {
|
if (data.code == 0) {
|
fillPage(data.data.pageEntity, function (pageIndex) {
|
app.requestData(pageIndex);
|
});
|
|
|
app.list = data.data.list;
|
|
app.pageEntity = data.data.pageEntity;
|
}
|
}, 'json');
|
},
|
}
|
});
|
|
app.requestData(1);
|
|
});
|
</script>
|
<script>
|
|
</script>
|
</body>
|
|
</html>
|
