$(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');
})
// 规格列添加
$('.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 = '
';
html += '× ';
html += ' ';
html += ' ';
$('.title-start').before(html);
// value
html = '';
html += ' ';
html += ' ';
$('.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');
if(html.indexOf('') >= 0)
{
html = html.replace(//ig, '复制 移除 ');
}
$('.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()
{
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()
{
$(this).parents('tr').remove();
if($('.specifications-table tbody tr').length <= 1)
{
$('.specifications-table th.table-title').remove();
$('.specifications-table td.table-value').remove();
$('ul.spec-images-list').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 = '';
html += ' '
html += '';
html += '+上传图片
';
html += ' ';
$('ul.spec-images-list').append(html);
});
// 规格图片删除
$('ul.spec-images-list').on('click', 'ul.plug-file-upload-view li i', function()
{
$(this).parents('li.spec-images-items').remove();
});
// 手机详情添加
$(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 = '';
// 左侧
html += '
';
html += '
图片 ';
html += '
';
html += '
+上传图片
';
html += '
';
// 右侧
html += '
';
html += '文本内容 ';
html += '';
html += '
';
html += '
';
// 操作按钮
html += '删除 ';
html += ' 拖拽排序 ';
html += ' ';
$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: 'img', placeHolderTemplate: ' '});
$('ul.content-app-items').dragsort({ dragSelector: 'i.drag-sort-submit', placeHolderTemplate: ' '});
// 规格扩展数据编辑
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();
});
});