<!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">
|
<style>
|
.search {
|
display: inline;
|
width: auto;
|
}
|
|
.img {
|
width: 120px;
|
height: 120px;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
|
</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 add" role="button">添加商品 +</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
<div class="zhuti">
|
<div class="zhutisousuo">
|
<table class="table">
|
<thead>
|
<th width="7%">选择</th>
|
<th width="7%">编号</th>
|
<th width="32%">商品标题</th>
|
<th width="10%">图片</th>
|
<th width="10%">价格</th>
|
<th width="12%">优惠卷</th>
|
<th width="10%">创建时间</th>
|
<th width="7%">删除</th>
|
<th width="5%">编辑</th>
|
</thead>
|
|
<tbody>
|
<tr style="">
|
<td style="line-height: 70px;text-align: center;">
|
<div class="xuanze">
|
<label>
|
<input type="checkbox" class="check-item" value="#"/>
|
</label>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;">
|
<div class="bianhaoid">623</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;">
|
<a class="bianhaoname" target="_blank">
|
</a>
|
</td>
|
<td>
|
<div class="imgDiv">
|
<img src="#" class="img"></img>
|
</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;">
|
<div class="jiage">623</div>
|
</td>
|
<td style="line-height: 140px;text-align: center;">
|
<div class="youhuijuan">6</div>
|
</td>
|
<td style="text-align:center;line-height:140px;" class="createtime">1995-12-12</td>
|
<td>
|
<div class="anniu delete" ><img src="image/dustbin.png" />
|
</div>
|
</td>
|
<td>
|
<div class="anniu edit">
|
<a href="javascript:void(0)"><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="check-all checkAll" value="#">
|
全选</label>
|
</div>
|
</div>
|
<button class="btn btn-warning batchDel " 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 id="dialog-chooselink" style="display: none;">
|
<div class="row" style="height: 690px;">
|
<div class="col-lg-12 col-md-12" style="display: inline;">
|
<div id="container-video">
|
<div class="search">
|
<input type="text" class="form-control" placeholder="搜索名称" style="width: 200px;display: inline;" />
|
<button class="btn btn-info">搜索</button>
|
</div>
|
<!-- 搜索结果展示区域-->
|
<div class="search-result">
|
<table class="table">
|
<thead>
|
<th width="35%">名称</th>
|
<th width="35%">图片</th>
|
<th width="7%">价格</th>
|
<th width="15%">优惠卷信息</th>
|
<th width="8%">选择</th>
|
</thead>
|
<tbody>
|
<tr style="display: none;">
|
<td class="r-mingcheng"><div></div></td>
|
<td class="r-tupian"><img style="width: 300px;height: 400px;"/></td>
|
<td class="r-jiage"></td>
|
<td class="r-youhuijuan"></td>
|
<td><input style="height: 20px;width: 20px;" class="checkbox" type="checkbox"/></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table style="display: none" id="msgTable" class="table table-bordered">
|
<thead>
|
<tr>
|
<td>商品ID</td>
|
<td>添加信息</td>
|
</tr>
|
</thead>
|
<tbody>
|
</tbody>
|
</table>
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<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 trHtml;
|
var id;
|
var resultTrHtml;
|
$(function() {
|
id = getArgsFromHref(location.href,"key");
|
trHtml = $(".zhuti tbody ").html();
|
resultTrHtml = $(".search-result > table tbody").html();
|
$(".zhuti tbody").empty();
|
|
$(".checkAll").bind("click", function() {
|
if(this.checked) {
|
$(".xuanze > label >input ").prop('checked', true)
|
} else {
|
$(".xuanze > label >input ").prop('checked', false)
|
}
|
});
|
$(".searchBtn").bind("click", function(){
|
getSectionGoods(1);
|
});
|
getSectionGoods(1);
|
});
|
|
function getSectionGoods(pageindex) {
|
var lay = layer.load(0, {
|
'shade': false
|
});
|
|
var platform = $(".xiala > select > option:checked").attr("key");
|
var packages = $(".xiala > select > option:checked").attr("package");
|
var searchText = $(".searchText").val();
|
|
$.post("api/v1/sectiongoods/getSectionGoodsList", { "pageIndex": pageindex,"rsid":id,"key": searchText}, function(data) {
|
if(data.code == 0) {
|
setSectionGoodsData(pageindex, data);
|
fillPage(data.data.pe, function(pageindex) {
|
getSectionGoods(pageindex);
|
});
|
} else {
|
layer.msg("数据访问出错");
|
}
|
layer.close(lay);
|
|
}, 'json');
|
|
}
|
|
function setSectionGoodsData(index, data) {
|
$(".zhuti tbody").empty();
|
index = index - 1;
|
var pageSize = data.data.pe.pageSize;
|
var totalCount = data.data.pe.totalCount;
|
var len = (pageSize < totalCount - (index * pageSize)) ? pageSize : totalCount - (index * pageSize);
|
len = (index * pageSize) + len;
|
var tt = index * pageSize;
|
var systemList = data.data.systemList;
|
for(var ii = 0; tt < len && tt < totalCount < pageSize; ii++, tt++) {
|
var recommendSectionGoods = data.data.recommendSectionGoodsList[ii];
|
var gid = recommendSectionGoods.id;
|
var createtime = recommendSectionGoods.createtime;
|
var taoBaoGoodsBrief = recommendSectionGoods.taoBaoGoodsBrief;
|
var picture = taoBaoGoodsBrief.pictUrl;
|
var name = taoBaoGoodsBrief.title;
|
var price = taoBaoGoodsBrief.zkPrice;
|
var coupon = taoBaoGoodsBrief.couponInfo;
|
var auctionUrl = taoBaoGoodsBrief.auctionUrl;
|
$(".zhuti tbody").append(trHtml);
|
var $curTr = $(".zhuti tbody tr").eq(ii);
|
$curTr.find(".xuanze input").attr("key", gid);
|
$curTr.find(".bianhaoid").text(gid);
|
$curTr.find(".bianhaoname").text(name.replace("</span>","").replace("<span class=H>",""));
|
$curTr.find(".bianhaoname").attr("href",auctionUrl)
|
$curTr.find(".imgDiv > img").attr("src", picture);
|
$curTr.find(".anniu").attr("key", gid);
|
$curTr.find(".jiage").text(price);
|
$curTr.find(".youhuijuan").text(coupon);
|
var mydate = setDateFormat(createtime);
|
$curTr.find(".createtime").text(mydate);
|
}
|
|
$(".zhuti 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);
|
deleteSectionGoods(array);
|
});
|
});
|
|
$(".edit").bind("click",function(){
|
location.href="edit-bankuaishangping.html?key="+$(this).attr("key");
|
});
|
|
$(".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() {
|
deleteSectionGoods(arr);
|
$(".checkAll").prop("checked", false);
|
});
|
});
|
});
|
}
|
|
function deleteSectionGoods(arr){
|
$.ajax({
|
type:"post",
|
url:"api/v1/sectiongoods/deleteSectionGoods",
|
async:true,
|
data:{"rsgids":arr},
|
dataType:'json',
|
traditional: true, //阻止深度序列化
|
success:function(data){
|
if(data.code==0){
|
layer.msg("删除成功");
|
getSectionGoods(1);
|
}else{
|
layer.msg("删除失败");
|
}
|
},
|
error:function(data){
|
layer.msg("删除失败");
|
}
|
});
|
}
|
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>
|
<script>
|
$(function(){
|
$(".add").click(function() {
|
|
var h = ($("body").height() * 0.8 ) +"px";
|
var w = ($("body").width() * 0.8 ) +"px";
|
|
layer.open({
|
type: 2,
|
title: '添加商品',
|
btn:['确定','取消'],
|
yes:function(index){
|
var arr = new Array();
|
layer.getChildFrame('.liebiao .myck', index).each(function(){
|
if(this.checked){
|
var key = $(this).attr("key");
|
arr.push(key);
|
}
|
});
|
if(arr.length==0){
|
layer.msg("请先选择数据");
|
return;
|
}
|
var sindex = layer.load(1, {
|
shade: false
|
});
|
$.ajax({
|
type:"post",
|
url:"api/v1/sectiongoods/addSectionGoods",
|
async:true,
|
data:{"rsid":id,"tbgids":arr},
|
dataType:'json',
|
traditional: true, //阻止深度序列化
|
success:function(data){
|
if(data.code==0){
|
setMsgInfo(data);
|
}else{
|
layer.msg("添加失败");
|
}
|
layer.close(sindex);
|
},
|
error:function(data){
|
layer.msg("添加失败");
|
layer.close(sindex);
|
}
|
});
|
},
|
function(index){
|
layer.close(index);
|
},
|
area: [w, h],
|
content: "searchGoods.html"
|
});
|
});
|
|
});
|
|
function setMsgInfo(data){
|
$("#msgTable tbody").empty();
|
var list = data.data.list;
|
var len =list.length;
|
for (var ii=0;ii<len;ii++) {
|
var id = list[ii].id;
|
var msg = list[ii].msg;
|
var msgTrhtml="<tr><td>"+id+"</td><td>"+msg+"</td></tr>";
|
$("#msgTable tbody").append(msgTrhtml);
|
}
|
mindex = layer.open({
|
type: 1,
|
title: '信息',
|
shadeClose: true,
|
shade: 0.8,
|
btn:['取消'],
|
area: ['800px', '600px'],
|
content: $("#msgTable")
|
});
|
}
|
</script>
|
</body>
|
|
</html>
|
