zhongshen_project/app/shop/view/goods/goods_select.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">&#xe615;</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);
	}

	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}