713 lines
26 KiB
JavaScript
Executable File
713 lines
26 KiB
JavaScript
Executable File
/**
|
||
* 笛卡尔积生成规格
|
||
* @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 SpecCartesian(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 = SpecCartesian(arr1, result);
|
||
}
|
||
|
||
// 返回最终笛卡尔积
|
||
return result;
|
||
}
|
||
|
||
$(function()
|
||
{
|
||
// 表单初始化
|
||
FromInit('form.form-validation-specifications-extends');
|
||
|
||
// 商品导航
|
||
$('.goods-nav li a').on('click', function()
|
||
{
|
||
// 样式
|
||
$('.goods-nav li a').removeClass('goods-nav-active');
|
||
$(this).addClass('goods-nav-active');
|
||
|
||
// 滚动
|
||
$(window).smoothScroll({position: $($(this).data('value')).offset().top});
|
||
});
|
||
|
||
// 商品导航收缩
|
||
$('.goods-nav li.nav-shrink-submit').on('click', function()
|
||
{
|
||
if($(this).find('i').hasClass('am-icon-angle-double-right'))
|
||
{
|
||
$(this).find('i').removeClass('am-icon-angle-double-right');
|
||
$(this).find('i').addClass('am-icon-angle-double-left');
|
||
$(this).parents('.goods-nav').addClass('goods-nav-retract');
|
||
$('.goods-nav-retract').animate({right:'-110px'}, 500, function()
|
||
{
|
||
$('.goods-nav-retract li.nav-shrink-submit').animate({width: '50px', left:'-80px'});
|
||
});
|
||
|
||
} else {
|
||
$(this).find('i').removeClass('am-icon-angle-double-left');
|
||
$(this).find('i').addClass('am-icon-angle-double-right');
|
||
$(this).parents('.goods-nav').removeClass('goods-nav-retract');
|
||
$('.goods-nav').animate({right:'-0px'});
|
||
$('.goods-nav li.nav-shrink-submit').animate({width: '100%', left:'0px'});
|
||
}
|
||
});
|
||
|
||
// 规格列添加
|
||
$('.specifications-nav-title-add').on('click', function()
|
||
{
|
||
var spec_max = $('#goods-nav-operations').data('spec-add-max-number') || 3;
|
||
if($('.specifications-table th.table-title').length >= spec_max)
|
||
{
|
||
Prompt('最多添加'+spec_max+'列规格，可在后台管理[系统设置-后台配置]中配置');
|
||
return false;
|
||
}
|
||
|
||
// title
|
||
var index = parseInt(Math.random()*1000001);
|
||
html = '<th class="table-title table-title-'+index+'">';
|
||
html += '<i class="am-close title-nav-remove" data-index="'+index+'">×</i>';
|
||
html += '<input type="text" name="specifications_name_'+index+'" placeholder="规格名" class="am-radius" data-validation-message="请填写规格名" required />';
|
||
html += '</th>';
|
||
$('.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);
|
||
});
|
||
|
||
// 规格列移除
|
||
$(document).on('click', '.specifications-table .title-nav-remove', function()
|
||
{
|
||
var index = $(this).data('index');
|
||
$('.table-title-'+index).remove();
|
||
$('.table-value-'+index).remove();
|
||
|
||
if($('.specifications-table th.table-title').length <= 0)
|
||
{
|
||
$('.specifications-table tr.line-not-first').remove();
|
||
}
|
||
});
|
||
|
||
// 添加一行规格值
|
||
$('.specifications-line-add').on('click', function()
|
||
{
|
||
if($('.specifications-table th.table-title').length <= 0)
|
||
{
|
||
Prompt('请先添加规格');
|
||
return false;
|
||
}
|
||
|
||
var index = parseInt(Math.random()*1000001);
|
||
var html = $('.specifications-table').find('tbody tr:last').prop('outerHTML');
|
||
$('.specifications-table').append(html);
|
||
$('.specifications-table').find('tbody tr:last').attr('class', 'line-'+index+' line-not-first');
|
||
$('.specifications-table').find('tbody tr:last').attr('data-line-tag', '.line-'+index);
|
||
|
||
// 值赋空
|
||
$('.specifications-table').find('tbody tr:last').find('input').each(function(k, v)
|
||
{
|
||
$(this).attr('value', '');
|
||
});
|
||
});
|
||
|
||
// 规格行复制
|
||
$(document).on('click', '.specifications-table .line-copy', function()
|
||
{
|
||
// 是否存在规格名称
|
||
if($('.specifications-table th.table-title').length <= 0)
|
||
{
|
||
Prompt('请先添加规格');
|
||
return false;
|
||
}
|
||
|
||
// 开始复制
|
||
var index = parseInt(Math.random()*1000001);
|
||
var $parent = $(this).parents('tr');
|
||
$parent.find('input').each(function(k, v)
|
||
{
|
||
$(this).attr('value', $(this).val());
|
||
});
|
||
$parent.after($parent.prop('outerHTML'));
|
||
$('.specifications-table').find('tbody tr:last').attr('class', 'line-'+index+' line-not-first');
|
||
$('.specifications-table').find('tbody tr:last').attr('data-line-tag', '.line-'+index);
|
||
});
|
||
|
||
// 规格行移除
|
||
$(document).on('click', '.specifications-table .line-remove', function()
|
||
{
|
||
// 不能全部移除，至少需要保留一行
|
||
if($('.specifications-table tbody tr').length <= 1)
|
||
{
|
||
Prompt('至少需要保留一行规格值');
|
||
return false;
|
||
}
|
||
|
||
// 移除操作
|
||
$(this).parents('tr').remove();
|
||
|
||
// 规格列判断
|
||
if($('.specifications-table tbody tr').length <= 1)
|
||
{
|
||
$('.specifications-table th.table-title').remove();
|
||
$('.specifications-table td.table-value').remove();
|
||
$('.spec-images-list ul.spec-images-content').html('');
|
||
}
|
||
});
|
||
|
||
// 添加规格图片
|
||
$('.specifications-line-images-add').on('click', function()
|
||
{
|
||
// 是否存在规格
|
||
if($('.specifications-table th.table-title').length <= 0)
|
||
{
|
||
Prompt('请先添加规格');
|
||
return false;
|
||
}
|
||
|
||
// 开始添加
|
||
var index = parseInt(Math.random()*1000001);
|
||
var temp_class = 'spec-images-items-'+index;
|
||
var html = '<li class="spec-images-items '+temp_class+'">';
|
||
html += '<input type="text" name="spec_images_name['+index+']" placeholder="规格名称" class="am-radius t-c" data-validation-message="请填写规格名称" required />'
|
||
html += '<ul class="plug-file-upload-view spec-images-view-'+index+'" data-form-name="spec_images['+index+']" data-max-number="1" data-dialog-type="images">';
|
||
html += '<li>';
|
||
html += '<input type="text" name="spec_images['+index+']" data-validation-message="请上传规格图片" required />';
|
||
html += '<img src="'+__attachment_host__+'/static/admin/default/images/default-images.jpg" />';
|
||
html += '<i>×</i>';
|
||
html += '</li>';
|
||
html += '</ul>';
|
||
html += '<div class="plug-file-upload-submit" data-view-tag="ul.spec-images-view-'+index+'">+上传图片</div>';
|
||
html += '</li>';
|
||
$('.spec-images-list ul.spec-images-content').append(html);
|
||
});
|
||
|
||
// 规格图片删除
|
||
$('.spec-images-list ul.spec-images-content').on('click', 'ul.plug-file-upload-view li i', function()
|
||
{
|
||
$(this).parents('li.spec-images-items').remove();
|
||
});
|
||
|
||
// 规格图片自动添加
|
||
$('.specifications-line-images-auto-add').on('click', function()
|
||
{
|
||
// 是否存在规格
|
||
var spec_count = $('.specifications-table th.table-title').length || 0;
|
||
if(spec_count <= 0)
|
||
{
|
||
Prompt('请先添加规格');
|
||
return false;
|
||
}
|
||
|
||
// 获取第一列规格名称
|
||
var data = [];
|
||
var index = parseInt($(this).find('input').val()) || 1;
|
||
if(index <= 0)
|
||
{
|
||
index = 1;
|
||
}
|
||
if(index > spec_count)
|
||
{
|
||
index = spec_count;
|
||
}
|
||
index -= 1;
|
||
$('.specifications-table tbody tr').each(function(k, v)
|
||
{
|
||
var value = $(this).find('td').eq(index).find('input').val() || null;
|
||
if(value != null && data.indexOf(value) == -1)
|
||
{
|
||
data.push(value);
|
||
}
|
||
});
|
||
if(data.length <= 0)
|
||
{
|
||
Prompt('请先填写规格');
|
||
return false;
|
||
}
|
||
|
||
// 获取已存在规格图片
|
||
var data_old = [];
|
||
$('.spec-images-list ul.spec-images-content li.spec-images-items').each(function(k, v)
|
||
{
|
||
var value = $(this).find('input').val() || null;
|
||
if(value == null)
|
||
{
|
||
$(this).remove();
|
||
} else if(data_old.indexOf(value) == -1)
|
||
{
|
||
data_old.push(value);
|
||
}
|
||
});
|
||
|
||
// 循环添加
|
||
for(var i in data)
|
||
{
|
||
// 开始添加，不存在则不添加
|
||
if(data_old.indexOf(data[i]) == -1)
|
||
{
|
||
var index = parseInt(Math.random()*1000001);
|
||
var temp_class = 'spec-images-items-'+index;
|
||
var html = '<li class="spec-images-items '+temp_class+'">';
|
||
html += '<input type="text" name="spec_images_name['+index+']" value="'+data[i]+'" placeholder="规格名称" class="am-radius t-c" data-validation-message="请填写规格名称" required />'
|
||
html += '<ul class="plug-file-upload-view spec-images-view-'+index+'" data-form-name="spec_images['+index+']" data-max-number="1" data-dialog-type="images">';
|
||
html += '<li>';
|
||
html += '<input type="text" name="spec_images['+index+']" data-validation-message="请上传规格图片" required />';
|
||
html += '<img src="'+__attachment_host__+'/static/admin/default/images/default-images.jpg" />';
|
||
html += '<i>×</i>';
|
||
html += '</li>';
|
||
html += '</ul>';
|
||
html += '<div class="plug-file-upload-submit" data-view-tag="ul.spec-images-view-'+index+'">+上传图片</div>';
|
||
html += '</li>';
|
||
$('.spec-images-list ul.spec-images-content').append(html);
|
||
}
|
||
}
|
||
|
||
// 原始图片规格不存在指定规格列中则移除
|
||
for(var i in data_old)
|
||
{
|
||
if(data.indexOf(data_old[i]) == -1)
|
||
{
|
||
$('.spec-images-list ul.spec-images-content li.spec-images-items').each(function(k, v)
|
||
{
|
||
var value = $(this).find('input').val() || null;
|
||
if(value == data_old[i])
|
||
{
|
||
$(this).remove();
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
// 自动添加图片规格input输入值处理
|
||
$('.specifications-line-images-auto-add input').on('blur', function()
|
||
{
|
||
var value = parseInt($(this).val()) || 1;
|
||
if(value <= 0)
|
||
{
|
||
value = 1;
|
||
}
|
||
var spec_count = $('.specifications-table th.table-title').length || 1;
|
||
if(value > spec_count)
|
||
{
|
||
value = spec_count;
|
||
}
|
||
$(this).val(value);
|
||
});
|
||
|
||
// 自动添加图片规格input禁止冒泡
|
||
$('.specifications-line-images-auto-add input').on('click', function()
|
||
{
|
||
return false;
|
||
});
|
||
|
||
// 规格批量操作-开启
|
||
var $spec_modal = $('#spec-modal-all-operation');
|
||
$('.specifications-table thead th i.am-icon-edit').on('click', function()
|
||
{
|
||
$spec_modal.modal({
|
||
width: 200,
|
||
height: 100,
|
||
closeViaDimmer: false
|
||
});
|
||
$spec_modal.attr('data-index', $(this).parent().index());
|
||
$spec_modal.find('.am-input-group input').val('');
|
||
});
|
||
|
||
// 规格批量操作-确认
|
||
$spec_modal.find('.am-input-group button').on('click', function()
|
||
{
|
||
var index = $spec_modal.attr('data-index') || 0;
|
||
var value = $spec_modal.find('.am-input-group input').val() || '';
|
||
$('.specifications-table tbody tr').each(function(k, v)
|
||
{
|
||
$(this).find('td').eq(index).find('input').val(value);
|
||
});
|
||
$spec_modal.modal('close');
|
||
});
|
||
|
||
// 规格高级批量操作-弹层
|
||
var $spec_popup_all_operation = $('#spec-popup-all-operation');
|
||
$('.specifications-nav-set-all').on('click', function()
|
||
{
|
||
// 获取规格标题
|
||
var title = [];
|
||
$('.specifications-table th.table-title').each(function(k, v)
|
||
{
|
||
var value = $(this).find('input').val() || null;
|
||
if(value != null && title.indexOf(value) == -1)
|
||
{
|
||
title.push(value);
|
||
}
|
||
});
|
||
if(title.length < $('.specifications-table th.table-title').length)
|
||
{
|
||
Prompt('请填写规格名称');
|
||
return false;
|
||
}
|
||
|
||
// 获取规格值
|
||
var data = [];
|
||
for(var i in title)
|
||
{
|
||
data[i] = [];
|
||
$('.specifications-table tbody tr').each(function(k, v)
|
||
{
|
||
var value = $(this).find('td').eq(i).find('input').val() || null;
|
||
if(value != null && data[i].indexOf(value) == -1)
|
||
{
|
||
data[i].push(value);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 拼接html
|
||
var html = '';
|
||
for(var i in data)
|
||
{
|
||
html += '<div class="am-form-group">';
|
||
html += '<label class="block">'+title[i]+'</label>';
|
||
html += '<select class="chosen-select am-radius" data-placeholder="全部">';
|
||
html += '<option value="">全部</option>';
|
||
for(var k in data[i])
|
||
{
|
||
html += '<option value="'+data[i][k]+'">'+data[i][k]+'</option>';
|
||
}
|
||
html += '</select>';
|
||
html += '</div>';
|
||
}
|
||
var $spec_container = $spec_popup_all_operation.find('.am-popup-bd .spec-title-container');
|
||
$spec_container.html(html);
|
||
if(data.length > 0)
|
||
{
|
||
$spec_container.show();
|
||
} else {
|
||
$spec_container.hide();
|
||
}
|
||
|
||
// select组件初始化
|
||
$spec_popup_all_operation.find('.chosen-select').chosen({
|
||
inherit_select_classes: true,
|
||
enable_split_word_search: true,
|
||
search_contains: true,
|
||
no_results_text: '没有匹配到结果'
|
||
});
|
||
|
||
// 所有input赋空
|
||
$spec_popup_all_operation.find('input').val('');
|
||
});
|
||
|
||
// 规格高级批量操作-赋值
|
||
$spec_popup_all_operation.find('button.am-btn-secondary').on('click', function()
|
||
{
|
||
// 获取规格值条件
|
||
var data = [];
|
||
$spec_popup_all_operation.find('.am-popup-bd .spec-title-container select.chosen-select').each(function(k, v)
|
||
{
|
||
data.push($(this).val() || null);
|
||
});
|
||
|
||
// 获取基础值
|
||
var price = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_price').val() || '';
|
||
var weight = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_weight').val() || '';
|
||
var coding = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_coding').val() || '';
|
||
var barcode = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_barcode').val() || '';
|
||
var original_price = $spec_popup_all_operation.find('.am-popup-bd input.popup_all_original_price').val() || '';
|
||
|
||
// 批量设置
|
||
var data_length = data.length;
|
||
$('.specifications-table tbody tr').each(function(k, v)
|
||
{
|
||
var count = 0;
|
||
for(var i in data)
|
||
{
|
||
if(data[i] == null || data[i] == ($(this).find('td').eq(i).find('input').val() || null))
|
||
{
|
||
count++;
|
||
}
|
||
}
|
||
var index = $(this).find('.value-start').index();
|
||
if(count >= data_length)
|
||
{
|
||
$(this).find('td').eq(index).find('input').val(price);
|
||
$(this).find('td').eq(index+1).find('input').val(weight);
|
||
$(this).find('td').eq(index+2).find('input').val(coding);
|
||
$(this).find('td').eq(index+3).find('input').val(barcode);
|
||
$(this).find('td').eq(index+4).find('input').val(original_price);
|
||
}
|
||
});
|
||
$spec_popup_all_operation.modal('close');
|
||
});
|
||
|
||
|
||
// 手机详情添加
|
||
$(document).on('click', '.content-app-items-add-sub', function()
|
||
{
|
||
var $content_tag = $('.content-app-items');
|
||
|
||
var i = (($(this).attr('index') || null) == null) ? parseInt($content_tag.find('li').length) : parseInt($(this).attr('index'));
|
||
var index = parseInt(Math.random()*1000001)+i;
|
||
|
||
var images_name = $content_tag.data('images-name');
|
||
var content_name = $content_tag.data('content-name');
|
||
var images_text = $content_tag.data('images-text');
|
||
var content_text = $content_tag.data('content-text');
|
||
var delete_text = $content_tag.data('delete-text');
|
||
var drag_sort_text = $content_tag.data('drag-sort-text');
|
||
|
||
var html = '<li><div>';
|
||
// 左侧
|
||
html += '<div class="content-app-left">';
|
||
html += '<label class="block">图片</label>';
|
||
html += '<ul class="plug-file-upload-view goods-content-app-images-view-'+index+'" data-form-name="'+images_name+'_'+index+'" data-max-number="1" data-dialog-type="images">';
|
||
html += '</ul>';
|
||
html += '<div class="plug-file-upload-submit" data-view-tag="ul.goods-content-app-images-view-'+index+'">+上传图片</div>';
|
||
html += '</div>';
|
||
|
||
// 右侧
|
||
html += '<div class="am-form-group content-app-right fr">';
|
||
html += '<label>文本内容</label>';
|
||
html += '<textarea rows="3" name="'+content_name+'_'+index+'" class="am-radius" placeholder="'+content_text+'" data-validation-message=""></textarea>';
|
||
html += '</div>';
|
||
html += '</div>';
|
||
|
||
// 操作按钮
|
||
html += '<i class="c-p fs-12 cr-red content-app-items-rem-sub">删除</i>';
|
||
html += ' <i class="c-m fs-12 drag-sort-submit">拖拽排序</i>';
|
||
html += '</li>';
|
||
$content_tag.append(html);
|
||
$content_tag.attr('index', index);
|
||
$(this).attr('index', i+1);
|
||
});
|
||
|
||
// 手机详情删除
|
||
$(document).on('click', '.content-app-items-rem-sub', function()
|
||
{
|
||
$(this).parent().remove();
|
||
});
|
||
|
||
// 拖拽
|
||
$('ul.goods-photo-view').dragsort({ dragSelector: 'li', placeHolderTemplate: '<li class="drag-sort-dotted"></li>'});
|
||
$('ul.content-app-items').dragsort({ dragSelector: 'i.drag-sort-submit', placeHolderTemplate: '<li class="drag-sort-dotted"></li>'});
|
||
|
||
|
||
// 规格扩展数据编辑
|
||
var $extends_popup = $('#specifications-extends-popup');
|
||
$(document).on('click', '.specifications-table .line-extend-btn', function()
|
||
{
|
||
$extends_popup.attr('data-line-extend', $(this).parents('tr').attr('data-line-tag'));
|
||
$extends_popup.find('input,select,textarea').val('');
|
||
var json = $(this).prev().val() || null;
|
||
if(json != null)
|
||
{
|
||
FormDataFill(JSON.parse(json), '#specifications-extends-popup');
|
||
}
|
||
$extends_popup.modal();
|
||
});
|
||
|
||
|
||
|
||
// 规格快捷操作 - 规格列添加
|
||
$('.quick-spec-title-add').on('click', function()
|
||
{
|
||
var spec_max = $('#goods-nav-operations').data('spec-add-max-number') || 3;
|
||
if($('.spec-quick table tbody tr').length >= spec_max)
|
||
{
|
||
Prompt('最多添加'+spec_max+'列规格，可在后台管理[系统设置-后台配置]中配置');
|
||
return false;
|
||
}
|
||
|
||
var index = parseInt(Math.random()*1000001);
|
||
var html = '<tr>';
|
||
html += '<td class="am-text-middle">';
|
||
html += '<i class="am-close quick-title-remove">×</i>';
|
||
html += '<input type="text" name="spec_base_title_'+index+'" placeholder="规格名" />';
|
||
html += '</td>';
|
||
html += '<td class="spec-quick-td-value am-cf">';
|
||
html += '<div class="am-fl am-margin-xs value-item am-text-left">';
|
||
html += '<span class="business-operations-submit quick-spec-value-add" data-index="'+index+'">+添加规格值</span>';
|
||
html += '</div>';
|
||
html += '</td>';
|
||
html += '</tr>';
|
||
$('.spec-quick table tbody').append(html);
|
||
$('.spec-quick .goods-specifications').show();
|
||
});
|
||
|
||
// 添加规格值
|
||
$(document).on('click', '.spec-quick table .quick-spec-value-add', function()
|
||
{
|
||
var index = $(this).data('index');
|
||
var html = '<div class="am-fl am-margin-xs value-item">';
|
||
html += '<input type="text" class="am-fl" name="spec_base_value_'+index+'[]" placeholder="规格值" />';
|
||
html += '<i class="am-close quick-value-remove">×</i>';
|
||
html += '</div>';
|
||
$(this).parent().before(html);
|
||
});
|
||
|
||
// 规格快捷操作 - 规格名称移除
|
||
$(document).on('click', '.spec-quick table .quick-title-remove', function()
|
||
{
|
||
$(this).parents('tr').remove();
|
||
if($('.spec-quick table tbody tr').length <= 0)
|
||
{
|
||
$('.spec-quick .goods-specifications').hide();
|
||
}
|
||
});
|
||
|
||
// 规格快捷操作 - 规格值移除
|
||
$(document).on('click', '.spec-quick table .value-item .quick-value-remove', function()
|
||
{
|
||
$(this).parent().remove();
|
||
});
|
||
|
||
// 规格快捷操作 - 生成规格
|
||
$('.quick-spec-created').on('click', function()
|
||
{
|
||
var spec = [];
|
||
$('.spec-quick table tbody tr').each(function(k, v)
|
||
{
|
||
var title = $(this).find('td.am-text-middle input').val() || null;
|
||
if(title != null)
|
||
{
|
||
var temp_data = [];
|
||
$(this).find('td.spec-quick-td-value .value-item').each(function(ks,vs)
|
||
{
|
||
var value = $(this).find('input').val() || null;
|
||
if(value != null)
|
||
{
|
||
temp_data.push(value);
|
||
}
|
||
});
|
||
if(temp_data.length > 0)
|
||
{
|
||
spec.push({
|
||
"title": title,
|
||
"value": temp_data
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|
||
// 是否存在规格
|
||
if(spec.length <= 0)
|
||
{
|
||
Prompt('快捷操作规格为空');
|
||
return false;
|
||
}
|
||
|
||
// 操作确认
|
||
AMUI.dialog.confirm({
|
||
title: '温馨提示',
|
||
content: '生成规格将清空现有规格数据、是否继续？',
|
||
onConfirm: function(options)
|
||
{
|
||
// 移除所有规格列
|
||
$('.specifications-table .title-nav-remove').trigger('click');
|
||
|
||
// 添加规格列
|
||
for(var i in spec)
|
||
{
|
||
var index = parseInt(Math.random()*1000001);
|
||
// title
|
||
html = '<th class="table-title table-title-'+index+'">';
|
||
html += '<i class="am-close title-nav-remove" data-index="'+index+'">×</i>';
|
||
html += '<input type="text" name="specifications_name_'+index+'" value="'+spec[i]['title']+'" placeholder="规格名" class="am-radius" data-validation-message="请填写规格名" required />';
|
||
html += '</th>';
|
||
$('.title-start').before(html);
|
||
|
||
// value
|
||
html = '<td class="table-value table-value-'+index+'">';
|
||
html += '<input type="text" name="specifications_value_'+index+'[]" value="'+(spec[i]['value'][0] || "")+'" placeholder="规格值" class="am-radius" data-validation-message="请填写规格值" required />';
|
||
html += '</td>';
|
||
$('.value-start').before(html);
|
||
}
|
||
|
||
// 自动生成规格
|
||
var data = SpecCartesian(spec);
|
||
for(var i=1; i<data.length; i++)
|
||
{
|
||
// 添加规格值
|
||
var html = $('.specifications-table').find('tbody tr:last').prop('outerHTML');
|
||
$('.specifications-table').append(html);
|
||
$('.specifications-table').find('tbody tr:last').attr('class', 'line-'+index+' line-not-first');
|
||
$('.specifications-table').find('tbody tr:last').attr('data-line-tag', '.line-'+index);
|
||
|
||
// 规格值
|
||
var temp_spec = data[i].split(',');
|
||
for(var k in temp_spec)
|
||
{
|
||
// 规格值赋值
|
||
$('.specifications-table').find('tbody tr:last').find('td:eq('+k+') input').val(temp_spec[k]);
|
||
}
|
||
}
|
||
Prompt('生成成功', 'success');
|
||
},
|
||
onCancel: function(){}
|
||
});
|
||
});
|
||
|
||
// 虚拟商品编辑器初始化
|
||
if($('#goods-fictitious-container').length > 0)
|
||
{
|
||
UE.getEditor('goods-fictitious-container', {
|
||
toolbars: [['source', 'undo', 'redo', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', '|', 'forecolor', 'backcolor', 'link', 'fontsize', 'insertorderedlist', 'insertunorderedlist']],
|
||
initialFrameHeight : 100
|
||
});
|
||
}
|
||
|
||
// 规格选中状态
|
||
$(document).on('click', '.specifications-table tr', function()
|
||
{
|
||
$('.specifications-table tr').removeClass('am-primary');
|
||
$(this).addClass('am-primary');
|
||
});
|
||
|
||
// 商品参数模板选择
|
||
$('.goods-template-params-select').on('change', function()
|
||
{
|
||
var value = $(this).val() || null;
|
||
if(value != null)
|
||
{
|
||
value = decodeURIComponent(value);
|
||
if(typeof(value) == 'object')
|
||
{
|
||
value = JSON.stringify(value);
|
||
}
|
||
}
|
||
$('#parameters-quick-container textarea').val(value || '');
|
||
});
|
||
}); |