<!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">
|
<style>
|
.form-group {
|
margin-bottom: 30px;
|
}
|
|
.checkbox input[type=checkbox] {
|
top: 6px;
|
}
|
img{
|
width: 171px;
|
height: 180px;
|
}
|
</style>
|
</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="header">
|
<h4 class="shujutitle">商品修改</h4>
|
<div class="fenge"></div>
|
</div>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input6" class="changdu1 control-label">名称</label>
|
<div class="col-lg-6">
|
<input type="text" class="form-control gname" placeholder="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label for="input6" class="changdu1 control-label">排序</label>
|
<div class="col-lg-6">
|
<input type="text" class="form-control gorder" placeholder="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label for="input6" class="changdu1 control-label">图片</label>
|
<div class="col-lg-6">
|
<img src="" class="curimg"/>
|
<input type="text" class="form-control gpic" placeholder="">
|
</div>
|
</div>
|
<div class="form-group">
|
<label for="input6" class="changdu1 control-label">备选图片</label>
|
<div class="col-lg-6">
|
<div class="row beixuan">
|
<div class="col-lg-3 col-md-1 bxd">
|
<a href="#" class="thumbnail">
|
<img src="">
|
</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="button0">
|
<div class="button">
|
<button type="button" class="btn btn-primary save">保存</button>
|
</div>
|
<div class="button">
|
<input type="button" class="btn btn-default cancel" value="返回" />
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/utli.js"></script>
|
<script>
|
$(function() {
|
|
var key = getArgsFromHref(location.href,"key");
|
var page= getArgsFromHref(location.href,"page");
|
|
$(".cancel").bind("click",function(){
|
if(page==""){
|
page=1;
|
}
|
window.location.href="taoBaoCoupon-goodslist.html?page="+page;
|
});
|
|
$(".gpic").bind("change",function(){
|
var pic = $(this).val();
|
$(".curimg").attr("src",pic);
|
});
|
|
$.post("api/v1/taobaocoupon/getTaoBaoCoupon", { "id": key }, function(data) {
|
if(data.code==0){
|
var taoBaoCoupon = data.data.taoBaoCoupon;
|
var imgList = data.data.imgList;
|
var curpic=taoBaoCoupon.pictUrl;
|
var orderby = taoBaoCoupon.orderby;
|
var beixuanHtml = $(".beixuan").html();
|
$(".gname").val(taoBaoCoupon.title);
|
$(".gorder").val(orderby);
|
$(".gpic").val(curpic);
|
$(".curimg").attr("src",curpic);
|
$(".bxd:first img").attr("src",curpic);
|
for(var ii=0;ii<imgList.length;ii++){
|
var picpath = imgList[ii];
|
if(picpath != curpic){
|
$(".beixuan").append(beixuanHtml);
|
var $lastimg = $(".beixuan img:last");
|
$lastimg.attr("src",picpath);
|
}
|
}
|
|
$(".beixuan img").bind("click",function(){
|
var pic = $(this).attr("src");
|
$(".gpic").val(pic);
|
$(".curimg").attr("src",pic);
|
});
|
}
|
}, 'json');
|
|
$(".save").click(function() {
|
var index = layer.load(0, {
|
'shade': false
|
});
|
$.post('api/v1/taobaocoupon/updateTaoBaoCoupon', {
|
'id':key,
|
'title': $(".gname").val(),
|
'pictUrl':$(".gpic").val(),
|
'orderby':$(".gorder").val()
|
}, function(data) {
|
if(data.code == "0") {
|
layer.alert('保存成功！', {
|
icon: 1,
|
skin: 'layer-ext-seaing'
|
});
|
} else {
|
layer.alert('保存失败！', {
|
icon: 2,
|
skin: 'layer-ext-seaing'
|
});
|
}
|
layer.close(index);
|
}, 'json');
|
|
});
|
|
});
|
</script>
|
</body>
|
|
</html>
|
