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 @@
<html lang="zh-CN">
<head>
<include file="Common@public/header"/>
<include file="Common@public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/goodmanage.css">
</head>
<body>
<div class="wrapper">
<include file="Common@public/navleft"/>
<div class="wrapper_right">
<include file="Common@public/top"/>
<div class="right_content good_manage_content">
<div class="content">
<div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr">
<div class="fl my_good">
<h3>--</h3>
<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 class="wrapper">
<include file="Common@public/navleft" />
<div class="wrapper_right">
<include file="Common@public/top" />
<div class="right_content good_manage_content">
<div class="content">
<div class="nav_title">商品管理 > 商品列表</div>
<div class="good_total clr">
<div class="fl my_good">
<h3>--</h3>
<p>我的商品</p>
</div>
<div class="date_div fr">
<span class="fl">日期选择：</span>
<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 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 class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
<div class="date_div fr">
<span class="fl">日期选择：</span>
<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>
<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 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 class="input_div boxsiz">
<span class="lineBlock">商品型号：</span>
<div class="boxsiz">
<input type="text" placeholder="请输入型号" class="boxsiz" name="goods_name/like">
<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 class="gb">
<span class="icon iconfont iconjuxing19 va-m"></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 class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span>
<span>目前商品sku上限为2000条，超出部分将上传失败。</span>
</div>
<div class="xz fr boxsiz btn btn_border">
<a href="__PUBLIC__/ic_templet.xls">下载商品模板</a>
</div>
<div class="plsc fr btn btn_green">
<span class="icon iconfont iconjuxing16 "></span>
批量上传
<div class="btn_group clr">
<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>
上传商品
</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 class="good_data" id='listData'>
<!-- <div class="data_list">
<div class="good_data" id='listData'>
<!-- <div class="data_list">
<div class="data_item">
<div class="data_detail">
<div class="type fl ellipsis boxsiz">
......@@ -112,43 +122,46 @@
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">未搜索到询价信息</p>
</div>-->
</div>
</div>
</div>
</div>
</div>
</div>
<include file="Common@public/foot"/>
<script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script type="text/html" id="listHtml">
<div class="data_list">
{{# layui.each(d, function(index, item){ }}
<div class="data_item" goodid="{{item.goods_id}}">
<div class="data_detail">
<div class="type fl boxsiz">
<span class="text lineBlock va-m bold ellipsis">{{item.goods_name}}</span>
{{# if(item['goods_images']){ }}
<div class="icon iconfont iconjuxing17 lineBlock">
<i></i>
<img src="{{item.goods_images}}" alt="" class="img_show">
</div>
<include file="Common@public/foot" />
<script src="__PUBLIC__/js/goodmanage/index.js"></script>
<script type="text/html" id="listHtml">
<div class="data_list">
{{# layui.each(d, function(index, item){ }}
<div class="data_item" goodid="{{item.goods_id}}">
<div class="data_detail">
<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>
{{# 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">
品牌：<span>{{item.brand_name}}</span>
</div>
<div class="num fl ellipsis boxsiz">库存：
<span>{{item.stock}}</span>
</div>
<div class="price fl ellipsis boxsiz bold">
{{# if(item.currency == 1){ }}
￥
{{# } else { }}
$
{{# } }}
{{item.price}}
</div>
{{# if(item['audit_status'] == 1){ }}
<div class="brand fl ellipsis boxsiz">
品牌：<span>{{item.brand_name}}</span>
</div>
<div class="num fl ellipsis boxsiz">库存：
<span>{{item.stock}}</span>
</div>
<div class="price fl ellipsis boxsiz bold">
{{# if(item.currency == 1){ }}
￥
{{# } else { }}
$
{{# } }}
{{item.price}}
</div>
{{# if(item['audit_status'] == 1){ }}
{{# if(item['status'] == 1){ }}
<div class="data_status fl boxsiz zs">
<span class="mark lineBlock"></span><span class="text">展示中</span>
......@@ -158,73 +171,73 @@
<span class="mark lineBlock"></span><span class="text">已下架</span>
</div>
{{# } }}
{{# } else { }}
<div class="data_status fl boxsiz jy">
<span class="mark lineBlock"></span><span class="text">禁用中</span>
{{# } else { }}
<div class="data_status fl boxsiz jy">
<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 class="time fr ellipsis boxsiz">{{ layui.util.toDateString(item.update_time * 1000)}}</div>
</div>
{{# if(item['status'] == 1){ }}
{{# if(item['status'] == 1){ }}
{{# if(item['audit_status'] == 1){ }}
<a class="xj xj_status fr xj_btn">下架</a>
{{# } else { }}
<a class="xj xj_status fr disabled xj_btn">下架</a>
{{# } }}
{{# } else { }}
{{# } else { }}
{{# if(item['audit_status'] == 1){ }}
<a class="fb xj_status fr">发布</a>
{{# } else { }}
{{# if(item['audit_status'] == 1){ }}
<a class="fb xj_status fr">发布</a>
{{# } else { }}
<a class="fb xj_status fr disabled">发布</a>
{{# } }}
{{# } }}
{{# if(item['audit_status'] == 1){ }}
<a class="edit fr" href="/uploadsingle?id={{item.goods_id}}">编辑</a>
{{# } else { }}
<a class="edit fr disabled">编辑</a>
{{# } }}
{{# } }}
{{# if(item['audit_status'] == 1){ }}
<a class="edit fr" href="/uploadsingle?id={{item.goods_id}}">编辑</a>
{{# } else { }}
<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>
{{# }); }}
{{# if(d.length === 0){ }}
<div class="no_data">
<img src="__PUBLIC__/images/nosearchdata.png" alt="">
<p class="bold">无商品信息</p>
<div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div>
</script>
<script type="text/html" id="countHtml">
<div class="fl my_good">
<h3>{{d.mygoods}}</h3>
<p>我的商品</p>
</div>
{{# } }}
</div>
<div class="pagination-with" id="pagination" style="text-align: right;margin-top: 25px;"></div>
</script>
<script type="text/html" id="countHtml">
<div class="fl my_good">
<h3>{{d.mygoods}}</h3>
<p>我的商品</p>
</div>
<div class="fl week_good">
<h3>{{d.newadd}}</h3>
<p>本周新增</p>
</div>
<div class="fl no_good">
<h3>{{d.imperfect}}</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</script>
<script>
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.plsc').click(function () {
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
<div class="fl week_good">
<h3>{{d.newadd}}</h3>
<p>本周新增</p>
</div>
<div class="fl no_good">
<h3>{{d.imperfect}}</h3>
<p>等待完善</p>
</div>
<div class="center_line line1"></div>
<div class="center_line line2"></div>
</script>
<script>
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.plsc').click(function () {
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
</script>
</body>
</html>
\ No newline at end of file
dist/css/goodmanage.css
......@@ -131,7 +131,12 @@
.good_manage_content .btn_group div {
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;
}
.good_manage_content .gb {
......@@ -175,8 +180,11 @@
font-size: 16px;
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 {
max-width: 80%;
max-width: 68%;
}
.good_manage_content .good_data .data_list .data_item .type .icon {
position: relative;
......@@ -288,3 +296,31 @@
.good_manage_content .good_data .data_list .data_item .xj_status.fb {
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 @@
div {
padding: 0 19px;
&.more-delete{
padding:0 25px;
}
&.xz {
&.xz, &.plsc, &.dgsc {
margin-left: 20px;
}
}
}
.gb {
......@@ -221,9 +226,11 @@
color: #2E3033;
font-size: 16px;
width: 25%;
.gx-status{
margin-right:12px;
}
.text {
max-width: 80%;
max-width: 68%;
}
.icon {
......@@ -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 () {
window.GoodManageController = {
token: Util.getCookie('token') || '',
deleteGoods:[],
init: function () {
this.created(this).mounted(this).render(this, {
offset: 10,
......@@ -192,6 +193,48 @@
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