简易版的商品sku表格

效果图

 //初始化规格function initGui (arr){var str='';$.each(arr,(i,obj)=>{str+=`<div class="s-item form-group"><div class="col-md-2"><input type="text" class="form-control st" value='${obj.s}'/></div><div class="col-md-8"><div class="row">`;$.each(obj.v,(i,val)=>{str+=`<div class="col-md-3" style="margin-bottom:10px"><div class="input-group"><span class="input-group-addon"><input type="checkbox" value='${val}'></span><input type="text" class="form-control" value='${val}'></div></div>`});str+=`</div></div></div>`       });$('.speci').append(str);}//商品组合function calcDescartes (array) {if (array.length < 2) return array[0] || [];return [].reduce.call(array, function (col, set) {var res = [];col.forEach(function (c) {set.forEach(function (s) {var t = [].concat(Array.isArray(c) ? c : [c]);t.push(s);res.push(t);})});return res;});
}
//初始化表格function initTable (){$('#skuTable thead tr').html('');$('#skuTable tbody').html('');//循环所有的行，判断选中的var allSKU='';var guiArray=[];var stArray=[];$('.s-item').each((i,val)=>{var allCheckbox=$(val).find('input:checkbox');var flag=false;var array=[];allCheckbox.each((i,checkbox)=>{if($(checkbox).is(':checked')){ array.push($(checkbox).val());stArray.push($(val).find('.st').val())}});stArray=Array.from(new Set(stArray))guiArray.push(array);guiArray=guiArray.filter(function(current){return current.length>0});});//循环stArray拼表头//循环allSKU拼tbodyvar strhead=''$.each(stArray,(i,val)=>{strhead+=`<th width="140px">${val}</th>`;});strhead+=`<th>商品SKU码</th><th>销售价</th><th>优惠价</th><th>库存</th><th>是否启用</th>`;$('#skuTable thead tr').append(strhead);//所有的sku组合allSKU=calcDescartes(guiArray);$.each(allSKU,(i,obj)=>{var tr='<tr>';if(obj instanceof Array){$.each(obj,(i,val)=>{tr+=`<td>${val}</td>`;});}else{tr+=`<td>${obj}</td>`}tr+=`<td><input type="text" class="form-control"/></td><td><input type="text" class="form-control"/></td><td><input type="text" class="form-control"/></td><td><input type="text" class="form-control"/></td><td style="text-align:center"><input type="checkbox" /></td></tr>`;$('#skuTable tbody').append(tr);})}//去掉数组中空的项目function deleteNull(arr){result1 = arr.filter(function(currentValue){return currentValue.length>0;})}

简易版的商品sku表格相关推荐

智慧零售erp通用版管理系统+门店管理+商品管理+厂商管理+财务管理+销售管理+仓储管理+Axure高保真交互ERP通用版零售行业web端简易版管理系统
作品介绍:智慧零售erp通用版管理系统+门店管理+商品管理+厂商管理+财务管理+销售管理+仓储管理+Axure高保真交互ERP通用版零售行业web端简易版管理系统原型交互及下载请点击:https:/ ...
jQuery简易版的Excel表格功能插件
这是一个基于jQuery简易版的Excel表格功能插件.按下鼠标左键不放,可范围选择多个单元格区块,鼠标右键进行操作,可以拖动列宽,行高,对齐方式,合并单元格,上方插入一行,下方插入一行,左边插入一列 ...
jquery动态生成SKU表格
sku的概念 SKU=Stock Keeping Unit(库存量单位).即库存进出计量的基本单元,可以是以件,盒,托盘等为单位.SKU这是对于大型连锁超市DC(配送中心)物流管理的一个必要的方法.现 ...
js计算器代码加减乘除_如何用jQuery做一个简易版计算器
经过几个小时地敲敲打打,终于把这一部分的代码完成了. 这类问题的难点不在于布局,而是如何恰当地使用jQuery达成计算.交互的目的,比如储存.显示数值,数据类型的转换等. 在听老师讲课之前的我,思路是 ...
一个商品SKU是怎么生成的 1
首先说一说什么是SKU.......自己百度去... 类似京东上面,未来人类S5这个台笔记本都是S5这个型号,但是因为CPU,显卡,内存,硬盘等不同,价格也不一样.CPU,显卡,内存,硬盘等属性组合 ...
京东商品SKU数据采集方法
SKU和SPU是电商中最基础的概念.SKU是最小库存单元,SPU是标准化产品单元. SPU与SKU的关系有许多种,可以一对多.一对一,如下图所示.绝大部分SPU与SKU都是一对一,多规格的SPU和SK ...
vue3使用笛卡尔积算法生成sku表格
通过输入框输入商品规格---通过弹出框表单输入商品规格,这里只是渲染输入的数据而已 <el-card class="box-card"& ...
B2C电子商务系统研发——商品SKU分析和设计（二）
上文谈到5种商品SKU设计模式,本文将做些细化说明. 笔者研究过不少电子商务平台软件,关于SKU的设计各有不同,之所以有这样的区别,是因为面向不同规模的电子商务网站, 存在产品分类复杂度,产品数量级的 ...
实现用java做一个简易版《羊了个羊》小游戏（附源代码）
该项目是跟着这个b站视频一步一步写出来的,初学java有些地方我看不是很明白,但是讲解很仔细,大家可以看原视频,我没有添加背景音乐和背景图片,做出来的效果也勉勉强强. 代码已经上传到github上了, ...

简易版的商品sku表格

简易版的商品sku表格相关推荐

最新文章

热门文章