<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">
|
<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" 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 class="active"><a href="fenqu.html">分区</a></li>
|
<li><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="fenqu.html">
|
<div class="cebiandh">分区视频</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="fenqu-banner.html">
|
<div class="cebiandh1">分区banner</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="fenqu-bianji.html">
|
<div class="cebiandh">分区编辑</div>
|
</a>
|
</dd>
|
<dd>
|
<a href="#">
|
<div class="cebiandh">视频屏蔽</div>
|
</a>
|
</dd>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="header">
|
<h4 class="shujutitle">修改视频分类</h4>
|
<div class="fenge"></div>
|
</div>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td><form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input1" class="changdu3 control-label">分类名称</label>
|
<div class="col-sm-3">
|
<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 for="input2" class="changdu3 control-label">分类图标</label>
|
<div class="col-sm-3">
|
<img src="#" />
|
<input type="file" id="exampleInputFile" enctype="multipart/form-data">
|
<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="changdu3 control-label">排序权重</label>
|
<div class="col-sm-3">
|
<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="input6" class="changdu3 control-label">备注</label>
|
<div class="col-sm-3">
|
<textarea cols="4" class="form-control" id="input4"></textarea>
|
</div>
|
</div>
|
</form></td>
|
</tr>
|
</tbody>
|
</table>
|
<div class="button0">
|
<div class="button">
|
<button type="button" name="save" class="btn btn-primary">保存</button>
|
</div><div class="button">
|
<button type="button" name="cancel" class="btn btn-primary">取消</button>
|
</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 curpath = location.href;
|
var key = getArgsFromHref(curpath,"pid");
|
|
|
$("#input2").focusout(function(){
|
if($("#exampleInputFile").val() == ""){
|
$("img").attr("src",$(this).val());
|
}
|
});
|
|
$("#exampleInputFile").bind("change",function(){
|
var path = $(this).val();
|
if(path != ""){
|
$("img").attr("src",path);
|
}
|
});
|
|
$("button[name='cancel']").bind("click",function(){
|
window.open("shiping-fenlei.html",'_self');
|
})
|
|
$("button[name='save']").bind("click",function(){
|
var orderby = $("#input3").val();
|
var name = $("#input1").val();
|
var beizhu = $("#input4").val();
|
var iconFile = $("input[type='file']")[0].files[0];
|
var iconUrl = $("#input2").val();
|
|
if(iconFile!=null){
|
var formData = new FormData();
|
var filename = $("input[type='file']").val();
|
formData.append("file",iconFile);
|
formData.append("name",filename);
|
$.ajax({
|
url : "api/videoType/updateVideoTypeFile",
|
type : 'POST',
|
data : formData,
|
dataType : "json",
|
// 告诉jQuery不要去处理发送的数据
|
processData : false,
|
// 告诉jQuery不要去设置Content-Type请求头
|
contentType : false,
|
beforeSend:function(){
|
console.log("正在进行，请稍候");
|
},
|
success : function(data,responseStr) {
|
if(data.code==0){
|
addVideoType(key,orderby,name,beizhu,data.path,iconUrl);
|
}else if(data.code==1){
|
addVideoType(key,orderby,name,beizhu,"",iconUrl);
|
}else{
|
layer.msg("上传图片失败，请重新操作！");
|
}
|
},
|
error : function(responseStr) {
|
console.log("error");
|
alert("error");
|
}
|
});
|
}else{
|
addVideoType(key,orderby,name,beizhu,"",iconUrl);
|
}
|
})
|
});
|
|
</script>
|
<script>
|
function addVideoType(key,orderby,name,beizhu,iconFile,iconUrl){
|
$.post("api/videoType/addVideoType",{"pid":key,"orderby":orderby,"name":name,"beizhu":beizhu,"iconFile":iconFile,"iconUrl":iconUrl},function(data){
|
if(data == "yes") {
|
layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
});
|
}else{
|
layer.alert('保存失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
},"text")
|
}
|
|
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>
|
</body>
|
</html>
|
