mirror of
https://gitee.com/zongzhige/shopxo.git
synced 2024-12-03 20:39:59 +08:00
526 lines
16 KiB
JavaScript
Executable File
526 lines
16 KiB
JavaScript
Executable File
// 规格弹窗PC显示
|
|
function poptit_pc_show()
|
|
{
|
|
$(document.body).css('position', 'static');
|
|
$('.theme-signin-left').scrollTop(0);
|
|
$('.theme-popover-mask').hide();
|
|
$('.theme-popover').slideDown(0);
|
|
}
|
|
// 规格弹窗关闭
|
|
function poptit_close()
|
|
{
|
|
if($(window).width() < 1025)
|
|
{
|
|
$(document.body).css('position', 'static');
|
|
$('.theme-signin-left').scrollTop(0);
|
|
$('.theme-popover-mask').hide();
|
|
$('.theme-popover').slideUp(100);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 购买/加入购物车
|
|
* @author Devil
|
|
* @blog http://gong.gg/
|
|
* @version 1.0.0
|
|
* @date 2018-09-13
|
|
* @desc description
|
|
* @param {[object]} e [当前标签对象]
|
|
*/
|
|
function CartAdd(e)
|
|
{
|
|
// 参数
|
|
var type = e.attr('data-type');
|
|
var stock = $('#text_box').val() || 0;
|
|
if(stock <= 0 || stock < 1)
|
|
{
|
|
PromptCenter('购买数量有误');
|
|
return false;
|
|
}
|
|
|
|
// 规格
|
|
var spec = [];
|
|
var sku_count = $('.sku-items').length;
|
|
if(sku_count > 0)
|
|
{
|
|
var spec_count = $('.sku-line.selected').length;
|
|
if(spec_count < sku_count)
|
|
{
|
|
$('.sku-items').each(function(k, v)
|
|
{
|
|
if($(this).find('.sku-line.selected').length == 0)
|
|
{
|
|
$(this).addClass('attr-not-active');
|
|
}
|
|
});
|
|
PromptCenter('请选择规格');
|
|
return false;
|
|
} else {
|
|
$('.iteminfo_parameter .sku-items').removeClass('attr-not-active');
|
|
$('.theme-signin-left .sku-items li.selected').each(function(k, v)
|
|
{
|
|
spec.push({"type": $(this).data('type-value'), "value": $(this).data('value')})
|
|
});
|
|
}
|
|
}
|
|
|
|
// 操作类型
|
|
switch(type)
|
|
{
|
|
// 立即购买
|
|
case 'buy' :
|
|
var $form_buy = $('form.buy-form');
|
|
$form_buy.find('input[name="spec"]').val(JSON.stringify(spec));
|
|
$form_buy.find('input[name="stock"]').val(stock);
|
|
$form_buy.find('button[type="submit"]').trigger('click');
|
|
break;
|
|
|
|
// 加入购物车
|
|
case 'cart' :
|
|
// 开启进度条
|
|
$.AMUI.progress.start();
|
|
|
|
var $button = e;
|
|
$button.attr('disabled', true);
|
|
|
|
// ajax请求
|
|
$.ajax({
|
|
url: e.data('ajax-url'),
|
|
type: 'post',
|
|
dataType: "json",
|
|
timeout: 10000,
|
|
data: {"goods_id": $('.goods-detail').data('id'), "stock": stock, "spec": spec},
|
|
success: function(result)
|
|
{
|
|
poptit_close();
|
|
$.AMUI.progress.done();
|
|
$button.attr('disabled', false);
|
|
|
|
if(result.code == 0)
|
|
{
|
|
HomeCartNumberTotalUpdate(parseInt(result.data));
|
|
PromptCenter(result.msg, 'success');
|
|
} else {
|
|
PromptCenter(result.msg);
|
|
}
|
|
},
|
|
error: function(xhr, type)
|
|
{
|
|
poptit_close();
|
|
$.AMUI.progress.done();
|
|
$button.attr('disabled', false);
|
|
PromptCenter('服务器错误');
|
|
}
|
|
});
|
|
break;
|
|
|
|
// 默认
|
|
default :
|
|
PromptCenter('操作参数配置有误');
|
|
}
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* 获取规格详情
|
|
* @author Devil
|
|
* @blog http://gong.gg/
|
|
* @version 1.0.0
|
|
* @date 2018-12-14
|
|
* @desc description
|
|
*/
|
|
function GoodsSpecDetail()
|
|
{
|
|
// 是否全部选中
|
|
var sku_count = $('.theme-signin-left .sku-items').length;
|
|
var active_count = $('.theme-signin-left .sku-items li.selected').length;
|
|
if(active_count < sku_count)
|
|
{
|
|
return false;
|
|
}
|
|
|
|
// 获取规格值
|
|
var spec = [];
|
|
$('.theme-signin-left .sku-items li.selected').each(function(k, v)
|
|
{
|
|
spec.push({"type": $(this).data('type-value'), "value": $(this).data('value')})
|
|
});
|
|
|
|
// 开启进度条
|
|
$.AMUI.progress.start();
|
|
|
|
// ajax请求
|
|
$.ajax({
|
|
url: $('.goods-detail').data('spec-detail-ajax-url'),
|
|
type: 'post',
|
|
dataType: "json",
|
|
timeout: 10000,
|
|
data: {"id": $('.goods-detail').data('id'), "spec": spec},
|
|
success: function(result)
|
|
{
|
|
$.AMUI.progress.done();
|
|
if(result.code == 0)
|
|
{
|
|
$('.text-info .price-now').text('￥'+result.data.price);
|
|
$('.sys_item_price').text(result.data.price);
|
|
$('.number-tag input[type="number"]').attr('max', result.data.inventory);
|
|
$('.stock-tips .stock').text(result.data.inventory);
|
|
if(result.data.original_price > 0)
|
|
{
|
|
$('.sys_item_mktprice').text('￥'+result.data.original_price);
|
|
$('.sys_item_mktprice').show();
|
|
} else {
|
|
$('.sys_item_mktprice').hide();
|
|
}
|
|
} else {
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom(result.msg, null, null, 50);
|
|
} else {
|
|
PromptCenter(result.msg);
|
|
}
|
|
}
|
|
},
|
|
error: function(xhr, type)
|
|
{
|
|
$.AMUI.progress.done();
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom('服务器错误', null, null, 50);
|
|
} else {
|
|
PromptCenter('服务器错误');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 获取规格类型
|
|
* @author Devil
|
|
* @blog http://gong.gg/
|
|
* @version 1.0.0
|
|
* @date 2018-12-14
|
|
* @desc description
|
|
*/
|
|
function GoodsSpecType()
|
|
{
|
|
// 是否全部选中
|
|
var sku_count = $('.theme-signin-left .sku-items').length;
|
|
var active_count = $('.theme-signin-left .sku-items li.selected').length;
|
|
if(active_count <= 0 || active_count >= sku_count)
|
|
{
|
|
return false;
|
|
}
|
|
|
|
// 获取规格值
|
|
var spec = [];
|
|
$('.theme-signin-left .sku-items li.selected').each(function(k, v)
|
|
{
|
|
spec.push({"type": $(this).data('type-value'), "value": $(this).data('value')})
|
|
});
|
|
|
|
// 开启进度条
|
|
$.AMUI.progress.start();
|
|
|
|
// ajax请求
|
|
$.ajax({
|
|
url: $('.goods-detail').data('spec-type-ajax-url'),
|
|
type: 'post',
|
|
dataType: "json",
|
|
timeout: 10000,
|
|
data: {"id": $('.goods-detail').data('id'), "spec": spec},
|
|
success: function(result)
|
|
{
|
|
$.AMUI.progress.done();
|
|
if(result.code == 0)
|
|
{
|
|
var spec_count = spec.length;
|
|
var index = (spec_count > 0) ? spec_count : 0;
|
|
if(index < sku_count)
|
|
{
|
|
$('.theme-signin-left .sku-items').eq(index).find('li').each(function(k, v)
|
|
{
|
|
$(this).removeClass('sku-dont-choose');
|
|
var value = $(this).data('value').toString();
|
|
if(result.data.indexOf(value) == -1)
|
|
{
|
|
$(this).addClass('sku-items-disabled');
|
|
} else {
|
|
$(this).removeClass('sku-items-disabled');
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom(result.msg, null, null, 50);
|
|
} else {
|
|
PromptCenter(result.msg);
|
|
}
|
|
}
|
|
},
|
|
error: function(xhr, type)
|
|
{
|
|
$.AMUI.progress.done();
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom('服务器错误', null, null, 50);
|
|
} else {
|
|
PromptCenter('服务器错误');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 商品基础数据恢复
|
|
* @author Devil
|
|
* @blog http://gong.gg/
|
|
* @version 1.0.0
|
|
* @date 2018-12-25
|
|
* @desc description
|
|
*/
|
|
function GoodsBaseRestore()
|
|
{
|
|
$('.text-info .price-now').text('￥'+$('.text-info .price-now').data('original-price'));
|
|
$('.sys_item_price').text($('.sys_item_price').data('original-price'));
|
|
$('.number-tag input[type="number"]').attr('max', $('.number-tag input[type="number"]').data('original-max'));
|
|
$('.stock-tips .stock').text($('.stock-tips .stock').data('original-stock'));
|
|
}
|
|
|
|
$(function() {
|
|
// 商品规格选择
|
|
$('.theme-options').each(function()
|
|
{
|
|
$(this).find('ul>li').on('click', function()
|
|
{
|
|
// 切换规格购买数量清空
|
|
$('#text_box').val(1);
|
|
|
|
// 规格处理
|
|
var length = $('.theme-signin-left .sku-items').length;
|
|
var index = $(this).parents('.sku-items').index();
|
|
|
|
if($(this).hasClass('selected'))
|
|
{
|
|
$(this).removeClass('selected');
|
|
|
|
// 去掉元素之后的禁止
|
|
$('.theme-signin-left .sku-items').each(function(k, v)
|
|
{
|
|
if(k > index)
|
|
{
|
|
$(this).find('li').removeClass('sku-items-disabled').removeClass('selected').addClass('sku-dont-choose');
|
|
}
|
|
});
|
|
|
|
// 数据还原
|
|
GoodsBaseRestore();
|
|
|
|
} else {
|
|
if($(this).hasClass('sku-items-disabled') || $(this).hasClass('sku-dont-choose'))
|
|
{
|
|
return false;
|
|
}
|
|
$(this).addClass('selected').siblings('li').removeClass('selected');
|
|
$(this).parents('.sku-items').removeClass('attr-not-active');
|
|
|
|
// 去掉元素之后的禁止
|
|
if(index < length)
|
|
{
|
|
$('.theme-signin-left .sku-items').each(function(k, v)
|
|
{
|
|
if(k > index)
|
|
{
|
|
$(this).find('li').removeClass('sku-items-disabled').removeClass('selected').addClass('sku-dont-choose');
|
|
}
|
|
});
|
|
}
|
|
|
|
// 是否存在规格图片
|
|
var spec_images = $(this).data('type-images') || null;
|
|
if(spec_images != null)
|
|
{
|
|
$('.jqzoom').attr('src', spec_images);
|
|
$('.jqzoom').attr('rel', spec_images);
|
|
$('.img-info img').attr('src', spec_images);
|
|
}
|
|
|
|
// 后面是否还有未选择的规格
|
|
if(index < length-1)
|
|
{
|
|
// 数据还原
|
|
GoodsBaseRestore();
|
|
}
|
|
|
|
// 获取下一个规格类型
|
|
GoodsSpecType();
|
|
|
|
// 获取规格详情
|
|
GoodsSpecDetail();
|
|
}
|
|
});
|
|
});
|
|
|
|
// 放大镜初始化
|
|
$('.jqzoom').imagezoom();
|
|
$('#thumblist li a').on('mouseover', function() {
|
|
$(this).parents('li').addClass('tb-selected').siblings().removeClass('tb-selected');
|
|
$('.jqzoom').attr('src', $(this).find('img').attr('mid'));
|
|
$('.jqzoom').attr('rel', $(this).find('img').attr('big'));
|
|
});
|
|
|
|
//弹出规格选择
|
|
$('.buy-event').on('click', function() {
|
|
if($(window).width() < 1025) {
|
|
// 是否登录
|
|
if(__user_id__ != 0)
|
|
{
|
|
$(document.body).css('position', 'fixed');
|
|
$('.theme-popover-mask').show();
|
|
$('.theme-popover').slideDown(200);
|
|
|
|
$('.theme-popover .confirm').attr('data-type', $(this).data('type'));
|
|
}
|
|
} else {
|
|
poptit_pc_show();
|
|
}
|
|
});
|
|
$('.theme-poptit .close, .btn-op .close').on('click', function() {
|
|
poptit_close();
|
|
});
|
|
|
|
// 购买
|
|
$('.buy-submit, .cart-submit').on('click', function()
|
|
{
|
|
// 是否登录
|
|
if(__user_id__ != 0)
|
|
{
|
|
if($(window).width() >= 1025)
|
|
{
|
|
CartAdd($(this));
|
|
}
|
|
}
|
|
});
|
|
$('.theme-popover .confirm').on('click', function()
|
|
{
|
|
// 是否登录
|
|
if(__user_id__ != 0)
|
|
{
|
|
if($(window).width() < 1025)
|
|
{
|
|
CartAdd($(this));
|
|
}
|
|
}
|
|
});
|
|
|
|
// 收藏
|
|
$('.favor-submit').on('click', function()
|
|
{
|
|
// 是否登录
|
|
if(__user_id__ != 0)
|
|
{
|
|
var $this = $(this);
|
|
// 开启进度条
|
|
$.AMUI.progress.start();
|
|
|
|
// ajax请求
|
|
$.ajax({
|
|
url: $(this).data('ajax-url'),
|
|
type: 'post',
|
|
dataType: "json",
|
|
timeout: 10000,
|
|
data: {"id": $('.goods-detail').data('id')},
|
|
success: function(result)
|
|
{
|
|
poptit_close();
|
|
$.AMUI.progress.done();
|
|
|
|
if(result.code == 0)
|
|
{
|
|
$this.find('.goods-favor-text').text(result.data.text);
|
|
$this.find('.goods-favor-count').text('('+result.data.count+')');
|
|
if(result.data.status == 1)
|
|
{
|
|
$this.addClass('text-active');
|
|
} else {
|
|
$this.removeClass('text-active');
|
|
}
|
|
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom(result.msg, 'success', null, 50);
|
|
} else {
|
|
PromptCenter(result.msg, 'success');
|
|
}
|
|
} else {
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom(result.msg, null, null, 50);
|
|
} else {
|
|
PromptCenter(result.msg);
|
|
}
|
|
}
|
|
},
|
|
error: function(xhr, type)
|
|
{
|
|
poptit_close();
|
|
$.AMUI.progress.done();
|
|
if($(window).width() < 640)
|
|
{
|
|
PromptBottom('服务器错误', null, null, 50);
|
|
} else {
|
|
PromptCenter('服务器错误');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// 视频
|
|
$('.goods-video-submit-start').on('click', function()
|
|
{
|
|
$('.goods-video-container').removeClass('none').trigger('play');
|
|
$('.goods-video-submit-close').removeClass('none');
|
|
$('.goods-video-submit-start').addClass('none');
|
|
});
|
|
$('.goods-video-submit-close').on('click', function()
|
|
{
|
|
$('.goods-video-container').addClass('none').trigger('pause');
|
|
$('.goods-video-submit-close').addClass('none');
|
|
$('.goods-video-submit-start').removeClass('none');
|
|
});
|
|
|
|
//获得文本框对象
|
|
var t = $('#text_box');
|
|
|
|
//数量增加操作
|
|
$('#add').on('click', function() {
|
|
var stock = parseInt($('.stock-tips .stock').text());
|
|
var number = parseInt(t.val());
|
|
if(number < stock)
|
|
{
|
|
t.val(number + 1)
|
|
} else {
|
|
Prompt('超出库存数量');
|
|
}
|
|
});
|
|
//数量减少操作
|
|
$('#min').on('click', function() {
|
|
var value = parseInt(t.val())-1 || 1;
|
|
t.val((value <= 1) ? 1 : value);
|
|
});
|
|
|
|
});
|
|
|
|
// 浏览器窗口实时事件
|
|
$(window).resize(function()
|
|
{
|
|
// 规格显示/隐藏处理
|
|
if($(window).width() < 1025)
|
|
{
|
|
poptit_close();
|
|
} else {
|
|
poptit_pc_show();
|
|
}
|
|
}); |