floraachy/shopxo
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo.git synced 2024-12-02 20:10:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

规格快捷操作

Browse Source
This commit is contained in:
Devil 2019-09-22 00:35:17 +08:00
parent f7b6b4088d
commit 02060ad1b0
1 changed files with 87 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
public/static/admin/default/js/goods.js
View File

@ -1,3 +1,52 @@
/**
* 笛卡尔积生成规格
* @author Devil
* @blog http://gong.gg/
* @version 1.0.0
* @datetime 2019-09-22T00:33:48+0800
* @desc description
* @param {[array]} arr1 [要进行笛卡尔积的二维数组]
* @param {[array]} arr2 [最终实现的笛卡尔积组合,可不写]
*/
function spec_cartesian(arr1, arr2)
{
// 去除第一个元素
var result = [];
var temp_arr = arr1;
var first = temp_arr.splice(0, 1);
if((arr2 || null) == null)
{
arr2 = [];
}
// 判断是否是第一次进行拼接
if(arr2.length > 0)
{
for(var i in arr2)
{
for(var k in first[0].value)
{
result.push(arr2[i]+','+first[0].value[k]);
}
}
} else {
for(var i in first[0].value)
{
result.push(first[0].value[i]);
}
}
// 递归进行拼接
if(arr1.length > 0)
{
result = spec_cartesian(arr1, result);
}
// 返回最终笛卡尔积
return result;
}
$(function()
{
// 表单初始化
@ -318,90 +367,52 @@ $(function()
{
"title": "配置",
"value": ["高级", "钻石", "555"]
},
{
"title": "测试5",
"value": ["测试1", "测试2"]
}
];
spec = [
{
"title": "颜色",
"value": ["黑色", "白色", "蓝色"]
},
{
"title": "尺码",
"value": ["S", "M", "L", "XL", "XXL"]
},
{
"title": "长度",
"value": ["5分裤", "7分裤", "9分裤", "长裤", "测试"]
}
];
// 自动生成规格
var data = [];
var length = spec.length;
// 规格最大总数
var all = spec.map(function(v){return v.value.length});
var count = 0;
for(var t in all)
{
count = (count == 0) ? all[t] : count*all[t]
}
console.log(all, count)
// 移除规格列
$('.specifications-table .title-nav-remove').trigger('click');
// 添加规格列
for(var i in spec)
{
data = ssssss(length, spec, data, spec[i]['value'], count, i);
//break;
//console.log(spec[0]['value'][i])
//data[a][i] = spec[0]['value'][i];
// for(var k=1; k<length; k++)
// {
// data[a][i] += spec[k]['value'][i];
// //console.log(spec[i]['title'], spec[i]['value'])
// }
}
console.log(data, 'data');
function ssssss(specs_length, specs, data, spec, count, level)
{
level = parseInt(level);
var temp_index = 0;
var length = spec.length;
var avg = parseInt((count/length)/(level+(level <= 0 ? 1 : 2)));
avg = count/specs[level]['value'].length;
if(level > 0 && level < specs_length-1)
{
avg = ((specs[level+1] || null) == null) ? 1 : specs[level+1]['value'].length;
console.log(level, specs_length, avg, 'join')
}
if(level >= specs_length-1)
{
avg = 0;
console.log(level, specs_length, avg, 'end')
}
if(level == 1)
{
avg = count/specs[0]['value'].length/2;
}
//console.log((count/length), (parseInt(level)+(level <= 0 ? 1 : 2)), avg)
var temp_avg = 0;
for(var i=0; i<count; i++)
{
//console.log(avg, temp_avg, temp_index)
if((data[i] || null) == null)
{
data[i] = '';
}
data[i] += spec[temp_index];
if(temp_avg < avg-1)
{
temp_avg++;
} else {
temp_avg = 0;
temp_index++;
}
if(temp_index > length-1)
{
temp_index = 0;
}
}
//console.log(length, data, spec, count, level)
return data;
var index = parseInt(Math.random()*1000001);
// title
html = '<th class="table-title table-title-'+index+'">';
html += '<i class="am-close am-close-spin title-nav-remove" data-index="'+index+'">&times;</i>';
html += '<input type="text" name="specifications_name_'+index+'" value="'+spec[i]['title']+'" placeholder="规格名" class="am-radius" data-validation-message="请填写规格名" required />';
html += '</th>';
console.log(spec[i])
$('.title-start').before(html);
// value
html = '<td class="table-value table-value-'+index+'">';
html += '<input type="text" name="specifications_value_'+index+'[]" placeholder="规格值" class="am-radius" data-validation-message="请填写规格值" required />';
html += '</td>';
$('.value-start').before(html);
}
// 自动生成规格
var data = spec_cartesian(spec);
console.log(data);