836 lines
28 KiB
HTML
836 lines
28 KiB
HTML
{extend name="base"/}
|
|
{block name="resources"}
|
|
<style>
|
|
.contraction{display: inline-block;margin-right: 5px;}
|
|
.contraction span{cursor: pointer;display: inline-block;width: 17px;height: 17px;text-align: center;line-height: 14px;/* border: 1px solid #e9e9e9;*/user-select: none;/* background: #fff;*/}
|
|
.sku-list{display: none;border-bottom: 1px solid #e6e6e6;}
|
|
.sku-list td:nth-of-type(2){display: flex;align-items: center;}
|
|
.sku-list td{border-bottom: 0;padding: 5px 15px !important;}
|
|
.select-goods .screen .layui-colla-content{padding-left: 15px;}
|
|
.select-goods{display: flex;border-bottom: 1px solid #f2f2f2;height: 615px;}
|
|
.select-goods .select-goods-left{width: 135px;margin: 20px;padding-right: 10px;border-right: 1px solid #f2f2f2;box-sizing: border-box;overflow-y: auto;}
|
|
/* 滚动条整体部分*/.select-goods .select-goods-left::-webkit-scrollbar{width:5px;background-color:#d0cdc7;}
|
|
/* scroll轨道背景*/.select-goods .select-goods-left::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 50%;background-color:#d0cdc7;}
|
|
/* 滚动条中能上下移动的小块*/.select-goods .select-goods-left::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#a09d9d;}
|
|
.select-goods .select-goods-left dl{height: auto;overflow: hidden;}
|
|
.select-goods .select-goods-left dt,.select-goods .select-goods-left dd{position: relative;height: 32px;font-size: 12px;line-height: 32px;cursor: pointer;}
|
|
.select-goods .select-goods-left dt{padding-left: 13px;}
|
|
.select-goods .select-goods-left dd{padding-left: 20px;}
|
|
.select-goods .select-goods-left dt:after{content: '';position: absolute;border: 4px solid transparent;border-right-color: #333;border-bottom-color: #333;left: 0;top: 50%;transform: translateY(-50%);transition: all .3s;}
|
|
.select-goods .select-goods-left dl.fold{height: 32px;}
|
|
.select-goods .select-goods-left .fold dt:after{transform:translateY(-50%) rotate(-45deg);}
|
|
.select-goods .select-goods-left .active{background-color: #f7f7f7;}
|
|
.select-goods .select-goods-left .text-color{background-color: transparent;}
|
|
.select-goods .select-goods-right{flex: 1;margin-top: 20px;margin-right: 20px;}
|
|
.select-goods .select-goods-right .layui-table-body{height: 425px;}
|
|
.select-goods .select-goods-right .single-filter-box{padding: 0;}
|
|
.select-goods .select-goods-right .single-filter-box .layui-form{margin: inherit;}
|
|
.select-goods .select-goods-right .single-filter-box .layui-form div{margin: 0;}
|
|
|
|
.select-goods .select-goods-classification{border: 0;}
|
|
.select-goods .select-goods-classification .layui-colla-title{height: 32px;background-color: #fff;border: 0;line-height: 32px;font-size: 12px;padding-left: 15px; }
|
|
.select-goods .select-goods-classification .layui-colla-title i{font-size: 0;}
|
|
.select-goods .select-goods-classification .layui-colla-title.arrow.active:after{transform: rotate(0) translateY(-50%);}
|
|
.select-goods .select-goods-classification .layui-colla-title.arrow:after{content: '';border: 4px solid #333;position: absolute;border-top-color: transparent !important;border-left-color: transparent !important;left: 3px;top: 50%;transition: all .3s;transform: rotate(-45deg) translateY(-50%);}
|
|
.select-goods .select-goods-classification .layui-colla-content{padding: 0;font-size: 12px;border-top: 0;}
|
|
.select-goods .select-goods-classification .layui-colla-item{border: 0;font-size: 12px;}
|
|
.select-goods .select-goods-classification .classification-item{cursor: pointer;border: 0;font-size: 14px;}
|
|
.select-goods .select-goods-classification .select-goods-classification .classification-item{padding-left: 26px;}
|
|
.select-goods .select-goods-classification .select-goods-classification .classification-item.arrow:after{left: 15px;}
|
|
.select-goods .select-goods-classification .select-goods-classification .layui-colla-content.classification-item{padding-left: 38px;}
|
|
.select-goods .select-goods-classification .classification-item:hover{background-color: #f7f7f7;}
|
|
/* 筛选下拉框宽度调整 */
|
|
.layui-form-select{width:150px !important;}
|
|
</style>
|
|
{/block}
|
|
{block name="body"}
|
|
<div class="select-goods">
|
|
<!-- 左侧固定展示商品分类 -->
|
|
<div class="select-goods-left">
|
|
<div class="select-goods-classification layui-collapse" lay-accordion lay-filter="oneCategory">
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title classification-item text-color" data-category_id="">全部分类</h2>
|
|
</div>
|
|
{foreach $category_list as $category_one_item}
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title classification-item {notempty name="$category_one_item.children"}arrow{/notempty}" data-category_id="{$category_one_item.category_id}">{$category_one_item.title}</h2>
|
|
{notempty name="category_one_item.children"}
|
|
{foreach $category_one_item.children as $category_two_item}
|
|
<div class="layui-colla-content">
|
|
<div class="select-goods-classification layui-collapse" lay-accordion lay-filter="twoCategory">
|
|
<div class="layui-colla-item">
|
|
<h2 class="layui-colla-title classification-item {notempty name="category_two_item.children"}arrow{/notempty}" data-category_id="{$category_two_item.category_id}">{$category_two_item.title}</h2>
|
|
{notempty name="category_two_item.children"}
|
|
{foreach $category_two_item.children as $category_three_item}
|
|
<div class="layui-colla-content classification-item" data-category_id="{$category_three_item.category_id}">{$category_three_item.title}</div>
|
|
{/foreach}
|
|
{/notempty}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/foreach}
|
|
{/notempty}
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 右侧固定展示筛选和商品列表 -->
|
|
<div class="select-goods-right">
|
|
<!-- 筛选 -->
|
|
<div class="single-filter-box">
|
|
<div></div>
|
|
<div class="layui-form">
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<select name="select_type" lay-filter="select_type">
|
|
<option value="all">全部商品</option>
|
|
<option value="selected">已选择商品</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<div class="layui-input-inline">
|
|
<select name="label_id" lay-filter="label_id">
|
|
<option value="">选择商品标签</option>
|
|
{foreach name="$label_list" item="vo"}
|
|
<option value="{$vo['id']}">{$vo['label_name']}</option>
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{if $is_disabled_goods_type == 0}
|
|
<div class="layui-input-inline">
|
|
<select name="goods_class" lay-filter="goods_class">
|
|
<option value="">选择商品类型</option>
|
|
{foreach name="all_goodsclass" item="vo"}
|
|
{if empty($usable_goods_class) || (!empty($usable_goods_class) && in_array($vo.goods_class, $usable_goods_class)) }
|
|
<option value="{$vo.goods_class}" {if $goods_type == $vo.goods_class} selected{/if}>{$vo.goods_class_name}</option>
|
|
{/if}
|
|
{/foreach}
|
|
</select>
|
|
</div>
|
|
{/if}
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="search_text" placeholder="请输入商品名称{if in_array($promotion, ['', 'all', 'module'])}或编码{/if}" autocomplete="off" class="layui-input">
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-filter="search" lay-submit>
|
|
<i class="layui-icon"></i>
|
|
</button>
|
|
</div>
|
|
<!-- 分类id -->
|
|
<input type="hidden" name="category_id" value=""/>
|
|
</div>
|
|
</div>
|
|
<!-- 列表 -->
|
|
<table id="goods_list" lay-filter="goods_list"></table>
|
|
</div>
|
|
</div>
|
|
{/block}
|
|
{block name="script"}
|
|
<script type="text/html" id="checkbox">
|
|
{{# if('{$promotion}' == "pintuan"){ }}
|
|
<div class="layui-hide">{{ d.goods_name = d.pintuan_name }}</div>
|
|
{{# } }}
|
|
<input type="checkbox" data-goods-id="{{d.goods_id}}" name="goods_checkbox" lay-skin="primary" lay-filter="goods_checkbox">
|
|
<input type="hidden" data-goods-id="{{d.goods_id}}" name="goods_json" value='{{ JSON.stringify(d) }}' />
|
|
<input type="hidden" data-goods-id="{{d.goods_id}}" name="goods_sku_list_json" value='{{ JSON.stringify(d.sku_list) }}' />
|
|
</script>
|
|
|
|
<!-- 商品信息 -->
|
|
<script type="text/html" id="goods_info">
|
|
<div class="table-title">
|
|
{{# if(mode == "sku"){ }}
|
|
<div class="contraction" data-goods-id="{{d.goods_id}}" data-open="0">
|
|
<span>+</span>
|
|
</div>
|
|
{{# } }}
|
|
|
|
<div class="title-pic" id="goods_img_{{d.goods_id}}">
|
|
<img layer-src src="{{ns.img(d.goods_image.split(',')[0], 'small')}}"/>
|
|
</div>
|
|
<div class="title-content">
|
|
<a href="javascript:;" class="multi-line-hiding text-color" title="{{d.goods_name}}">{{d.goods_name}}</a>
|
|
{{# if('{$promotion}' != 'pintuan' && '{$promotion}' != 'groupbuy' && '{$promotion}' != 'fenxiao'){ }}
|
|
<a href="javascript:;" class="multi-line-hiding text-color" >￥{{d.price}}</a>
|
|
{{# } }}
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<!-- SKU商品列表 -->
|
|
<script type="text/html" id="skuList">
|
|
{{# for(var i=0;i<d.list.length;i++){ }}
|
|
<tr class="sku-list js-sku-list-{{d.list[i].goods_id}}" id="sku_img_{{d.list[i].goods_id}}">
|
|
<td></td>
|
|
<td>
|
|
<input type="checkbox" data-goods-id="{{d.list[i].goods_id}}" data-sku-id="{{d.list[i].sku_id}}" name="goods_sku_checkbox" lay-skin="primary" lay-filter="goods_sku_checkbox">
|
|
<input type="hidden" data-sku-id="{{d.list[i].sku_id}}" value='{{ JSON.stringify(d.list[i]) }}' name="goods_sku_json" />
|
|
<div class="table-title">
|
|
<div class="title-pic" id="sku_img_{{d.sku_id}}">
|
|
<img layer-src src="{{ns.img(d.list[i].sku_image, 'small')}}"/>
|
|
</div>
|
|
<div class="title-content">
|
|
<a href="javascript:;" class="multi-line-hiding text-color" title="{{d.list[i].sku_name}}" lay-event="preview">{{d.list[i].sku_name}}</a>
|
|
<a href="javascript:;" class="multi-line-hiding text-color" >￥{{d.list[i].price}}</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>{{d.list[i].stock}}</td>
|
|
<td>{{d.list[i].goods_class_name}}</td>
|
|
</tr>
|
|
{{# } }}
|
|
</script>
|
|
|
|
<script>
|
|
var select_id = localStorage.getItem('goods_select_id') || '', // "{$select_id}", //选中商品id
|
|
select_list = [], //选中商品所有数据res
|
|
mode = "{$mode}", //商品类型
|
|
max_num = "{$max_num}", //最大商品数量
|
|
min_num = "{$min_num}", //最小商品数量
|
|
disabled = "{$disabled}", //不可选中
|
|
goodsCols = [], //数据源
|
|
filterData = {promotion_type: '',label_id: '',goods_name:''}, //筛选数据
|
|
goodsIdArr = [],
|
|
skuIdAll = [],
|
|
|
|
//------新代码
|
|
table, form,laytpl,element,
|
|
selected_id_arr = select_id.length ? select_id.split(',') : [], //已选中的商品id
|
|
//设置项
|
|
setItem = {
|
|
mode: "{$mode}", //商品类型
|
|
max_num: "{$max_num}", //最大商品数量
|
|
min_num: "{$min_num}", //最小商品数量
|
|
disabled: "{$disabled}", //不可选中
|
|
promotion: "{$promotion}",// 营销标识
|
|
};
|
|
|
|
if(setItem.mode == 'spu'){
|
|
goodsIdArr = selected_id_arr;
|
|
}else{
|
|
skuIdAll = selected_id_arr;
|
|
}
|
|
|
|
//获取表格显示内容
|
|
switch(setItem.promotion){
|
|
case '':
|
|
case 'all':
|
|
case 'module':
|
|
case 'fenxiao':
|
|
case 'bargain':
|
|
goodsCols = [
|
|
[
|
|
{
|
|
title:'<input type="checkbox" name="goods_checkbox_all" lay-skin="primary" lay-filter="goods_checkbox_all">',
|
|
unresize: 'false',
|
|
width: '8%',
|
|
templet: '#checkbox',
|
|
},
|
|
{
|
|
title: '商品',
|
|
unresize: 'false',
|
|
width: '62%',
|
|
templet: '#goods_info'
|
|
},
|
|
{
|
|
field: 'goods_stock',
|
|
title: '库存',
|
|
unresize: 'false',
|
|
width: '15%'
|
|
},
|
|
{
|
|
field: 'goods_class_name',
|
|
title: '商品类型',
|
|
unresize: 'false',
|
|
width: '15%'
|
|
}
|
|
]
|
|
];
|
|
break;
|
|
case 'pintuan':
|
|
goodsCols = [
|
|
[{
|
|
title:'<input type="checkbox" name="goods_checkbox_all" lay-skin="primary" lay-filter="goods_checkbox_all">',
|
|
unresize: 'false',
|
|
width: '8%',
|
|
templet: '#checkbox'
|
|
}, {
|
|
field: 'pintuan_name',
|
|
title: '拼团活动',
|
|
unresize: 'false',
|
|
width: '20%',
|
|
},{
|
|
title: '拼团商品',
|
|
unresize: 'false',
|
|
width: '33%',
|
|
templet: '#goods_info'
|
|
},{
|
|
field: 'pintuan_num',
|
|
title: '参团人数',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
},{
|
|
field: 'group_num',
|
|
title: '开团团队',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
},{
|
|
field: 'order_num',
|
|
title: '购买人数',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
}]
|
|
];
|
|
break;
|
|
case 'groupbuy':
|
|
goodsCols = [
|
|
[{
|
|
title:'<input type="checkbox" name="goods_checkbox_all" lay-skin="primary" lay-filter="goods_checkbox_all">',
|
|
unresize: 'false',
|
|
width: '8%',
|
|
templet: '#checkbox'
|
|
},{
|
|
title: '团购商品',
|
|
unresize: 'false',
|
|
width: '47%',
|
|
templet: '#goods_info'
|
|
}, {
|
|
field: 'price',
|
|
title: '商品原价',
|
|
unresize: 'false',
|
|
width: '15%',
|
|
templet: function(data) {
|
|
return '￥'+ data.price;
|
|
}
|
|
}, {
|
|
field: 'groupbuy_price',
|
|
title: '团购价格',
|
|
unresize: 'false',
|
|
width: '15%',
|
|
templet: function(data) {
|
|
return '￥'+ data.groupbuy_price;
|
|
}
|
|
}, {
|
|
field: 'buy_num',
|
|
title: '起购量',
|
|
unresize: 'false',
|
|
width: '15%'
|
|
}]
|
|
];
|
|
break;
|
|
case 'presale':
|
|
goodsCols = [
|
|
[{
|
|
title:'<input type="checkbox" name="goods_checkbox_all" lay-skin="primary" lay-filter="goods_checkbox_all">',
|
|
unresize: 'false',
|
|
width: '8%',
|
|
templet: '#checkbox'
|
|
}, {
|
|
field: 'presale_name',
|
|
title: '活动名称',
|
|
unresize: 'false',
|
|
width: '20%',
|
|
},{
|
|
title: '预售商品',
|
|
unresize: 'false',
|
|
width: '50%',
|
|
templet: '#goods_info'
|
|
},{
|
|
field: 'presale_stock',
|
|
title: '库存',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
}]
|
|
];
|
|
break;
|
|
case 'pinfan':
|
|
goodsCols = [
|
|
[{
|
|
title:'<input type="checkbox" name="goods_checkbox_all" lay-skin="primary" lay-filter="goods_checkbox_all">',
|
|
unresize: 'false',
|
|
width: '8%',
|
|
templet: '#checkbox'
|
|
}, {
|
|
field: 'pintuan_name',
|
|
title: '拼团返利',
|
|
unresize: 'false',
|
|
width: '20%',
|
|
},{
|
|
title: '拼团商品',
|
|
unresize: 'false',
|
|
width: '33%',
|
|
templet: '#goods_info'
|
|
},{
|
|
field: 'pintuan_num',
|
|
title: '参团人数',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
},{
|
|
field: 'group_num',
|
|
title: '开团团队',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
},{
|
|
field: 'order_num',
|
|
title: '购买人数',
|
|
unresize: 'false',
|
|
width: '13%'
|
|
}]
|
|
];
|
|
break;
|
|
}
|
|
|
|
$(function () {
|
|
layui.use(['form', 'laytpl', 'element'], function () {
|
|
form = layui.form;
|
|
laytpl = layui.laytpl;
|
|
element = layui.element;
|
|
table = new Table({
|
|
elem: '#goods_list',
|
|
url: '{:addon_url("shop/goods/goodsselect")}',
|
|
where: {
|
|
is_virtual: "{$is_virtual}",
|
|
promotion: setItem.promotion,
|
|
goods_class: "{$goods_type}",
|
|
usable_goods_class: "{:implode(',', $usable_goods_class)}",
|
|
is_weigh:"{$is_weigh}"
|
|
},
|
|
cols: goodsCols,
|
|
callback: function (res) {
|
|
if (setItem.mode == "sku") {
|
|
//存储这sku的具体id
|
|
$("input[name='goods_checkbox'][data-goods-id]").each(function () {
|
|
var goods_id = $(this).attr("data-goods-id");
|
|
var tr = $(this).parent().parent().parent();
|
|
var data = getGoodsSkuData(goods_id);
|
|
laytpl(data.sku_list).render(data, function (html) {
|
|
tr.after(html);
|
|
form.render();
|
|
layer.photos({
|
|
photos: '.img-wrap',
|
|
anim: 5
|
|
});
|
|
});
|
|
});
|
|
}
|
|
// 更新商品复选框状态
|
|
if (setItem.mode == 'spu') {
|
|
|
|
for (var i = 0; i < goodsIdArr.length; i++) {
|
|
var selected_goods = $("input[name='goods_checkbox'][data-goods-id='" + goodsIdArr[i] + "']");
|
|
if (selected_goods.length) {
|
|
$("input[name='goods_checkbox'][data-goods-id='" + goodsIdArr[i] + "']").prop("checked", true);
|
|
|
|
var json = {};
|
|
json = JSON.parse($("input[name='goods_json'][data-goods-id="+ goodsIdArr[i] +"]").val());
|
|
json.selected_sku_list = $("input[name='goods_sku_list_json'][data-goods-id="+ goodsIdArr[i] +"]").val() == "undefined" ? [] : JSON.parse($("input[name='goods_sku_list_json'][data-goods-id="+ goodsIdArr[i] +"]").val());
|
|
select_list.push(json);
|
|
|
|
if (setItem.disabled == 1) {
|
|
$("input[name='goods_checkbox'][data-goods-id='" + goodsIdArr[i] + "']").attr("disabled", "disabled");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (setItem.mode == 'sku') {
|
|
for (var i = 0; i < skuIdAll.length; i++) {
|
|
var selected_goods_sku = $("input[name='goods_sku_checkbox'][data-sku-id='" + skuIdAll[i] + "']");
|
|
$("input[name='goods_sku_checkbox'][data-sku-id='" + skuIdAll[i] + "']").prop("checked", true);
|
|
if (selected_goods_sku.length) {
|
|
$("input[name='goods_checkbox'][data-goods-id='" + selected_goods_sku.attr("data-goods-id") + "']").prop("checked", true);
|
|
if (setItem.disabled == 1) {
|
|
$("input[name='goods_checkbox'][data-goods-id='" + selected_goods_sku.attr("data-goods-id") + "']").attr("disabled", "disabled");
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
form.render();
|
|
initData();
|
|
dealWithTableSelectedNum();
|
|
}
|
|
});
|
|
|
|
//修改一级分类箭头切换
|
|
element.on('collapse(oneCategory)', function (data) {
|
|
$(".layui-colla-title").removeClass("active");
|
|
if (data.show) {
|
|
$(data.title).addClass("active");
|
|
}
|
|
});
|
|
//修改二级分类箭头切换
|
|
element.on('collapse(twoCategory)', function (data) {
|
|
$(".select-goods-classification .select-goods-classification .layui-colla-title").removeClass("active");
|
|
if (data.show) {
|
|
$(data.title).addClass("active");
|
|
}
|
|
});
|
|
|
|
//搜索商品名称或编码
|
|
form.on('submit(search)', function (data) {
|
|
formSearch();
|
|
});
|
|
|
|
//搜索类型切换
|
|
form.on('select(select_type)', function (data) {
|
|
formSearch();
|
|
});
|
|
|
|
//商品标签筛选
|
|
form.on('select(label_id)', function (data) {
|
|
formSearch();
|
|
});
|
|
|
|
//商品类型筛选
|
|
form.on('select(goods_class)', function (data) {
|
|
formSearch();
|
|
});
|
|
|
|
//公共搜索方法
|
|
function formSearch() {
|
|
var data = {};
|
|
data.search_text = $("input[name='search_text']").val();
|
|
data.select_type = $("select[name='select_type']").val();
|
|
data.label_id = $("select[name='label_id']").val();
|
|
data.goods_class = $("select[name='goods_class']").val();
|
|
data.category_id = $("input[name='category_id']").val();
|
|
data.goods_ids = goodsIdArr.toString();
|
|
|
|
table.reload({
|
|
page: {
|
|
curr: 1
|
|
},
|
|
where: data
|
|
});
|
|
}
|
|
|
|
// 勾选商品
|
|
form.on('checkbox(goods_checkbox_all)', function (data) {
|
|
var all_checked = data.elem.checked;
|
|
$("input[name='goods_checkbox']").each(function () {
|
|
var checked = $(this).prop('checked');
|
|
if (all_checked != checked) {
|
|
$(this).next().click();
|
|
}
|
|
});
|
|
dealWithTableSelectedNum();
|
|
});
|
|
|
|
// 勾选商品
|
|
form.on('checkbox(goods_checkbox)', function (data) {
|
|
var goods_id = $(data.elem).attr("data-goods-id"),
|
|
json = {};
|
|
|
|
$("input[name='goods_sku_checkbox'][data-goods-id='" + goods_id + "']").prop("checked", data.elem.checked);
|
|
form.render();
|
|
|
|
var spuLen = $("input[name='goods_checkbox'][data-goods-id=" + goods_id + "]:checked").length;
|
|
if (spuLen) {
|
|
json = JSON.parse($("input[name='goods_json'][data-goods-id=" + goods_id + "]").val());
|
|
|
|
json.selected_sku_list = $("input[name='goods_sku_list_json'][data-goods-id=" + goods_id + "]").val() == "undefined" ? [] : JSON.parse($("input[name='goods_sku_list_json'][data-goods-id=" + goods_id + "]").val());
|
|
delete json.LAY_INDEX;
|
|
delete json.LAY_TABLE_INDEX;
|
|
delete json.create_time;
|
|
select_list.push(json);
|
|
goodsIdArr.push(goods_id);
|
|
$.unique(goodsIdArr);
|
|
} else {
|
|
for (var g = 0; g < select_list.length; g++) {
|
|
if (select_list[g].goods_id == goods_id) {
|
|
select_list.splice(g, 1);
|
|
}
|
|
}
|
|
goodsIdArr.remove(goods_id);
|
|
$.unique(goodsIdArr);
|
|
}
|
|
|
|
var skuLen = $("input[name='goods_sku_checkbox'][data-goods-id=" + goods_id + "]").length;
|
|
if (!skuLen) {
|
|
skuIdAll = [];
|
|
}
|
|
for (var i = 0; i < skuLen; i++) {
|
|
var skuId = $("input[name='goods_sku_checkbox'][data-goods-id=" + goods_id + "]").eq(i).attr("data-sku-id");
|
|
if (spuLen)
|
|
skuIdAll.push(skuId);
|
|
else {
|
|
skuIdAll.remove(skuId);
|
|
}
|
|
}
|
|
dealWithTableSelectedNum();
|
|
});
|
|
|
|
// 勾选商品SKU
|
|
form.on('checkbox(goods_sku_checkbox)', function (data) {
|
|
|
|
var goods_id = $(data.elem).attr("data-goods-id"),
|
|
sku_id = $(data.elem).attr("data-sku-id"),
|
|
json = {};
|
|
|
|
if ($("input[name='goods_sku_checkbox'][data-goods-id='" + goods_id + "']:checked").length) {
|
|
var skuNoSelect = $("input[name='goods_sku_checkbox'][data-goods-id='" + goods_id + "']:checked").length - 1;
|
|
var skuSelect = $("input[name='goods_sku_checkbox'][data-goods-id='" + goods_id + "']").length;
|
|
|
|
if (skuNoSelect < skuSelect) {
|
|
goodsIdArr.push(goods_id);
|
|
|
|
json = JSON.parse($("input[name='goods_json'][data-goods-id=" + goods_id + "]").val());
|
|
delete json.LAY_INDEX;
|
|
delete json.LAY_TABLE_INDEX;
|
|
delete json.create_time;
|
|
json.selected_sku_list = [];
|
|
select_list.push(json);
|
|
}
|
|
|
|
$("input[name='goods_checkbox'][data-goods-id='" + goods_id + "']").prop("checked", true);
|
|
} else {
|
|
$("input[name='goods_checkbox'][data-goods-id='" + goods_id + "']").prop("checked", false);
|
|
goodsIdArr.remove(goods_id);
|
|
select_list.remove(goods_id);
|
|
}
|
|
|
|
if (!select_list.length) {
|
|
skuIdAll = [];
|
|
}
|
|
for (var i = 0; i < select_list.length; i++) {
|
|
if (select_list[i].goods_id == goods_id) {
|
|
// var skuLen = $("input[name='goods_sku_checkbox'][data-sku-id="+ sku_id +"]:checked").length;
|
|
if (data.elem.checked) {
|
|
skuIdAll.push(sku_id);
|
|
var skuVal = $("input[name='goods_sku_json'][data-sku-id=" + sku_id + "]").val()
|
|
select_list[i].selected_sku_list.push(JSON.parse(skuVal));
|
|
} else {
|
|
skuIdAll.remove(sku_id);
|
|
select_list[i].selected_sku_list.remove(sku_id);
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
form.render();
|
|
});
|
|
|
|
//初始化数据
|
|
function initData() {
|
|
var goodsLen = $("input[name='goods_checkbox'][data-goods-id]:checked").length;
|
|
|
|
//父级
|
|
for (var i = 0; i < goodsLen; i++) {
|
|
var goodsId = $("input[name='goods_checkbox'][data-goods-id]:checked").eq(i).attr("data-goods-id");
|
|
var ident = false;
|
|
for (var k = 0; k < select_list.length; k++) {
|
|
if (select_list[k].goods_id == goodsId) {
|
|
ident = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (ident) return;
|
|
|
|
json = JSON.parse($("input[name='goods_json'][data-goods-id=" + goodsId + "]").val());
|
|
delete json.LAY_INDEX;
|
|
delete json.LAY_TABLE_INDEX;
|
|
delete json.create_time;
|
|
|
|
//子级
|
|
var goodsSkuLen = $("input[name='goods_sku_checkbox'][data-goods-id=" + goodsId + "]:checked").length;
|
|
json.selected_sku_list = [];
|
|
for (var j = 0; j < goodsSkuLen; j++) {
|
|
var goodsSkuId = $("input[name='goods_sku_checkbox'][data-goods-id=" + goodsId + "]:checked").eq(j).attr("data-sku-id");
|
|
var skuVal = $("input[name='goods_sku_json'][data-sku-id=" + goodsSkuId + "]").val();
|
|
json.selected_sku_list.push(JSON.parse(skuVal));
|
|
}
|
|
select_list.push(json);
|
|
}
|
|
|
|
// 查询其他页的商品
|
|
var goods_ids = [];
|
|
for (var i = 0; i < goodsIdArr.length; i++) {
|
|
var is_not = true;
|
|
for (var j = 0; j < select_list.length; j++) {
|
|
if (goodsIdArr[i] == select_list[j].goods_id) {
|
|
is_not = false;
|
|
}
|
|
}
|
|
if (is_not) goods_ids.push([goodsIdArr[i]]);
|
|
|
|
}
|
|
|
|
if (mode == 'spu') {
|
|
if (goods_ids.length > 0) {
|
|
$.ajax({
|
|
url: ns.url("shop/goods/goodsselect"),
|
|
data: {goods_ids: goods_ids.toString(), select_type: 'selected'},
|
|
dataType: 'JSON',
|
|
type: 'POST',
|
|
success: function (res) {
|
|
var list = res.data.list;
|
|
for (var i = 0; i < list.length; i++) select_list.push(list[i]);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
$(".select-goods .select-goods-left dd").hover(function () {
|
|
$(this).addClass("active");
|
|
}, function () {
|
|
$(this).removeClass("active");
|
|
});
|
|
|
|
$("body").on("click", ".select-goods-left .marketing-campaign dd", function () {
|
|
$(this).addClass("text-color").siblings().removeClass("text-color");
|
|
filterData.promotion_type = $(this).attr("data-type");
|
|
table.reload({
|
|
page: {
|
|
curr: 1
|
|
},
|
|
where: filterData
|
|
});
|
|
});
|
|
|
|
$("body").on("click", ".select-goods-left .commodity-group dd", function () {
|
|
$(this).addClass("text-color").siblings().removeClass("text-color");
|
|
filterData.label_id = $(this).attr("data-group-id");
|
|
table.reload({
|
|
page: {
|
|
curr: 1
|
|
},
|
|
where: filterData
|
|
});
|
|
});
|
|
|
|
$("body").on("click", ".select-goods-left dl", function () {
|
|
if ($(this).hasClass("fold")) {
|
|
$(this).removeClass("fold");
|
|
} else {
|
|
$(this).addClass("fold");
|
|
}
|
|
});
|
|
|
|
$("body").on("click", ".select-goods-left dd", function (event) {
|
|
$(this).parents("dl").removeClass("fold");
|
|
$(this).parents("dl").siblings().addClass("fold");
|
|
event.stopPropagation();
|
|
});
|
|
|
|
//分类切换
|
|
$("body").on("click", ".classification-item", function (event) {
|
|
var categoryId = $(this).attr("data-category_id");
|
|
$(".classification-item").removeClass("text-color border-after-color");
|
|
$(this).addClass("text-color border-after-color");
|
|
$("input[name='category_id']").val(categoryId);
|
|
formSearch();
|
|
event.stopPropagation();
|
|
});
|
|
});
|
|
|
|
//商品信息展开
|
|
$("body").on("click", ".contraction", function () {
|
|
var goods_id = $(this).attr("data-goods-id");
|
|
var open = $(this).attr("data-open");
|
|
if (open == 1) {
|
|
$(this).children("span").text("+");
|
|
$(".js-sku-list-" + goods_id).hide();
|
|
} else {
|
|
$(this).children("span").text("-");
|
|
$(".js-sku-list-" + goods_id).show();
|
|
}
|
|
$(this).attr("data-open", (open == 0 ? 1 : 0));
|
|
});
|
|
|
|
});
|
|
|
|
function getGoodsSkuData(goods_id) {
|
|
var list = JSON.parse($("input[name='goods_sku_list_json'][data-goods-id='" + goods_id + "']").val().toString());
|
|
var sku_list = $("#skuList").html();
|
|
var checked = $("input[name='goods_checkbox'][data-goods-id='" + goods_id + "']:checked").length ? true : false;
|
|
var data = {
|
|
checked : checked,
|
|
sku_list : sku_list,
|
|
list: list
|
|
};
|
|
return data;
|
|
}
|
|
|
|
function selectGoods(callback) {
|
|
var res = select_list;
|
|
var num = 0;
|
|
if (mode == "spu") {
|
|
num = goodsIdArr.length;
|
|
if (setItem.promotion){
|
|
res = goodsIdArr;
|
|
}
|
|
} else if (mode == "sku") {
|
|
num = skuIdAll.length;
|
|
if (setItem.promotion){
|
|
res = skuIdAll;
|
|
}
|
|
}
|
|
|
|
if(num == 0) {
|
|
layer.msg('请选择商品');
|
|
return;
|
|
}
|
|
if (max_num && max_num > 0 && num > max_num) {
|
|
layer.msg("所选商品数量不能超过" + max_num + '件');
|
|
return;
|
|
}
|
|
|
|
if (min_num && min_num > 0 && num < min_num) {
|
|
layer.msg("所选商品数量最少不能少于" + min_num + '件');
|
|
return;
|
|
}
|
|
callback(res,select_list);
|
|
}
|
|
|
|
Array.prototype.indexOf = function(val) {
|
|
|
|
for (var i = 0; i < this.length; i++) {
|
|
if (this[i].goods_id && !this[i].sku_id){
|
|
if (this[i].goods_id == parseInt(val)) return i;
|
|
}
|
|
else if(this[i].sku_id){
|
|
if (this[i].sku_id == parseInt(val)) return i;
|
|
}
|
|
else{
|
|
if (this[i] == val) return i;
|
|
}
|
|
|
|
}
|
|
return -1;
|
|
};
|
|
|
|
Array.prototype.remove = function(val) {
|
|
var index = this.indexOf(val);
|
|
if (index > -1) {
|
|
this.splice(index, 1);
|
|
}
|
|
};
|
|
|
|
select_list.__proto__ = Array.prototype;
|
|
|
|
function removeDuplicates(arr){
|
|
if (!Array.isArray(arr)) {
|
|
console.log('type error!');
|
|
return
|
|
}
|
|
var array = [];
|
|
for (var i = 0; i < arr.length; i++) {
|
|
if (array.indexOf(arr[i]) === -1) {
|
|
array.push(arr[i])
|
|
}
|
|
}
|
|
return array;
|
|
}
|
|
|
|
//在表格底部增加了一个容器
|
|
function dealWithTableSelectedNum() {
|
|
if(setItem.mode == 'spu'){
|
|
$(".layui-table-bottom-left-container").html('已选择 '+ goodsIdArr.length +' 个商品');
|
|
}else{
|
|
$(".layui-table-bottom-left-container").html('已选择 '+ skuIdAll.length +' 个商品');
|
|
}
|
|
}
|
|
</script>
|
|
{/block} |