<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">
|
<style type="text/css">
|
.liebiao td {
|
text-align: center !important;
|
line-height: 105px !important;
|
}
|
|
.isshow input {
|
width: 20px;
|
height: 20px;
|
}
|
|
.xz input {
|
width: 20px;
|
height: 20px;
|
}
|
|
.an img {
|
width: 40px;
|
height: 40px;
|
}
|
.img img{
|
width: 180px;
|
height: 180px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-inline" role="form">
|
<ol class="breadcrumb">
|
<li>
|
<a href="findClass.html">发现分类</a>
|
</li>
|
<li class="className active"></li>
|
</ol>
|
</form>
|
</td>
|
<td>
|
<div class="tianjia">
|
<a href="javascript:void(0)" class="btn btn-primary" role="button" id="choose-link">添加视频 +</a>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<tr>
|
<th width="10%">选择</th>
|
<th width="11%">编号</th>
|
<th width="20%">名称</th>
|
<th width="10%">图片</th>
|
<th width="10">权重</th>
|
<th width="15%">创建时间</th>
|
<th width="12%">删除</th>
|
<th width="12%">编辑</th>
|
</tr>
|
</thead>
|
</table>
|
</div>
|
<div class="liebiao">
|
<table class="table">
|
<tbody>
|
<tr style="display: none;">
|
<td width="10%">
|
<div class="xz">
|
<div>
|
<input type="checkbox" value="#">
|
</div>
|
</div>
|
</td>
|
<td width="11%">
|
<div class="bh"></div>
|
</td>
|
<td width="20%">
|
<div class="bhmingcheng">
|
<a href="#"></a>
|
</div>
|
</td>
|
<td width="10%" class="img">
|
<div><img></div>
|
</td>
|
<td width="10%" class="orderBy">
|
<div></div>
|
</td>
|
<td width="15%" class="createtime">
|
<div></div>
|
</td>
|
<td width="12%">
|
<div class="an del" name="del"><img src="image/dustbin.png" data-toggle="modal" data-target="#myModal">
|
</div>
|
</td>
|
<td width="12%">
|
<div class="an edit" name="edit">
|
<a href="#"><img src="image/bianji.png"></a>
|
</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>
|
|
<div id="dialog-chooselink" style="display: none;">
|
<div class="row" style="height: 690px;">
|
<div class="col-lg-3 col-md-3" style="display: inline;">
|
<select class="form-control">
|
<option value="1">视频</option>
|
</select>
|
</div>
|
<div class="col-lg-9 col-md-9" style="display: inline;">
|
<!--视频选择 -->
|
<div id="container-video">
|
<div class="search">
|
<input type="text" class="form-control" placeholder="请输入关键字" style="width: 200px;display: inline;" />
|
<button class="btn btn-info">搜索</button>
|
</div>
|
|
<!-- 搜索结果展示区域-->
|
<div class="search-result">
|
<table class="table">
|
<thead>
|
<th>编号</th>
|
<th>名称</th>
|
<th>封面</th>
|
<th>是否显示</th>
|
<th>选择</th>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
</div>
|
|
</div>
|
|
<div style="float: right;">
|
<button class="btn btn-info sure">确定</button>
|
<button class="btn btn-default cancel">取消</button>
|
</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>
|
|
<script>
|
var trHTML;
|
var cid;
|
var cname;
|
$(function() {
|
|
cid = getArgsFromHref(location.href, "id");
|
cname = getArgsFromHref(location.href, "name");
|
cname = decodeURI(cname);
|
$(".className").text(cname);
|
var $tbody = $(".liebiao > .table > tbody");
|
trHTML = $tbody.html();
|
getData(1);
|
|
$(".delAll").bind("click", function() {
|
var arr = new Array();
|
var selectAll = $(".xz input").each(function() {
|
var ck = this.checked;
|
if(ck) {
|
var val = $(this).val();
|
arr.push(val);
|
}
|
});
|
if(arr.length ==0) {
|
layer.msg("请先选择数据！");
|
return;
|
}
|
layer.confirm('是否批量删除？', {
|
btn: ['否', '是']
|
}, function(index) {
|
layer.close(index);
|
return false;
|
}, function() {
|
deleteFindVideo(arr);
|
});
|
|
});
|
|
$(".checkAll").bind("click",function(){
|
$(".xz input").prop('checked', this.checked);
|
});
|
|
});
|
</script>
|
<script>
|
function deleteFindVideo(ids) {
|
$.ajax({
|
type: "post",
|
url: "api/find/deleteFindVideo",
|
async: true,
|
traditional: true,
|
data: { "ids": ids },
|
dataType: 'json',
|
success: function(data) {
|
if(data.code == "0") {
|
layer.msg("删除成功！");
|
getData(1);
|
} else {
|
layer.msg("删除失败！");
|
}
|
}
|
});
|
}
|
|
function getData(pageIndex) {
|
$.post("api/find/getFindVideoList", { "page": pageIndex, "cid": cid }, function(data) {
|
if(data.code == 0) {
|
setData(data);
|
fillPage(data.data.pageEntity, function(pageIndex) {
|
getData(pageIndex);
|
});
|
}
|
}, 'json');
|
}
|
|
function setData(data) {
|
var $tbody = $(".liebiao > .table > tbody");
|
$tbody.empty();
|
var list = data.data.list;
|
for(var i = 0; i < list.length; i++) {
|
$tbody.append(trHTML);
|
var $tr = $tbody.find("tr").eq(i);
|
$tr.css("display", "table-row");
|
var findVideo = list[i];
|
var id = findVideo.id;
|
var name = findVideo.videoInfo.name;
|
var orderby = findVideo.orderBy;
|
var picture = findVideo.picture;
|
var temp = findVideo.videoInfo.createtime;
|
$tr.find(".xz input").val(id);
|
$tr.find(".bh").text(id);
|
$tr.find(".bhmingcheng a ").text(name);
|
$tr.find(".orderBy div").text(orderby);
|
$tr.find(".img img").attr("src", picture);
|
$tr.find(".createtime div").text(getCommonTime(temp));
|
$tr.find(".an").attr("key",id);
|
}
|
$(".del").bind("click",function(){
|
var $obj =$(this);
|
layer.confirm('是否删除？', {
|
btn: ['否','是']
|
}, function(index){
|
layer.close(index);
|
return false;
|
}, function(){
|
var key = $obj.attr("key");
|
var arr = new Array();
|
arr.push(key);
|
deleteFindVideo(arr);
|
});
|
});
|
$(".edit").bind("click",function(){
|
var key = $(this).attr("key");
|
location.href="edit-findVideo.html?cid="+cid+"&name="+cname+"&id="+key;
|
})
|
}
|
|
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;
|
}
|
</script>
|
<script>
|
$(function() {
|
$("#dialog-chooselink select").eq(0).change(function() {
|
var linkType = $(this).val();
|
if(linkType == 1) {
|
$("#container-special").css("display", "none");
|
$("#container-video").css("display", "block");
|
$("#container-web").css("display", "none");
|
}
|
});
|
|
//搜索点击
|
$("#container-video .search button").click(function() {
|
var key = $("#container-video .search input").val();
|
var index = layer.load(0, {
|
'shade': false
|
});
|
$.post('../new/api/common/searchvideo', {
|
'key': key
|
}, function(data) {
|
layer.close(index);
|
if(data.code == 0) {
|
$(".search-result table tbody").empty();
|
var html = "";
|
data.data.forEach(function(video) {
|
html += "<tr><td>" + video.id;
|
html += "</td><td>" + video.name + "</td><td><img style='width: 80px;' src=" + video.picture + "> </td><td>" + (video.show == 1 ? '显示' : '不显示') + "</td>";
|
html += "<td><input type='radio' name='choose-video' value=" + video.id + "></td></tr>";
|
});
|
$(".search-result table tbody").html(html);
|
}
|
|
}, 'json');
|
});
|
|
$("#dialog-chooselink .sure").click(function() {
|
var type = $("#dialog-chooselink select").eq(0).val();
|
var value;
|
if(type == 1) {
|
var videoid = $('#dialog-chooselink .search-result input[name="choose-video"]:checked').val();
|
console.log(videoid);
|
if(videoid == undefined || videoid == null) {
|
layer.msg("请选择视频");
|
return;
|
}
|
$.post("api/find/addFindVideo", { "videoInfo.id": videoid, "findClass.id": cid }, function(data) {
|
if(data.code == "0") {
|
var lay = layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing',
|
yes: function(index) {
|
getData(1);
|
layer.close(index)
|
}
|
})
|
|
} else {
|
layer.alert('保存失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
})
|
}
|
}, 'json')
|
|
}
|
|
$("#linkType").val(type);
|
layer.close(index);
|
|
});
|
|
$("#dialog-chooselink .cancel").click(function() {
|
layer.close(index);
|
});
|
|
$("#choose-link").click(function() {
|
index = layer.open({
|
type: 1,
|
title: '链接选择',
|
shadeClose: true,
|
shade: 0.8,
|
area: ['1000px', '800px'],
|
content: $("#dialog-chooselink")
|
});
|
|
});
|
});
|
</script>
|
</body>
|
|
</html>
|
