<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="5%">订单ID</th>
|
<th width="5%">用户ID</th>
|
<th width="5%">订单金额</th>
|
<th width="5%">订单状态</th>
|
<th width="8%">付款金额</th>
|
<th width="8%">付款方式</th>
|
<th width="10%">付款时间</th>
|
<th width="10%">会员开始时间</th>
|
<th width="10%">会员结束时间</th>
|
<th width="10%">订单创建时间</th>
|
<th width="10%">订单修改时间</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr v-for="(item,index) in list" style="text-align: center; height: 105px;line-height: 105px;"
|
v-bind:style="{'background':index%2==0?'#EEEEEE':'#FFFFFF'}">
|
<td width="5%">
|
<div class="uid">{{item.id}}</div>
|
</td>
|
<td width="5%">
|
<div>{{item.uid}}</div>
|
</td>
|
<td width="5%">
|
<div>¥{{item.money}}</div>
|
</td>
|
<td width="5%">
|
<div v-bind:style="{'color': item.state==1?'green':'red' }">{{item.state==1?'已支付':'未支付'}}
|
</div>
|
</td>
|
|
<td width="8%">
|
<div v-if="item.payMoney>0">¥{{item.payMoney}}</div>
|
</td>
|
|
<td width="10%">
|
<div v-if="item.payWay">{{item.payWay}}</div>
|
</td>
|
|
<td width="10%">
|
<div>{{item.payTime}}</div>
|
</td>
|
|
<td width="10%">
|
<div>{{item.vipStartTime}}</div>
|
</td>
|
|
<td width="10%">
|
<div>{{item.vipEndTime}}</div>
|
</td>
|
|
<td width="10%">
|
<div>{{item.createTime}}</div>
|
</td>
|
<td width="10%">
|
<div>{{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 pay = $(".vip-type").val();
|
if (pay == 0) {
|
pay = null;
|
} else if (pay == 1) {
|
pay = true;
|
} else {
|
pay = false;
|
}
|
var uid = $("input[type=text]").val();
|
if (uid == '')
|
uid = null;
|
|
$.post("api/vip/vipOrderList", {"page": page, "pay": pay, "uid": uid}, function (data) {
|
if (data.code == 0) {
|
fillPage(data.data.pageEntity, function (pageIndex) {
|
app.requestData(pageIndex);
|
});
|
|
for (var i = 0; i < data.data.list.length; i++) {
|
var payWay =data.data.list[i].payWay+"";
|
if (payWay.indexOf("1") > -1) {
|
payWay = "支付宝";
|
} else if (payWay.indexOf("2") > -1) {
|
payWay = "微信";
|
} else if (payWay.indexOf("3") > -1) {
|
payWay = "影视豆";
|
} else if (payWay.indexOf("4") > -1) {
|
payWay = "苹果内购";
|
}
|
data.data.list[i].payWay = payWay;
|
}
|
|
app.list = data.data.list;
|
app.pageEntity = data.data.pageEntity;
|
}
|
}, 'json');
|
},
|
}
|
});
|
|
app.requestData(1);
|
|
});
|
</script>
|
<script>
|
|
</script>
|
</body>
|
|
</html>
|