<!DOCTYPE html>
|
<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">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<ol class="breadcrumb">
|
<li><a href="" class="cancel">二级分类</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 for="input1" class="changdu1 control-label">特殊处理关键字</label>
|
<div class="col-sm-7">
|
<input type="text" class="form-control" id="input4" 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="input1" class="changdu1 control-label">排序</label>
|
<div class="col-sm-7">
|
<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="input2" class="changdu1 control-label">分类图标</label>
|
<div class="col-sm-5">
|
<input type="text" class="form-control" id="input3" placeholder="">
|
<input type="file" id="exampleInputFile" enctype="multipart/form-data">
|
</div>
|
<!--<a type="file" class="btn btn-default">选择文件</a>-->
|
</div>
|
</form></td>
|
</tr>
|
</tbody>
|
</table>
|
<div class="button0">
|
<div class="button">
|
<button type="button" class="btn btn-primary save">保存</button>
|
</div>
|
<div class="button"> <a href="" class="btn btn-default cancel" role="button">取消</a> </div>
|
</div>
|
</div>
|
</div>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script>
|
var id;
|
$(function(){
|
id =getArgsFromHref(location.href,"key");
|
var cid =getArgsFromHref(location.href,"cid");
|
var page =getArgsFromHref(location.href,"page");
|
path = "fenlei-erjiguanli.html?key="+cid+"&page="+page;
|
$(".cancel").attr("href",path);
|
|
setSecondClassData();
|
|
$(".save").bind("click",function(){
|
var name = $("#input1").val();
|
var orderby = $("#input2").val();
|
var picture = $("#input3").val();
|
|
if(name.length ==0 ){
|
layer.msg("名称不能为空！");
|
return;
|
}
|
|
if(orderby.length == 0 ){
|
layer.msg("排序不能为空！");
|
return;
|
}
|
|
var iconFile = $("input[type='file']")[0].files[0];
|
if(iconFile == null){
|
if(picture.length <= 0){
|
layer.msg("图片不能为空！");
|
return;
|
}
|
}
|
if(iconFile != null ){
|
var formData = new FormData();
|
var filename = $("input[type='file']").val();
|
formData.append("file",iconFile);
|
formData.append("name",filename);
|
$.ajax({
|
url : "api/v1/upload/uploadImg",
|
type : 'POST',
|
data : formData,
|
dataType : "json",
|
// 告诉jQuery不要去处理发送的数据
|
processData : false,
|
// 告诉jQuery不要去设置Content-Type请求头
|
contentType : false,
|
beforeSend:function(){
|
console.log("正在进行，请稍候");
|
},
|
success : function(data,responseStr) {
|
$("#input3").val(data.data);
|
save();
|
},
|
error : function(responseStr) {
|
console.log("error");
|
alert("error");
|
}
|
});
|
|
}else{
|
save();
|
}
|
});
|
});
|
|
function save(){
|
var name = $("#input1").val();
|
var orderby = $("#input2").val();
|
var picture = $("#input3").val();
|
var searchKey = $("#input4").val();
|
$.post("api/v1/secondclass/updateSecondClass",{"id":id,"name":name,"picture":picture,"orderby":orderby,"key":searchKey},function(data){
|
if(data.code==0){
|
layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing',
|
yes:function(){
|
location.href=path;
|
}
|
});
|
}else{
|
layer.alert('保存失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
},'json')
|
}
|
|
function setSecondClassData(){
|
$.post("api/v1/secondclass/getSecondClass",{"scid":id},function(data){
|
if(data.code==0){
|
var secondClass = data.data;
|
var name =secondClass.name;
|
var picture = secondClass.picture;
|
var orderby = secondClass.orderby;
|
var searchKey = secondClass.key;
|
$("#input1").val(name);
|
$("#input2").val(orderby);
|
$("#input3").val(picture);
|
$("#input4").val(searchKey);
|
}
|
},'json')
|
}
|
|
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>
|
