<!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">
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<style>
|
.search {
|
display: inline;
|
width: auto;
|
}
|
|
#hometype input[type=checkbox] {
|
height: 20px;
|
width: 20px;
|
}
|
|
#hometype ul li {
|
line-height: 30px;
|
}
|
|
#hometype ul li span {
|
height: 30px;
|
vertical-align: middle;
|
margin-left: 5px;
|
}
|
|
#hometype table td {
|
padding: 5px;
|
}
|
|
#special input[type=checkbox] {
|
height: 20px;
|
width: 20px;
|
}
|
|
#special ul li {
|
line-height: 30px;
|
}
|
|
#special ul li span {
|
height: 30px;
|
vertical-align: middle;
|
margin-left: 5px;
|
}
|
|
#special table td {
|
padding: 5px;
|
}
|
|
#hometype-sure {
|
padding: 20px;
|
display: none;
|
}
|
|
#hometype-sure span {
|
width: 100px;
|
text-align: right;
|
}
|
|
#hometype-sure input[type=text] {
|
width: 360px;
|
display: inline;
|
}
|
|
#hometype-sure div {
|
margin-bottom: 20px;
|
}
|
.imgc {
|
width: 120px;
|
height: 120px;
|
}
|
</style>
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="erjidh">
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-inline" role="form">
|
<div class="form-group" role="search">
|
<input type="text" class="form-control searchText" style="width:200px;" placeholder="搜索">
|
</div>
|
<button type="button" class="btn btn-default searchBtn">搜索</button>
|
</form>
|
</td>
|
<td>
|
<div class="tianjia">
|
<button class="btn btn-primary updateBtn" role="button">更新商品 </button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="liebiao">
|
<table class="table">
|
<thead>
|
<th width="7%">选择</th>
|
<th width="7%">编号</th>
|
<th width="24%">商品名称</th>
|
<th width="17%">商品图片</th>
|
<th width="6%">价格(元)</th>
|
<th width="6%">销量</th>
|
<th width="7%">更新时间</th>
|
<th width="5%">佣金比例</th>
|
<th width="7%">优惠信息</th>
|
<th width="7%">删除</th>
|
<th width="7%">编辑</th>
|
</thead>
|
<tbody>
|
<tr style="">
|
<td width="7%">
|
<div class="xuanze">
|
<label> <input type="checkbox" class="check-item"
|
value="#">
|
</label>
|
</div>
|
</td>
|
<td width="7%">
|
<div class="bianhao bianhaoid"></div>
|
</td>
|
<td width="24%">
|
<a class="bianhao bianhaoname" target="view_window"></a>
|
</td>
|
<td width="17%">
|
<div class="imgDiv" style="text-align:center">
|
<img alt src="#" class="imgc">
|
</div>
|
</td>
|
<td width="6%">
|
<div class="bianhao jiage"></div>
|
</td>
|
<td width="6%">
|
<div class="bianhao xiaoliang"></div>
|
</td>
|
<td width="7%" style="text-align: center; line-height: 105px;" class="createtime"></td>
|
<td width="5%">
|
<div class="bianhao yjbl"></div>
|
</td>
|
<td width="7%">
|
<div class="bianhao youhui">
|
</div>
|
</td>
|
<td width="7%">
|
<div class="anniu delete">
|
<img src="image/dustbin.png">
|
</div>
|
</td>
|
<td width="7%">
|
<div class="anniu">
|
<a key="" class="edit"><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" value="#">
|
全选
|
</label>
|
</div>
|
</div>
|
<button class="btn btn-warning batchDel" type="button">批量删除</button>
|
<!--<button class="btn btn-primary pl-addremen" 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>
|
|
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/utli.js"></script>
|
<script>
|
var html;
|
$(function(){
|
html=$(".zhuti .liebiao tbody").html();
|
$(".zhuti .liebiao tbody").empty();
|
var page = getArgsFromHref(location.href,"page");
|
// var p = new RegExp("\\D+");
|
// var b = p.test(page);
|
// if(b){
|
page = page.replace("#","");
|
// }
|
if(page == ""){
|
page = 1;
|
}
|
getTaoBaoCouponData(page);
|
|
$(".checkAll").bind("click", function() {
|
$(".xuanze > label >input ").prop('checked', this.checked);
|
});
|
|
$(".batchDel").bind("click", function() {
|
var arr = new Array();
|
var selectAll = $(".xuanze input[type='checkbox']").each(function() {
|
var cur = $(this);
|
var ck = this.checked;
|
if(ck) {
|
var val = cur.attr("key");
|
arr.push(val);
|
}
|
if(arr.length == 0) {
|
layer.msg("请先选择数据！");
|
return;
|
}
|
layer.confirm('是否批量删除？', {
|
btn: ['否', '是']
|
}, function(index) {
|
layer.close(index);
|
return false;
|
}, function() {
|
deletetbCoupon(arr,page);
|
$(".checkAll").prop("checked", false);
|
});
|
});
|
});
|
|
$(".updateBtn").bind("click",function(){
|
var lay = layer.load(0, {
|
'shade': false
|
});
|
$(".updateBtn").addClass("disabled");
|
$.ajax({
|
type:"post",
|
url:"api/v1/taobaocoupon/updateTaoBaoCouponList",
|
async:true,
|
dataType:'json',
|
success:function(data){
|
if(data.code==0){
|
layer.msg("更新成功");
|
location.reload();
|
layer.close(lay);
|
$(".updateBtn").removeClass("disabled");
|
}else{
|
layer.msg("更新失败");
|
layer.close(lay);
|
$(".updateBtn").removeClass("disabled");
|
}
|
},
|
error:function(data){
|
layer.msg("更新失败");
|
layer.close(lay);
|
$(".updateBtn").removeClass("disabled");
|
}
|
});
|
});
|
|
});
|
|
|
function getTaoBaoCouponData(page){
|
var lay = layer.load(0, {
|
'shade': false
|
});
|
var key = $(".searchText").val();
|
$.post("api/v1/taobaocoupon/getTaoBaoCouponList",{"key":key,"page":page},function(data){
|
if(data.code==0){
|
setTaoBaoCouponData(data.data.taoBaoCouponList,page);
|
fillPage(data.data.pe,function(pageindex){
|
getTaoBaoCouponData(pageindex);
|
});
|
layer.close(lay);
|
}else{
|
layer.msg("加载出错!");
|
layer.close(lay);
|
}
|
},'json');
|
}
|
|
function setTaoBaoCouponData(data,page){
|
$(".zhuti .liebiao tbody").empty();
|
for (var ii = 0; ii < data.length; ii++) {
|
var id = data[ii].id;
|
var title = data[ii].title;
|
var pictUrl = data[ii].pictUrl;
|
var auctionUrl = data[ii].auctionUrl;
|
var createtime = data[ii].createtime;
|
var zkPrice = data[ii].zkPrice;
|
var biz30day = data[ii].biz30day;
|
var couponinfo = data[ii].couponinfo;
|
var tkRate = data[ii].tkRate;
|
$(".zhuti .liebiao tbody").append(html);
|
var $curtr = $(".zhuti .liebiao tbody tr").eq(ii);
|
$curtr.find(".xuanze input").attr("key",id);
|
$curtr.find(".bianhaoid").text(id);
|
$curtr.find(".bianhaoname").text(title);
|
$curtr.find(".bianhaoname").attr("href",auctionUrl);
|
$curtr.find(".imgc").attr("src",pictUrl);
|
$curtr.find(".jiage").text(zkPrice);
|
$curtr.find(".xiaoliang").text(biz30day);
|
$curtr.find(".youhui").text(couponinfo);
|
$curtr.find(".yjbl").text(tkRate+"%");
|
$curtr.find(".createtime").text(setDateFormat(createtime));
|
$curtr.find(".delete").attr("key",id);
|
$curtr.find(".edit").attr("href","edit-taobaoCoupon.html?key="+id+"&page="+page);
|
}
|
|
$(".liebiao tbody .delete").bind("click",function(){
|
var $obj=$(this);
|
layer.confirm('是否删除？', {
|
btn: ['否', '是']
|
}, function(index) {
|
layer.close(index);
|
return false;
|
}, function() {
|
var key = $obj.attr("key");
|
var array = new Array();
|
array.push(key);
|
deletetbCoupon(array,page);
|
});
|
});
|
}
|
function deletetbCoupon(arr,page){
|
$.ajax({
|
type:"post",
|
url:"api/v1/taobaocoupon/deleteTaoBaoCoupon",
|
async:true,
|
data:{"ids":arr},
|
dataType:'json',
|
traditional: true, //阻止深度序列化
|
success:function(data){
|
if(data.code==0){
|
layer.msg("删除成功");
|
getTaoBaoCouponData(page);
|
}else{
|
layer.msg("删除失败");
|
}
|
},
|
error:function(data){
|
layer.msg("删除失败");
|
}
|
});
|
}
|
|
</script>
|
</body>
|
|
</html>
|
