<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">
|
<meta name="referrer" content="never">
|
<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>
|
<![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="#">数据</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>-->
|
<dd>
|
<a href="faxian.html">
|
<div class="cebiandh1">专题合辑</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="faxian -star.html">
|
<div class="cebiandh">明星合辑</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="#">
|
<div class="cebiandh">图文社</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="#">
|
<div class="cebiandh">酷玩圈</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="#">
|
<div class="cebiandh">图文社</div>
|
</a>
|
</dd>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<div class="erjibq">
|
<a href="faxian.html">返回上一级</a>
|
</div>
|
</td>
|
<td>
|
<div class="tianjia">
|
<a href="#" class="btn btn-primary" role="button" data-toggle="modal" data-target="#tjmovie">添加合辑视频 +</a>
|
<!-- Modal -->
|
<div class="modal fade" id="tjmovie" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title" id="myModalLabel">视频库</h4>
|
</div>
|
<div class="modal-body">
|
<div id="tcneirong">
|
<div class="tcerjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td class="xiala">
|
<select name="select" class="form-control classtype">
|
<option key="0">全部类型</option>
|
</select>
|
</td>
|
<td class="xiala">
|
<select name="select" class="form-control appclass">
|
<option key="0">全部</option>
|
</select>
|
</td>
|
<td>
|
<form class="form-inline" role="form">
|
<div class="form-group" role="search">
|
<input type="text" name="searchText" class="form-control" style="width:200px;" placeholder="搜索">
|
</div>
|
<button type="button" name="searchBtn" class="btn btn-default">搜索</button>
|
</form>
|
</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="30%">封面</th>
|
<th width="16%">名称</th>
|
<th width="16%">更新时间</th>
|
<th width="12%">是否显示</th>
|
<th width="12%">操作</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr>
|
<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="30%">
|
<div class="tupian-banner"><img alt src="#" style="width:240px;"></div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">钢的琴 第29级预告</div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">2016-09-27</div>
|
</td>
|
<td width="12%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div>
|
</td>
|
<td width="12%">
|
<div class="bianhao">
|
<a href="#">添加推荐</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
<table class="table">
|
<tbody>
|
<tr>
|
<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="30%">
|
<div class="tupian-banner"><img alt src="#" style="width:240px;"></div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">钢的琴 第29级预告</div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">2016-09-27</div>
|
</td>
|
<td width="12%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div>
|
</td>
|
<td width="12%">
|
<div class="bianhao">
|
<a href="#">添加推荐</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
<table class="table">
|
<tbody>
|
<tr>
|
<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="30%">
|
<div class="tupian-banner"><img alt src="#" style="width:240px;"></div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">钢的琴 第29级预告</div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">2016-09-27</div>
|
</td>
|
<td width="12%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div>
|
</td>
|
<td width="12%">
|
<div class="bianhao">
|
<a href="#">添加推荐</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
<table class="table">
|
<tbody>
|
<tr>
|
<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="30%">
|
<div class="tupian-banner"><img alt src="#" style="width:240px;"></div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">钢的琴 第29级预告</div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">2016-09-27</div>
|
</td>
|
<td width="12%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div>
|
</td>
|
<td width="12%">
|
<div class="bianhao">
|
<a href="#">添加推荐</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
<table class="table">
|
<tbody>
|
<tr>
|
<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="30%">
|
<div class="tupian-banner"><img alt src="#" style="width:240px;"></div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">钢的琴 第29级预告</div>
|
</td>
|
<td width="16%">
|
<div class="bianhao">2016-09-27</div>
|
</td>
|
<td width="12%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#">
|
</label>
|
</div>
|
</td>
|
<td width="12%">
|
<div class="bianhao">
|
<a href="#">添加推荐</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="qx">
|
<div class="checkbox">
|
<label>
|
<input type="checkbox" value="#" onclick="if(this.checked==true) { checkAll('movedata'); } else { clearAll('movedata'); }">
|
全选</label>
|
</div>
|
</div>
|
<button class="btn btn-primary" type="button">添加推荐</button>
|
<button class="btn btn-primary" type="button">添加到合辑</button>
|
<nav>
|
<ul class="pagination">
|
<li class="disabled">
|
<a href="#">«</a>
|
</li>
|
<li class="active">
|
<a href="#">1</a>
|
</li>
|
<li>
|
<a href="#">2</a>
|
</li>
|
<li>
|
<a href="#">3</a>
|
</li>
|
<li>
|
<a href="#">4</a>
|
</li>
|
<li>
|
<a href="#">5</a>
|
</li>
|
<li>
|
<a href="#">»</a>
|
</li>
|
</ul>
|
</nav>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="7%">选择</th>
|
<th width="26%">专题名称</th>
|
<th width="24%">视频编号</th>
|
<th width="36%">视频名称</th>
|
<th width="7%">删除</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="videoDiv">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td width="7%">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" value="#" name="videoName" >
|
</label>
|
</div>
|
</td>
|
<td width="26%">
|
<div class="specialName">唯有美食不可辜负</div>
|
</td>
|
<td width="24%">
|
<div class="videoCode">218541</div>
|
</td>
|
<td width="36%">
|
<div class="videoName">麻雀 TV版</div>
|
</td>
|
<td width="7%">
|
<div class="anniu"><img src="image/dustbin.png" data-toggle="modal" data-target="#myModal">
|
<!-- Modal -->
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<hr>
|
</div>
|
</div>
|
<div class="bottom">
|
<div class="qx">
|
<div class="checkbox">
|
<label>
|
<input type="checkbox" value="#" name="selectAll">
|
全选</label>
|
</div>
|
</div>
|
<button class="btn btn-warning" type="button" name="delselectAll">批量删除</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="layer/layer.js"></script>
|
|
<script>
|
var tbHtml = "";
|
var specialId,specialName;
|
$(function() {
|
var urlPath = decodeURI(window.location.href);
|
specialId = getArgsFromHref(urlPath, "key");
|
specialName = getArgsFromHref(urlPath, "specialName");
|
tbHtml = $(".videoDiv").html();
|
|
getSpecialVideoList(1);
|
|
});
|
</script>
|
<script>
|
|
function getSpecialVideoList(pageIndex) {
|
$.post("api/special/specialVideoList", { "pageIndex": pageIndex, "specialId": specialId, "key": "" }, function(data) {
|
if(data.code == "0") {
|
setData(data, pageIndex);
|
fillPage(data.pageEntity, function(page) {
|
getSpecialVideoList(page);
|
});
|
}
|
}, 'json');
|
}
|
|
function setData(data, pageIndex) {
|
$(".videoDiv").empty();
|
pageIndex--;
|
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 info = data.specialVideoList[mm].video;
|
var code = info.id;
|
var name = info.name;
|
var id = data.specialVideoList[mm].id;
|
$(".videoDiv").append(tbHtml);
|
$(".videoDiv .specialName").eq(mm).text(specialName);
|
$(".videoDiv .videoCode").eq(mm).text(code);
|
$(".videoDiv .videoName").eq(mm).text(name);
|
$(".videoDiv .anniu").eq(mm).attr("key",id);
|
$(".videoDiv .xuanze input").eq(mm).attr("key",id);
|
}
|
$(".videoDiv .anniu").bind("click",function(){
|
var $obj=$(this);
|
layer.confirm('是否删除？', {
|
btn: ['否','是']
|
}, function(index){
|
layer.close(index);
|
return false;
|
}, function(){
|
var key =$obj.attr("key");
|
deleteVideos(key);
|
});
|
|
});
|
$("button[name='delselectAll']").bind("click",function(){
|
layer.confirm('是否批量删除？', {
|
btn: ['否','是']
|
}, function(index){
|
layer.close(index);
|
return false;
|
}, function(){
|
var selectVideos = getSelectVideos();
|
deleteVideos(selectVideos);
|
});
|
});
|
|
$("input[name='selectAll']").bind("click",function(){
|
checkAll(this);
|
});
|
|
}
|
|
function deleteVideos(ids){
|
|
$.post("api/special/deleteSpecialVideoList",{"ids":ids},function(data){
|
if(data == "yes"){
|
layer.msg("删除成功！");
|
getSpecialVideoList(1);
|
}else{
|
layer.msg("删除失败！");
|
}
|
},"text");
|
}
|
|
function getSelectVideos(){
|
var selectVideos="";
|
$(".videoDiv .xuanze input").each(function(){
|
var ck = $(this).context.checked;
|
if(ck){
|
selectVideos += $(this).attr("key")+",";
|
}
|
});
|
return selectVideos;
|
}
|
|
function getArgsFromHref(sHref, sArgName) {
|
var args = sHref.split("?");
|
var retval = "";
|
|
if(args[0] == sHref) /*参数为空*/ {
|
return retval; /*无需做任何处理*/
|
}
|
var str = args[1];
|
args = str.split("&");
|
for(var i = 0; i < args.length; i++) {
|
str = args[i];
|
var arg = str.split("=");
|
if(arg.length <= 1) continue;
|
if(arg[0] == sArgName) retval = arg[1];
|
}
|
return retval;
|
}
|
|
function checkAll(obj) {
|
if(obj.checked) {
|
$("input[name='videoName']").prop('checked', true)
|
} else {
|
$("input[name='videoName']").prop('checked', false)
|
}
|
};
|
</script>
|
</body>
|
|
</html>
|
