Skip to content

施宇 / icsales

Go to a project
Commit 04e37d8b by 施宇
Options

商品批量删除

parent 2bbad10c
Inline Side-by-side
Showing with 154 additions and 24 deletions
Application/Home/View/GoodManage/index.html
...@@ -2,15 +2,15 @@ ...@@ -2,15 +2,15 @@
<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>
...@@ -39,13 +39,15 @@ ...@@ -39,13 +39,15 @@
<span class="fl">日期选择：</span> <span class="fl">日期选择：</span>
<div class="start_date_div fl"> <div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"></div> <div class="icon_div fl icon iconfont iconjuxing13"></div>
<input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz" id="start_time"> <input type="text" name="start_time" placeholder="开始日期" class="fl boxsiz"
id="start_time">
</div> </div>
<div class="fl heng"></div> <div class="fl heng"></div>
<div class="end_date_div fl"> <div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13"> <div class="icon_div fl icon iconfont iconjuxing13">
</div> </div>
<input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz" id="end_time"> <input type="text" name="end_time" placeholder="结束日期" class="fl boxsiz"
id="end_time">
</div> </div>
</div> </div>
...@@ -71,17 +73,25 @@ ...@@ -71,17 +73,25 @@
<span>目前商品sku上限为2000条，超出部分将上传失败。</span> <span>目前商品sku上限为2000条，超出部分将上传失败。</span>
</div> </div>
<div class="btn_group clr"> <div class="btn_group clr">
<div class="dgsc fl btn btn_blue"> <div class="fl more-delete">
<span class="gx-status wxz"></span>
<span class="plsc-text">批量删除</span>
</div>
<div class="dgsc fr btn btn_blue">
<span class="icon iconfont iconjuxing16"></span> <span class="icon iconfont iconjuxing16"></span>
上传商品 上传商品
</div> </div>
<div class="xz fr boxsiz btn btn_border">
<a href="__PUBLIC__/ic_templet.xls">下载商品模板</a>
</div>
<div class="plsc fr btn btn_green"> <div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span> <span class="icon iconfont iconjuxing16 "></span>
批量上传 批量上传
</div> </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 class="good_data" id='listData'> <div class="good_data" id='listData'>
<!-- <div class="data_list"> <!-- <div class="data_list">
...@@ -117,15 +127,18 @@ ...@@ -117,15 +127,18 @@
</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">
<div class="gx-div lineBlock">
<span class="gx-status wxz" goodid="{{item.goods_id}}"></span>
</div>
<span class="text lineBlock va-m bold ellipsis">{{item.goods_name}}</span> <span class="text lineBlock va-m bold ellipsis">{{item.goods_name}}</span>
{{# if(item['goods_images']){ }} {{# if(item['goods_images']){ }}
<div class="icon iconfont iconjuxing17 lineBlock"> <div class="icon iconfont iconjuxing17 lineBlock">
...@@ -194,8 +207,8 @@ ...@@ -194,8 +207,8 @@
{{# } }} {{# } }}
</div> </div>
<div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div> <div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div>
</script> </script>
<script type="text/html" id="countHtml"> <script type="text/html" id="countHtml">
<div class="fl my_good"> <div class="fl my_good">
<h3>{{d.mygoods}}</h3> <h3>{{d.mygoods}}</h3>
<p>我的商品</p> <p>我的商品</p>
...@@ -210,8 +223,8 @@ ...@@ -210,8 +223,8 @@
</div> </div>
<div class="center_line line1"></div> <div class="center_line line1"></div>
<div class="center_line line2"></div> <div class="center_line line2"></div>
</script> </script>
<script> <script>
$('.dgsc').click(function () { $('.dgsc').click(function () {
window.location.href = '/uploadsingle' window.location.href = '/uploadsingle'
}) })
...@@ -224,7 +237,7 @@ ...@@ -224,7 +237,7 @@
$('.data_item').click(function () { $('.data_item').click(function () {
window.location.href = '/gooddetail' window.location.href = '/gooddetail'
}) })
</script> </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