buwan-server.git

			@@ -1,299 +1,281 @@
			<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>
			<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>
			<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>-->
			<!-- 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">
			<input type="text" class="form-control" style="width: 200px;"
			placeholder="用户昵称/评论关键字">
			</div>
			<button type="button" class="btn btn-default search">搜索</button>
			</form>
			</td>
			<td>
			<div class="tianjia"></div>
			</td>
			</tr>
			</tbody>
			</table>
			</div>
			<div class="zhuti">
			<div class="zhutisousuo">
			<table class="table">
			<thead>
			<tr>
			<th width="7%">选择</th>
			<th width="7%">编号</th>
			<th width="15%">用户ID</th>
			<th width="30%">内容</th>
			<th width="10%">视频ID</th>
			<th width="15%">创建时间</th>
			<th width="7%">删除</th>
			</tr>
			</thead>
			</table>
			</div>
			<div class="liebiao">
			<table class="table">
			<tbody>
			<tr style="display: none;">
			<td width="7%">
			<div class="xuanze">
			<label> <input type="checkbox" value="#">
			</label>
			</div>
			</td>
			<td width="7%">
			<div class="bianhao">623</div>
			</td>
			<td width="15%" style="text-align: center; line-height: 105px;">
			<div class="uid">123123</div>
			</td>
			<td width="31%">
			<div class="content">内容</div>
			</td>
			<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>

			<td width="11%">
			<div class=videoId>视频ID</div>
			</td>
			<td width="15%" style="text-align: center; line-height: 105px;"
			class="createtime">2016-09-27 12:20</td>
			<td width="7%">
			<div class="anniu" name="del">
			<img src="image/dustbin.png" data-toggle="modal"
			data-target="#myModal">
			</div>
			</td>
			</tr>
			</tbody>
			</table>
			</div>
			</div>
			<div class="bottom">
			<div class="qx">
			<div class="checkbox">
			<label> <input type="checkbox" class="checkAll">
			全选
			</label>
			</div>
			</div>
			<button class="btn btn-warning delAll" type="button">批量删除</button>
			<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="js/common.js"></script>
			<script src="layer/layer.js"></script>
			<input type="text" class="form-control" style="width: 200px;"
			placeholder="用户ID">

			<script>
			var trHTML;
			var appHTML;
			$(function(){
			var $tbody = $(".liebiao > .table > tbody");
			trHTML = $tbody.html();
			appHTML = $tbody.find(".appnametd").html();
			getData(1);

			$(".checkAll").bind("click",function(){
			if(this.checked) {
			$(".xuanze > label >input ").prop('checked', true)
			} else {
			$(".xuanze > label >input ").prop('checked', false)
			}
			});

			$(".search").bind("click",function(){
			getData(1);
			});

			$(".delAll").bind("click", function() {
			var arr="";
			var selectAll = $(".xuanze label input").each(function(){
			var cur = $(this);
			var ck= cur.context.checked;
			if (ck) {
			var val = cur.attr("key");
			arr += val + ",";
			}
			});
			if(arr==""){
			layer.msg("请先选择数据！");
			return;
			}
			layer.confirm('是否批量删除？', {
			btn: ['否','是']
			}, function(index){
			layer.close(index);
			return false;
			}, function(){
			delComment(arr);
			});

			});

			});
			</script>
			<script>

			function delComment(ids){
			$.post("api/comment/delComment", { "ids":ids}, function(data) {
			if(data == "yes") {
			layer.msg("删除成功！");
			getData(1);
			}else{
			layer.msg("删除失败！");
			}
			}, 'text');
			}

			function getData(pageIndex) {
			var index= layer.load(1, {
			shade: false
			});
			var key = $(".form-inline > .form-group >input").val();
			var detailsystemId= $("select[name='select']").find("option:checked").attr("key");
			$.post("api/comment/commentList", { "pageIndex": pageIndex , "key":key }, function(data) {
			layer.close(index);
			if(data.code == 0) {
			setData(data,pageIndex);
			fillPage(data.pageEntity, function(page) {
			getData(page);
			});
			}
			}, 'json');
			}

			function setData(data,pageIndex){
			pageIndex = pageIndex - 1;
			var $tbody = $(".liebiao > .table > tbody");
			$(".liebiao tbody").empty();
			var pageSize = data.pageEntity.pageSize;
			var totalCount = data.pageEntity.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.commentList[mm].id;
			var name = data.commentList[mm].user.Nickname+"("+data.commentList[mm].user.id+")";
			var content = data.commentList[mm].content;
			var videoName= data.commentList[mm].video.name+"("+data.commentList[mm].video.id+")";;
			var createtime = data.commentList[mm].createtime;
			$tbody.append(trHTML);
			$tbody.find("tr").eq(mm).css("display","table-row");
			var $curCheck = $tbody.find(".xuanze label input").eq(mm);
			$curCheck.attr("key",id);
			var $curCode = $tbody.find(".bianhao").eq(mm);
			$curCode.text(id);
			$tbody.find(".uid").eq(mm).text(name);
			$tbody.find(".content").eq(mm).text(content);
			$tbody.find(".videoId").eq(mm).text(videoName);

			var mydate = new Date(parseInt(createtime)).toLocaleString().replace(/年\|月/g, "-").replace(/日/g, " ");
			$tbody.find(".createtime").eq(mm).text(mydate);
			$tbody.find("tr").eq(mm).find(".anniu").attr("key",id);
			}

			$("div[name='del']").bind("click",function(){
			var $obj=$(this);
			layer.confirm('您确定要删除？', {
			btn: ['否','是'] //按钮
			}, function(index){
			layer.close(index);
			return false;
			}, function(){
			var id = $obj.attr("key");
			delComment(id);
			});
			});

			}
			</script>
			</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>0">{{item.payWay==1?'支付宝':'微信'}}</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);
			});


			app.list = data.data.list;

			app.pageEntity = data.data.pageEntity;
			}
			}, 'json');
			},
			}
			});

			app.requestData(1);

			});
			</script>
			<script>

			</script>
			</body>

			</html>