<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">
|
<link href="css/tablestyle.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">
|
<div class="container-fluid">
|
<div class="navbar-header">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <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="index.html"> 视 频 后 台 管 理 系 统 </a>
|
</div>
|
<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
|
<ul class="nav navbar-nav">
|
<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>
|
<a href="#">账户</a>
|
</li>
|
<li>
|
<a href="#">退出登录</a>
|
</li>
|
</ul>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</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">
|
<ol class="breadcrumb">
|
<li>
|
<a href="faxian.html">专题合辑</a>
|
</li>
|
<li class="active">添加专题</li>
|
</ol>
|
</div>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input1" class="changdu1 control-label">名称</label>
|
<div class="col-sm-7">
|
<input type="text" class="form-control" id="input1" placeholder="">
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<!--<table class="table">
|
<tbody>
|
<tr>
|
<td><form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label class="changdu1 control-label">系统</label>
|
<div class="col-sm-2">
|
<select name="select" class="form-control">
|
<option>全部</option>
|
<option>布丸视频</option>
|
<option>布丸影视大全</option>
|
<option>布丸IOS</option>
|
</select>
|
</div>
|
</div>
|
</form></td>
|
</tr>
|
</tbody>
|
</table>-->
|
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input2" class="changdu1 control-label">图片栏</label>
|
<div class="col-sm-7">
|
<img id="img" src="#" style="width: 234px; height: 125px;" />
|
<input type="text" class="form-control" id="input2" placeholder="">
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input3" class="changdu1 control-label">排序权重</label>
|
<div class="col-sm-7">
|
<input type="text" class="form-control" id="input3" placeholder="">
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input4" class="changdu1 control-label">是否显示</label>
|
<div class="col-sm-7">
|
<label><input type="checkbox" name="show" /></label>
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input4" class="changdu1 control-label">是否在Banner显示</label>
|
<div class="col-sm-7">
|
<input type="checkbox" name="showonmain" class="" />
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input4" class="changdu1 control-label">简介</label>
|
<div class="col-sm-7">
|
<textarea name="input" rows="7" class="form-control" id="input4"></textarea>
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td width="14%">
|
<form class="APP" role="form">
|
<div class="form-group">
|
<label for="input8" class="changdu2 control-label">APP</label>
|
</div>
|
</form>
|
</td>
|
<td width="15%" class="appname">
|
<div>
|
<div class="checkbox">
|
<label>
|
<input type="checkbox" value="#"><div>
|
</div></label>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<div class="button0">
|
<div class="button">
|
<button type="button" name="save" class="btn btn-primary">保存</button>
|
</div>
|
<div class="button">
|
<a href="faxian.html" class="btn btn-default" role="button">取消</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="js/common.js"></script>
|
<script>
|
$(function() {
|
|
var $td = $(".table tbody .appname");
|
// alert($td.prop("outerHTML"));
|
var html = $td.prop("outerHTML");
|
$.post("api/common/detailsystemlist", {}, function(data) {
|
if(data.code == 0) {
|
allSystems = data.data;
|
for(var edata in allSystems) {
|
if(edata != 0){
|
$(".table tbody .appname").eq(parseInt(edata)-parseInt(1)).after(html);
|
}
|
var $curtd=$(".table tbody .appname").eq(edata);
|
var $curBox=$curtd.find(".checkbox input");
|
$curBox.attr("key",allSystems[edata].id);
|
$curBox.addClass("appClass");
|
var name = " "+allSystems[edata].name;
|
$(".table tbody .appname").eq(edata).find("input + div") .append(name);
|
}
|
}
|
}, 'json');
|
|
|
|
$(".button > button[name='save']").bind("click", function() {
|
var name = $("#input1").val();
|
var picture = $("#input2").val();
|
var orderby = $("#input3").val();
|
var show = $("input[name='show']").attr("checked") ? "on" : "";
|
var showonmain = $("input[name='showonmain']").attr("checked") ? "on" : "";
|
var introduction = $("#input4").val();
|
var detailSystems = getDetailSystems();
|
$.post("api/special/addSpecial", {
|
"detailSystems": detailSystems,
|
"picture" :picture,
|
"introduction" :introduction,
|
"name" :name,
|
"orderby" :orderby,
|
"show" :show,
|
"showonmain" :showonmain},function(data){
|
if(data == "yes") {
|
layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
})
|
}else{
|
layer.alert('保存失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
})
|
}
|
}, "text");
|
});
|
|
$("#input2").bind("focusout",function(){
|
$("#img").attr("src",$(this).val());
|
});
|
});
|
</script>
|
<script>
|
function getDetailSystems() {
|
var detailSystems="";
|
$(".appClass").each(function() {
|
var ck = $(this).context.checked;
|
if(ck) {
|
detailSystems += $(this).attr("key")+",";
|
}
|
});
|
|
return detailSystems;
|
}
|
</script>
|
</body>
|
|
</html>
|
