| | |
| | | <!--[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> |
| | | |
| | |
| | | <td> |
| | | <form class="form-inline" role="form"> |
| | | <div class="form-group" role="search"> |
| | | <select class="form-control"> |
| | | <select class="form-control vip-type"> |
| | | <option value="0">全部</option> |
| | | <option value="1" selected>会员</option> |
| | | <option value="2">会员过期</option> |
| | |
| | | </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="15%">用户ID</th> |
| | | <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> |
| | |
| | | <div class="liebiao"> |
| | | <table class="table"> |
| | | <tbody> |
| | | <tr style="display: none;" v-for="item in list"> |
| | | <td width="15%" style="text-align: center; line-height: 105px;"> |
| | | <div class="uid">{{item.id}}</div> |
| | | <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="31%"> |
| | | <div class="vipExpireDate">{{item.vipExpireDate}}</div> |
| | | <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="11%"> |
| | | <td width="10%"> |
| | | <div class="createTime">{{item.createTime}}</div> |
| | | </td> |
| | | <td width="11%"> |
| | | <td width="15%"> |
| | | <div class="updateTime">{{item.updateTime}}</div> |
| | | </td> |
| | | |
| | |
| | | <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"> |
| | |
| | | }, |
| | | methods: { |
| | | search: function () { |
| | | app.pageEntity.pageIndex = 0; |
| | | app.requestData(app.pageEntity.pageIndex + 1); |
| | | }, |
| | | requestData(page) { |
| | | |
| | | var vip = $("select").val(); |
| | | var vip = $(".vip-type").val(); |
| | | if (vip == 0) { |
| | | vip = null; |
| | | } else if (vip == 1) { |
| | |
| | | uid = null; |
| | | |
| | | $.post("api/vip/vipUserList", {"page": page, "vip": vip, "uid": uid}, function (data) { |
| | | layer.close(index); |
| | | if (data.code == 0) { |
| | | if (page == 1) |
| | | app.list = data.data.list; |
| | | else { |
| | | app.list = app.list.concat(data.data.list); |
| | | } |
| | | 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> |