|
...
|
...
|
@@ -20,11 +20,15 @@ var panelTmpl, |
|
|
|
$chosed,
|
|
|
|
re = /\d+/,
|
|
|
|
leftNum,
|
|
|
|
$colorList,
|
|
|
|
$sizeList,
|
|
|
|
firstColorId,
|
|
|
|
colorIndex,
|
|
|
|
confirming;
|
|
|
|
confirming,
|
|
|
|
hasChooseColor = false,
|
|
|
|
hasChooseSize = false,
|
|
|
|
curColorIndex,
|
|
|
|
curSizeIndex,
|
|
|
|
$curSizeRow,
|
|
|
|
$sizeRowList = $('.size-list ul');
|
|
|
|
|
|
|
|
// 读取模板
|
|
|
|
$.get('/cart/index/giftinfoTpl', function(html) {
|
|
...
|
...
|
@@ -39,45 +43,43 @@ $.get('/cart/index/giftinfoTpl', function(html) { |
|
|
|
|
|
|
|
//初始化购物车面板显示
|
|
|
|
function init() {
|
|
|
|
$colorList = $('.chose-panel .color-list ul>li');
|
|
|
|
$sizeList = $('.chose-panel .size-list ul>li');
|
|
|
|
firstColorId = $colorList.eq(0).data('id');
|
|
|
|
$sizeList.each(function() {
|
|
|
|
colorIndex = $(this).data('colorid');
|
|
|
|
|
|
|
|
if (colorIndex === firstColorId) {
|
|
|
|
$(this).removeClass('hide');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
//$colorList = $('.chose-panel .color-list ul>li');
|
|
|
|
//$sizeList = $('.chose-panel .size-list ul>li');
|
|
|
|
//firstColorId = $colorList.eq(0).data('id');
|
|
|
|
//$sizeList.each(function() {
|
|
|
|
// colorIndex = $(this).data('colorid');
|
|
|
|
//
|
|
|
|
// if (colorIndex === firstColorId) {
|
|
|
|
// $(this).removeClass('hide');
|
|
|
|
// }
|
|
|
|
//});
|
|
|
|
|
|
|
|
var $firstRow = $sizeRowList.eq(0);
|
|
|
|
|
|
|
|
$firstRow.toggleClass('hide');
|
|
|
|
$curSizeRow = $firstRow;
|
|
|
|
}
|
|
|
|
|
|
|
|
init();
|
|
|
|
|
|
|
|
//显示
|
|
|
|
// function show(data) {
|
|
|
|
// // var html = tpl(data);
|
|
|
|
// $('.chose-panel').show();
|
|
|
|
// // $page.append(html);
|
|
|
|
// $('.chose-panel')
|
|
|
|
// $num = $('#good-num');
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function show(data) {
|
|
|
|
if (data) {
|
|
|
|
$chosePanel.html(panelTmpl(data));
|
|
|
|
init();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//显示当前Panel
|
|
|
|
function show() {
|
|
|
|
$('.chose-panel').show();
|
|
|
|
|
|
|
|
$('body').css('overflow', 'hidden');
|
|
|
|
$num = $('#good-num');
|
|
|
|
}
|
|
|
|
|
|
|
|
//移除当前Panel
|
|
|
|
function remove() {
|
|
|
|
//隐藏当前Panel
|
|
|
|
function hide() {
|
|
|
|
$('.chose-panel').hide();
|
|
|
|
$('body').css('overflow', 'auto');
|
|
|
|
}
|
|
...
|
...
|
@@ -90,57 +92,129 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
}
|
|
|
|
|
|
|
|
//点击蒙版消失
|
|
|
|
remove();
|
|
|
|
}).on('touchstart', '#chose-btn-sure', function() {
|
|
|
|
hide();
|
|
|
|
});
|
|
|
|
|
|
|
|
var productSku,
|
|
|
|
buyNumber = $('#good-num').val() - 0,
|
|
|
|
$('.color-list').on('touchstart', '.block', function(e) {
|
|
|
|
var $this = $(this),
|
|
|
|
$that = $(e.target).closest('.chose-items'),
|
|
|
|
numArray,
|
|
|
|
index,
|
|
|
|
curSelectedSizeBlock,
|
|
|
|
$sizeChosed,
|
|
|
|
scindex,
|
|
|
|
i;
|
|
|
|
|
|
|
|
promotionId,
|
|
|
|
isEdit = 0,
|
|
|
|
numInCart = $('.num-tag').html() - 0;
|
|
|
|
var $siblingBlock = $this.closest('.block-list').siblings(':first'),
|
|
|
|
currentNumArray = ($this.data('numstr') + '').split('/');
|
|
|
|
|
|
|
|
// goodsType,
|
|
|
|
// isEdit;
|
|
|
|
$this.siblings('.chosed').removeClass('chosed');
|
|
|
|
index = $this.index();
|
|
|
|
|
|
|
|
$chosed = $('.block-list>ul>li.chosed');
|
|
|
|
$sizeChosed = $siblingBlock.find('.chosed');
|
|
|
|
scindex = $sizeChosed.index();
|
|
|
|
$curSizeRow = $sizeRowList.eq(index);
|
|
|
|
|
|
|
|
if (2 === $chosed.length && 0 === $chosed.closest('.zero-stock').length) {
|
|
|
|
productSku = $sizeList.closest('.chosed').data('skuid');
|
|
|
|
promotionId = $('[data-id="' + productSku + '"]').closest('.advance-block').data('promotion-id');
|
|
|
|
if (confirming) {
|
|
|
|
return false;
|
|
|
|
// 当前颜色已经是选中状态,再点击时
|
|
|
|
if ($this.hasClass('chosed')) {
|
|
|
|
|
|
|
|
//颜色原来已经是勾选时，要清空剩余件数的提示
|
|
|
|
$that.find('.num .left-num').html('');
|
|
|
|
hasChooseColor = false;
|
|
|
|
|
|
|
|
// 当前颜色不是选中状态,选中时
|
|
|
|
} else {
|
|
|
|
hasChooseColor = true;
|
|
|
|
|
|
|
|
//根据颜色切换图片
|
|
|
|
if ($this.closest('.block-list').hasClass('color-list')) {
|
|
|
|
$('.chose-panel').find('.thumb').addClass('hide').eq(index).removeClass('hide');
|
|
|
|
}
|
|
|
|
|
|
|
|
confirming = true;
|
|
|
|
loading.showLoadingMask();
|
|
|
|
$.ajax({
|
|
|
|
method: 'POST',
|
|
|
|
url: '/cart/index/add',
|
|
|
|
data: {
|
|
|
|
productSku: productSku,
|
|
|
|
buyNumber: buyNumber,
|
|
|
|
promotionId: promotionId,
|
|
|
|
isEdit: isEdit
|
|
|
|
//把当前选中颜色对应的尺码那一行显示出来
|
|
|
|
//$sizeRowList.addClass('hide');
|
|
|
|
//$curSizeRow.toggleClass('hide');
|
|
|
|
|
|
|
|
//之前选中行 对应的尺码去掉勾选样式
|
|
|
|
$sizeChosed.removeClass('chosed');
|
|
|
|
|
|
|
|
// 当前选中颜色对应的尺码行，其对应的尺码加上 (前提是要判断下这个尺码是否存在)
|
|
|
|
curSelectedSizeBlock = $curSizeRow.children().get(scindex);
|
|
|
|
if (curSelectedSizeBlock) {
|
|
|
|
$(curSelectedSizeBlock).addClass('chosed');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
$this.toggleClass('chosed');
|
|
|
|
curColorIndex = index;
|
|
|
|
|
|
|
|
$chosed = $('.chose-items').find('.chosed');
|
|
|
|
|
|
|
|
|
|
|
|
if ($chosed.length === 0) {
|
|
|
|
$this.closest('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}).done(function(res) {
|
|
|
|
loading.hideLoadingMask();
|
|
|
|
if (res.code === 200) {
|
|
|
|
$('.num-tag').html(numInCart + buyNumber);
|
|
|
|
$('.num-tag').removeClass('hide');
|
|
|
|
remove();
|
|
|
|
});
|
|
|
|
|
|
|
|
$siblingBlock.find('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
if (res.message) {
|
|
|
|
tip.show(res.message);
|
|
|
|
});
|
|
|
|
} else if ($chosed.length === 1 && $this.hasClass('chosed')) {
|
|
|
|
$sizeList.addClass('hide');
|
|
|
|
|
|
|
|
//切换尺码信息
|
|
|
|
$sizeList.each(function() {
|
|
|
|
colorIndex = $(this).data('colorid');
|
|
|
|
if (colorIndex === $this.data('id')) {
|
|
|
|
$(this).removeClass('hide');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
numArray = ($chosed.data('numstr') + '').split('/');
|
|
|
|
$siblingBlock.find('.block').removeClass('zero-stock');
|
|
|
|
for (i = 0; i < numArray.length; i++) {
|
|
|
|
if ('0' === numArray[i]) {
|
|
|
|
$siblingBlock.find('.block').eq(i).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if ($chosed.length === 1 && !$this.hasClass('chosed')) {
|
|
|
|
$('#chose-btn-sure').css('background-color', '#eb0313');
|
|
|
|
$('#chose-btn-sure').html('确定');
|
|
|
|
|
|
|
|
$siblingBlock.find('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}).fail(function() {
|
|
|
|
tip.show('网络出了点问题~');
|
|
|
|
}).always(function() {
|
|
|
|
confirming = false;
|
|
|
|
});
|
|
|
|
$that.find('.num .left-num').html('');
|
|
|
|
} else if ($chosed.length === 2) {
|
|
|
|
$siblingBlock.find('.block').removeClass('zero-stock');
|
|
|
|
for (i = 0; i < currentNumArray.length; i++) {
|
|
|
|
if ('0' === currentNumArray[i]) {
|
|
|
|
$siblingBlock.find('.block').eq(i).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
numArray = ($siblingBlock.find('.chosed').data('numstr') + '').split('/');
|
|
|
|
$that.find('.num .left-num').html('剩余' + numArray[index] + '件');
|
|
|
|
if (2 === $chosed.closest('.zero-stock').length) {
|
|
|
|
$('#chose-btn-sure').css('background-color', '#c0c0c0');
|
|
|
|
$('#chose-btn-sure').html('已售罄');
|
|
|
|
} else {
|
|
|
|
$('#chose-btn-sure').css('background-color', '#eb0313');
|
|
|
|
$('#chose-btn-sure').html('确定');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}).on('touchstart', '.block', function(e) {
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.size-list').on('touchstart', '.block', function(e) {
|
|
|
|
var $this = $(this),
|
|
|
|
$that = $(e.target).closest('.chose-items'),
|
|
|
|
numArray,
|
|
...
|
...
|
@@ -151,26 +225,33 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
currentNumArray = ($this.data('numstr') + '').split('/');
|
|
|
|
|
|
|
|
$this.siblings('.chosed').removeClass('chosed');
|
|
|
|
$this.toggleClass('chosed');
|
|
|
|
index = $this.index();
|
|
|
|
$chosed = $('.block-list>ul>li.chosed');
|
|
|
|
|
|
|
|
//根据颜色切换图片
|
|
|
|
if ($this.closest('.block-list').hasClass('color-list')) {
|
|
|
|
$('.chose-panel').find('.thumb').addClass('hide').eq(index).removeClass('hide');
|
|
|
|
if ($this.hasClass('chosed')) {
|
|
|
|
|
|
|
|
//尺码原来已经是勾选时，要清空剩余件数的提示
|
|
|
|
$that.find('.num .left-num').html('');
|
|
|
|
hasChooseSize = false;
|
|
|
|
} else {
|
|
|
|
hasChooseSize = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
$this.toggleClass('chosed');
|
|
|
|
curSizeIndex = index;
|
|
|
|
|
|
|
|
$chosed = $('.chose-items').find('.chosed');
|
|
|
|
|
|
|
|
if ($chosed.length === 0) {
|
|
|
|
$this.closest('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if (0 === $(this).data('num') - 0) {
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$siblingBlock.find('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if (0 === $(this).data('num') - 0) {
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
});
|
|
...
|
...
|
@@ -191,7 +272,7 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
numArray = ($chosed.data('numstr') + '').split('/');
|
|
|
|
$siblingBlock.find('.block').removeClass('zero-stock');
|
|
|
|
for (i = 0; i < numArray.length; i++) {
|
|
|
|
if (0 === numArray[i] - 0) {
|
|
|
|
if ('0' === numArray[i]) {
|
|
|
|
$siblingBlock.find('.block').eq(i).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}
|
|
...
|
...
|
@@ -199,17 +280,17 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
$('#chose-btn-sure').css('background-color', '#eb0313');
|
|
|
|
$('#chose-btn-sure').html('确定');
|
|
|
|
|
|
|
|
$siblingBlock.find('ul>li').each(function() {
|
|
|
|
/**$siblingBlock.find('ul>li').each(function() {
|
|
|
|
$(this).removeClass('zero-stock');
|
|
|
|
if (0 === $(this).data('num') - 0) {
|
|
|
|
if ('0' === $(this).data('num')) {
|
|
|
|
$(this).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
$that.find('.num .left-num').html('');
|
|
|
|
$that.find('.num .left-num').html('');*/
|
|
|
|
} else if ($chosed.length === 2) {
|
|
|
|
$siblingBlock.find('.block').removeClass('zero-stock');
|
|
|
|
for (i = 0; i < currentNumArray.length; i++) {
|
|
|
|
if (0 === currentNumArray[i] - 0) {
|
|
|
|
if ('0' === currentNumArray[i]) {
|
|
|
|
$siblingBlock.find('.block').eq(i).addClass('zero-stock');
|
|
|
|
}
|
|
|
|
}
|
|
...
|
...
|
@@ -224,8 +305,10 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}).on('touchstart', '.btn-minus', function() {
|
|
|
|
var num = +$num.val(),
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.btn-minus').on('touchstart', function() {
|
|
|
|
var num = $num.val(),
|
|
|
|
$chosed = $('.block-list>ul>li.chosed'),
|
|
|
|
leftNum = re.exec($('.num .left-num').html());
|
|
|
|
|
|
...
|
...
|
@@ -239,11 +322,14 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
}
|
|
|
|
|
|
|
|
$num.val(num - 1);
|
|
|
|
}).on('touchstart', '.btn-plus', function() {
|
|
|
|
var num = +$num.val();
|
|
|
|
});
|
|
|
|
|
|
|
|
$('.btn-plus').on('touchstart', function() {
|
|
|
|
var num = $num.val();
|
|
|
|
|
|
|
|
//若颜色和尺码没有被同时选中，则不能点击
|
|
|
|
if ($('.block-list>ul>li.chosed').length < 2) {
|
|
|
|
tip.show('请选择颜色和尺码~');
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
leftNum = re.exec($('.num .left-num').html());
|
|
...
|
...
|
@@ -255,5 +341,57 @@ $('.yoho-page').on('touchstart', '.chose-panel', function(e) { |
|
|
|
$num.val(num + 1);
|
|
|
|
});
|
|
|
|
|
|
|
|
$('#chose-btn-sure').on('touchend', function() {
|
|
|
|
|
|
|
|
var productSku,
|
|
|
|
buyNumber = $('#good-num').val() - 0,
|
|
|
|
|
|
|
|
promotionId,
|
|
|
|
isEdit = 0,
|
|
|
|
numInCart = $('.num-tag').html() - 0;
|
|
|
|
|
|
|
|
// goodsType,
|
|
|
|
// isEdit;
|
|
|
|
|
|
|
|
$chosed = $('.block-list>ul>li.chosed');
|
|
|
|
|
|
|
|
if (2 === $chosed.length && 0 === $chosed.closest('.zero-stock').length) {
|
|
|
|
productSku = $sizeList.closest('.chosed').data('skuid');
|
|
|
|
promotionId = $('[data-id="' + productSku + '"]').closest('.advance-block').data('promotion-id');
|
|
|
|
if (confirming) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
confirming = true;
|
|
|
|
loading.showLoadingMask();
|
|
|
|
$.ajax({
|
|
|
|
method: 'POST',
|
|
|
|
url: '/cart/index/add',
|
|
|
|
data: {
|
|
|
|
productSku: productSku,
|
|
|
|
buyNumber: buyNumber,
|
|
|
|
promotionId: promotionId,
|
|
|
|
isEdit: isEdit
|
|
|
|
}
|
|
|
|
}).done(function(res) {
|
|
|
|
loading.hideLoadingMask();
|
|
|
|
if (res.code === 200) {
|
|
|
|
$('.num-tag').html(numInCart + buyNumber);
|
|
|
|
$('.num-tag').removeClass('hide');
|
|
|
|
confirming = false;
|
|
|
|
hide();
|
|
|
|
}
|
|
|
|
if (res.message) {
|
|
|
|
tip.show(res.message);
|
|
|
|
}
|
|
|
|
}).fail(function() {
|
|
|
|
tip.show('网络出了点问题~');
|
|
|
|
}).always(function() {
|
|
|
|
confirming = false;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
exports.init = init;
|
|
|
|
exports.show = show; |
...
|
...
|
|
