Skip to content

施宇 / icsales

Go to a project
Commit 04e37d8b by 施宇
Options

商品批量删除

parent 2bbad10c
Inline Side-by-side
Showing with 293 additions and 163 deletions
Application/Home/View/GoodManage/index.html
...@@ -2,89 +2,99 @@ ...@@ -2,89 +2,99 @@
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<include file="Common@public/header"/> <include file="Common@public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css"> <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css">
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<include file="Common@public/navleft"/> <include file="Common@public/navleft" />
<div class="wrapper_right"> <div class="wrapper_right">
<include file="Common@public/top"/> <include file="Common@public/top" />
<div class="right_content good_manage_content"> <div class="right_content good_manage_content">
<div class="content"> <div class="content">
<div class="nav_title">商品管理 > 商品列表</div> <div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr"> <div class="good_total clr">
<div class="fl my_good"> <div class="fl my_good">
<h3>--</h3> <h3>--</h3>
<p>我的商品</p> <p>我的商品</p>
</div>
<div class="fl week_good">
<h3>--</h3>
<p>本周新增</p>
</div>
<div class="fl no_good">
<h3>--</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</div>
<div class="filter_section layui-form clr">
<div class="fr">
<div class="btn_div fr">
<a class="cx lineBlock btn nohover btn_blue" lay-submit lay-filter="search">查询</a>
</div> </div>
<div class="date_div fr"> <div class="fl week_good">
<span class="fl">日期选择：</span> <h3>--</h3>
<div class="start_date_div fl"> <p>本周新增</p>
<div class="icon_div fl icon iconfont iconjuxing13"></div> </div>
<input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz" id="start_time"> <div class="fl no_good">
<h3>--</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</div>
<div class="filter_section layui-form clr">
<div class="fr">
<div class="btn_div fr">
<a class="cx lineBlock btn nohover btn_blue" lay-submit lay-filter="search">查询</a>
</div> </div>
<div class="fl heng"></div> <div class="date_div fr">
<div class="end_date_div fl"> <span class="fl">日期选择：</span>
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"></div>
<input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz"
id="start_time">
</div>
<div class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz"
id="end_time">
</div> </div>
<input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz" id="end_time">
</div>
</div>
<div class="layui-form-style fr">
<span class="lineBlock">状态:</span>
<select name="status/eq">
<option value=""></option>
<option value="1">上架</option>
<option value="2">下架</option>
<option value="3">禁用</option>
</select>
</div>
</div> </div>
<div class="layui-form-style fr"> <div class="input_div boxsiz">
<span class="lineBlock">状态:</span> <span class="lineBlock">商品型号：</span>
<select name="status/eq"> <div class="boxsiz">
<option value=""></option> <input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name/like">
<option value="1">上架</option> </div>
<option value="2">下架</option>
<option value="3">禁用</option>
</select>
</div>
</div>
<div class="input_div boxsiz">
<span class="lineBlock">商品型号：</span>
<div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name/like">
</div> </div>
</div> </div>
</div> <div class="gb">
<div class="gb"> <span class="icon iconfont iconjuxing19 va-m"></span>
<span class="icon iconfont iconjuxing19 va-m"></span> <span>目前商品sku上限为2000条，超出部分将上传失败。</span>
<span>目前商品sku上限为2000条，超出部分将上传失败。</span>
</div>
<div class="btn_group clr">
<div class="dgsc fl btn btn_blue">
<span class="icon iconfont iconjuxing16"></span>
上传商品
</div> </div>
<div class="xz fr boxsiz btn btn_border"> <div class="btn_group clr">
<a href="__PUBLIC__/ic_templet.xls">下载商品模板</a> <div class="fl more-delete">
</div> <span class="gx-status wxz"></span>
<div class="plsc fr btn btn_green"> <span class="plsc-text">批量删除</span>
<span class="icon iconfont iconjuxing16 "></span> </div>
批量上传 <div class="dgsc fr btn btn_blue">
<span class="icon iconfont iconjuxing16"></span>
上传商品
</div>
<div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span>
批量上传
</div>
<div class="xz fr boxsiz btn btn_border">
<a href="__PUBLIC__/ic_templet.xls">下载商品模板</a>
</div>
<div class="cl fr boxsiz btn btn_yellow">
擦亮商品
</div>
</div> </div>
</div> <div class="good_data" id='listData'>
<div class="good_data" id='listData'> <!-- <div class="data_list">
<!-- <div class="data_list">
<div class="data_item"> <div class="data_item">
<div class="data_detail"> <div class="data_detail">
<div class="type fl ellipsis boxsiz"> <div class="type fl ellipsis boxsiz">
...@@ -112,43 +122,46 @@ ...@@ -112,43 +122,46 @@
<img src="__PUBLIC__/images/nosearchdata.png" alt=""> <img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p> <p class="bold">未搜索到询价信息</p>
</div>--> </div>-->
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<include file="Common@public/foot"/> <include file="Common@public/foot" />
<script src="__PUBLIC__/js/goodmanage/index.js"></script> <script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script type="text/html" id="listHtml"> <script type="text/html" id="listHtml">
<div class="data_list"> <div class="data_list">
{{# layui.each(d, function(index, item){ }} {{# layui.each(d, function(index, item){ }}
<div class="data_item" goodid="{{item.goods_id}}"> <div class="data_item" goodid="{{item.goods_id}}">
<div class="data_detail"> <div class="data_detail">
<div class="type fl boxsiz"> <div class="type fl boxsiz">
<span class="text lineBlock va-m bold ellipsis">{{item.goods_name}}</span> <div class="gx-div lineBlock">
{{# if(item['goods_images']){ }} <span class="gx-status wxz" goodid="{{item.goods_id}}"></span>
<div class="icon iconfont iconjuxing17 lineBlock"> </div>
<i></i> <span class="text lineBlock va-m bold ellipsis">{{item.goods_name}}</span>
<img src="{{item.goods_images}}" alt="" class="img_show"> {{# if(item['goods_images']){ }}
<div class="icon iconfont iconjuxing17 lineBlock">
<i></i>
<img src="{{item.goods_images}}" alt="" class="img_show">
</div>
{{# } }}
</div> </div>
{{# } }} <div class="brand fl ellipsis boxsiz">
</div> 品牌：<span>{{item.brand_name}}</span>
<div class="brand fl ellipsis boxsiz"> </div>
品牌：<span>{{item.brand_name}}</span> <div class="num fl ellipsis boxsiz">库存：
</div> <span>{{item.stock}}</span>
<div class="num fl ellipsis boxsiz">库存： </div>
<span>{{item.stock}}</span> <div class="price fl ellipsis boxsiz bold">
</div> {{# if(item.currency == 1){ }}
<div class="price fl ellipsis boxsiz bold"> ￥
{{# if(item.currency == 1){ }} {{# } else { }}
￥ $
{{# } else { }} {{# } }}
$ {{item.price}}
{{# } }} </div>
{{item.price}} {{# if(item['audit_status'] == 1){ }}
</div>
{{# if(item['audit_status'] == 1){ }}
{{# if(item['status'] == 1){ }} {{# if(item['status'] == 1){ }}
<div class="data_status fl boxsiz zs"> <div class="data_status fl boxsiz zs">
<span class="mark lineBlock"></span><span class="text">展示中</span> <span class="mark lineBlock"></span><span class="text">展示中</span>
...@@ -158,73 +171,73 @@ ...@@ -158,73 +171,73 @@
<span class="mark lineBlock"></span><span class="text">已下架</span> <span class="mark lineBlock"></span><span class="text">已下架</span>
</div> </div>
{{# } }} {{# } }}
{{# } else { }} {{# } else { }}
<div class="data_status fl boxsiz jy"> <div class="data_status fl boxsiz jy">
<span class="mark lineBlock"></span><span class="text">禁用中</span> <span class="mark lineBlock"></span><span class="text">禁用中</span>
</div>
{{# } }}
<div class="time fr ellipsis boxsiz">{{ layui.util.toDateString(item.update_time * 1000)}}</div>
</div> </div>
{{# } }} {{# if(item['status'] == 1){ }}
<div class="time fr ellipsis boxsiz">{{ layui.util.toDateString(item.update_time * 1000)}}</div>
</div>
{{# if(item['status'] == 1){ }}
{{# if(item['audit_status'] == 1){ }} {{# if(item['audit_status'] == 1){ }}
<a class="xj xj_status fr xj_btn">下架</a> <a class="xj xj_status fr xj_btn">下架</a>
{{# } else { }} {{# } else { }}
<a class="xj xj_status fr disabled xj_btn">下架</a> <a class="xj xj_status fr disabled xj_btn">下架</a>
{{# } }} {{# } }}
{{# } else { }} {{# } else { }}
{{# if(item['audit_status'] == 1){ }} {{# if(item['audit_status'] == 1){ }}
<a class="fb xj_status fr">发布</a> <a class="fb xj_status fr">发布</a>
{{# } else { }} {{# } else { }}
<a class="fb xj_status fr disabled">发布</a> <a class="fb xj_status fr disabled">发布</a>
{{# } }} {{# } }}
{{# } }} {{# } }}
{{# if(item['audit_status'] == 1){ }} {{# if(item['audit_status'] == 1){ }}
<a class="edit fr" href="/uploadsingle?id={{item.goods_id}}">编辑</a> <a class="edit fr" href="/uploadsingle?id={{item.goods_id}}">编辑</a>
{{# } else { }} {{# } else { }}
<a class="edit fr disabled">编辑</a> <a class="edit fr disabled">编辑</a>
{{# } }}
</div>
{{# }); }}
{{# if(d.length === 0){ }}
<div class="no_data">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">无商品信息</p>
</div>
{{# } }} {{# } }}
</div> </div>
{{# }); }} <div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div>
{{# if(d.length === 0){ }} </script>
<div class="no_data"> <script type="text/html" id="countHtml">
<img src="__PUBLIC__/images/nosearchdata.png" alt=""> <div class="fl my_good">
<p class="bold">无商品信息</p> <h3>{{d.mygoods}}</h3>
<p>我的商品</p>
</div> </div>
{{# } }} <div class="fl week_good">
</div> <h3>{{d.newadd}}</h3>
<div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div> <p>本周新增</p>
</script> </div>
<script type="text/html" id="countHtml"> <div class="fl no_good">
<div class="fl my_good"> <h3>{{d.imperfect}}</h3>
<h3>{{d.mygoods}}</h3> <p>等待完善</p>
<p>我的商品</p> </div>
</div> <div class="center_line line1"></div>
<div class="fl week_good"> <div class="center_line line2"></div>
<h3>{{d.newadd}}</h3> </script>
<p>本周新增</p> <script>
</div> $('.dgsc').click(function () {
<div class="fl no_good"> window.location.href = '/uploadsingle'
<h3>{{d.imperfect}}</h3> })
<p>等待完善</p> $('.plsc').click(function () {
</div> window.location.href = '/bulkupload'
<div class="center_line line1"></div> })
<div class="center_line line2"></div> $('.xz').click(function () {
</script> window.location.href = '/uploadresult'
<script> })
$('.dgsc').click(function () { $('.data_item').click(function () {
window.location.href = '/uploadsingle' window.location.href = '/gooddetail'
}) })
$('.plsc').click(function () { </script>
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
</body> </body>
</html> </html>
\ No newline at end of file
dist/css/goodmanage.css
...@@ -131,7 +131,12 @@ ...@@ -131,7 +131,12 @@
.good_manage_content .btn_group div { .good_manage_content .btn_group div {
padding: 0 19px; padding: 0 19px;
} }
.good_manage_content .btn_group div.xz { .good_manage_content .btn_group div.more-delete {
padding: 0 25px;
}
.good_manage_content .btn_group div.xz,
.good_manage_content .btn_group div.plsc,
.good_manage_content .btn_group div.dgsc {
margin-left: 20px; margin-left: 20px;
} }
.good_manage_content .gb { .good_manage_content .gb {
...@@ -175,8 +180,11 @@ ...@@ -175,8 +180,11 @@
font-size: 16px; font-size: 16px;
width: 25%; width: 25%;
} }
.good_manage_content .good_data .data_list .data_item .type .gx-status {
margin-right: 12px;
}
.good_manage_content .good_data .data_list .data_item .type .text { .good_manage_content .good_data .data_list .data_item .type .text {
max-width: 80%; max-width: 68%;
} }
.good_manage_content .good_data .data_list .data_item .type .icon { .good_manage_content .good_data .data_list .data_item .type .icon {
position: relative; position: relative;
...@@ -288,3 +296,31 @@ ...@@ -288,3 +296,31 @@
.good_manage_content .good_data .data_list .data_item .xj_status.fb { .good_manage_content .good_data .data_list .data_item .xj_status.fb {
color: #0D84D1; color: #0D84D1;
} }
.good_manage_content .gx-div {
height: 100%;
width: 32px;
}
.good_manage_content .gx-status {
display: inline-block;
height: 20px;
width: 20px;
cursor: pointer;
vertical-align: sub;
}
.good_manage_content .gx-status.wxz {
background: url('../images/wxz-icon.png') no-repeat;
background-size: 100% 100%;
}
.good_manage_content .gx-status.xz {
background: url('../images/xz-icon.png') no-repeat;
background-size: 100% 100%;
}
.good_manage_content .plsc-text {
font-size: 14px;
color: #686E73;
cursor: pointer;
margin-left: 17px;
}
.good_manage_content .plsc-text:hover {
color: #0D84D1;
}
dist/css/goodmanage.less
...@@ -170,10 +170,15 @@ ...@@ -170,10 +170,15 @@
div { div {
padding: 0 19px; padding: 0 19px;
&.more-delete{
padding:0 25px;
}
&.xz { &.xz, &.plsc, &.dgsc {
margin-left: 20px; margin-left: 20px;
} }
} }
} }
.gb { .gb {
...@@ -221,9 +226,11 @@ ...@@ -221,9 +226,11 @@
color: #2E3033; color: #2E3033;
font-size: 16px; font-size: 16px;
width: 25%; width: 25%;
.gx-status{
margin-right:12px;
}
.text { .text {
max-width: 80%; max-width: 68%;
} }
.icon { .icon {
...@@ -370,4 +377,33 @@ ...@@ -370,4 +377,33 @@
} }
} }
} }
.gx-div{
height:100%;
width:32px;
}
.gx-status{
display: inline-block;
height:20px;
width:20px;
cursor: pointer;
vertical-align: sub;
&.wxz{
background: url('../images/wxz-icon.png') no-repeat;
background-size: 100% 100%;
}
&.xz{
background: url('../images/xz-icon.png') no-repeat;
background-size: 100% 100%;
}
}
.plsc-text{
font-size: 14px;
color:#686E73;
cursor: pointer;
margin-left:17px;
&:hover{
color:#0D84D1;
}
}
} }
\ No newline at end of file
dist/js/goodmanage/index.js
!function () { !function () {
window.GoodManageController = { window.GoodManageController = {
token: Util.getCookie('token') || '', token: Util.getCookie('token') || '',
deleteGoods:[],
init: function () { init: function () {
this.created(this).mounted(this).render(this, { this.created(this).mounted(this).render(this, {
offset: 10, offset: 10,
...@@ -192,6 +193,48 @@ ...@@ -192,6 +193,48 @@
e.stopPropagation(); e.stopPropagation();
}); });
$(document).on('click','.gx-div',function (e) {
//单个商品勾选
e.stopPropagation();
var goodid = $(this).find('.gx-status').attr('goodid')
if($(this).find('.gx-status').hasClass('wxz')){
//未勾选时变成勾选
$(this).find('.gx-status').removeClass('wxz').addClass('xz');
opt.deleteGoods.push(goodid);
}else{
//勾选时变为未勾选
$(this).find('.gx-status').removeClass('xz').addClass('wxz');
var index = opt.deleteGoods.indexOf(goodid);
if(index!=-1){
opt.deleteGoods.splice(index,1)
}
}
if(opt.deleteGoods.length == 10){
$('.more-delete .gx-status').removeClass('wxz').addClass('xz');
}else{
$('.more-delete .gx-status').removeClass('xz').addClass('wxz');
}
});
$('.more-delete').on('click','.gx-status',function(){
//全选
opt.deleteGoods = [];
if($(this).hasClass('wxz')){
//未勾选时变成勾选
$(this).removeClass('wxz').addClass('xz');
$('#listData .gx-status').each(function(){
var goodid = $(this).attr('goodid')
$(this).removeClass('wxz').addClass('xz');
opt.deleteGoods.push(goodid)
})
}else{
//勾选时变为未勾选
$(this).removeClass('xz').addClass('wxz');
$('#listData .gx-status').each(function(){
$(this).removeClass('xz').addClass('wxz');
})
}
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment