www.lightcourse.com/public/static/admin/js/goods_add_step1.js

134 lines
5.4 KiB
JavaScript

// 选择商品分类
function selClass($this){
$('.wp_category_list').css('background', '');
$("#commodityspan").hide();
$("#commoditydt").show();
$("#commoditydd").show();
$this.siblings('li').children('a').attr('class', '');
$this.children('a').attr('class', 'classDivClick');
var data_str = '';
eval('data_str = ' + $this.attr('data-param'));
$('#class_id').val(data_str.gcid);
$('#t_id').val(data_str.tid);
$('#dataLoading').show();
var deep = parseInt(data_str.deep) + 1;
$.getJSON(ADMINSITEURL+'/Goodsadd/ajax_goods_class.html', {gc_id : data_str.gcid, deep: deep}, function(data) {
if (data != '') {
$('input[dstype="buttonNextStep"]').prop('disabled', true);
// $('input[dstype="buttonNextStep"]').prop('disabled', false).css('cursor', 'pointer');
$('#class_div_' + deep).children('ul').html('').end()
.parents('.wp_category_list:first').removeClass('blank')
.parents('.sort_list:first').nextAll('div').children('div').addClass('blank').children('ul').html('');
$.each(data, function(i, n){
$('#class_div_' + deep).children('ul').append('<li data-param="{gcid:'
+ n.gc_id +',deep:'+ deep +',tid:'+ n.type_id +'}"><a class="" href="javascript:void(0)"><i class="iconfont"></i>'
+ n.gc_name + '</a></li>')
.find('li:last').click(function(){
selClass($(this));
});
});
} else {
$('#class_div_' + data_str.deep).parents('.sort_list:first').nextAll('div').children('div').addClass('blank').children('ul').html('');
disabledButton();
}
// 显示选中的分类
showCheckClass();
$('#dataLoading').hide();
});
}
function disabledButton() {
if ($('#class_id').val() != '') {
$('input[dstype="buttonNextStep"]').prop('disabled', false).css('cursor', 'pointer');
} else {
$('input[dstype="buttonNextStep"]').prop('disabled', true).css('cursor', 'auto');
}
}
$(function(){
//自定义滚定条
$('#class_div_1').perfectScrollbar();
$('#class_div_2').perfectScrollbar();
$('#class_div_3').perfectScrollbar();
// ajax选择分类
$('li[dstype="selClass"]').click(function(){
selClass($(this));
});
// 常用分类选择 展开与隐藏
$('#commSelect').hover(
function(){
$('#commListArea').show();
},function(){
$('#commListArea').hide();
}
);
// 常用分类选择
$('#commListArea').find('span[dstype="staple_name"]').on('click',function() {
$('#dataLoading').show();
$('.wp_category_list').addClass('blank');
$this = $(this);
eval('var data_str = ' + $this.parents('li').attr('data-param'));
$.getJSON(ADMINSITEURL+'/Goodsadd/ajax_show_comm.html?stapleid=' + data_str.stapleid, function(data) {
if (data.done) {
$('.category_list').children('ul').empty();
if (data.one.length > 0) {
$('#class_div_1').children('ul').append(data.one).parents('.wp_category_list').removeClass('blank');
}
if (data.two.length > 0) {
$('#class_div_2').children('ul').append(data.two).parents('.wp_category_list').removeClass('blank');
}
if (data.three.length > 0) {
$('#class_div_3').children('ul').append(data.three).parents('.wp_category_list').removeClass('blank');
}
// 绑定ajax选择分类事件
$('#class_div').find('li[dstype="selClass"]').click(function(){
selClass($(this));
});
$('#class_id').val(data.gc_id);
$('#t_id').val(data.type_id);
$("#commodityspan").hide();
$("#commoditydt").show();
// 显示选中的分类
showCheckClass();
$('#commSelect').children('div:first').html($this.text());
disabledButton();
$('#commListArea').hide();
} else {
$('.wp_category_list').css('background', '#E7E7E7 none');
$('#commListArea').find('li').css({'background' : '', 'color' : ''});
$this.parent().css({'background' : '#3399FD', 'color' : '#FFF'});
}
});
$('#dataLoading').hide();
});
// ajax删除常用分类
$('#commListArea').find('a[dstype="del-comm-cate"]').on('click',function() {
$this = $(this);
eval('var data_str = ' + $this.parents('li').attr('data-param'));
$.getJSON(ADMINSITEURL+'/Goodsadd/ajax_stapledel?staple_id='+ data_str.stapleid, function(data) {
if (data.done) {
$this.parents('li:first').remove();
if ($('#commListArea').find('li').length == 1) {
$('#select_list_no').show();
}
} else {
alert(data.msg);
}
});
});
});
// 显示选中的分类
function showCheckClass(){
var str = "";
$.each($('a[class=classDivClick]'), function(i) {
str += $(this).text() + '<i class="iconfont"></i>';
});
str = str.substring(0, str.length - 40);
$('#commoditydd').html(str);
}