375 lines
12 KiB
JavaScript
Executable File
375 lines
12 KiB
JavaScript
Executable File
$(function(){
|
|
WST.dropDownLayer(".item",".dorp-down-layer");
|
|
$('.item-more').click(function(){
|
|
if($(this).attr('v')==1){
|
|
$('.hideItem').show(300);
|
|
$(this).find("span").html("收起");
|
|
$(this).find("i").attr({"class":"drop-up"});
|
|
$(this).attr('v',0);
|
|
}else{
|
|
$('.hideItem').hide(300);
|
|
$(this).find("span").html("更多选项");
|
|
$(this).find("i").attr({"class":"drop-down-icon"});
|
|
$(this).attr('v',1);
|
|
}
|
|
});
|
|
|
|
$(".item-more").hover(function(){
|
|
if($(this).find("i").hasClass("drop-down-icon")){
|
|
$(this).find("i").attr({"class":"down-hover"});
|
|
}else{
|
|
$(this).find("i").attr({"class":"up-hover"});
|
|
}
|
|
|
|
},function(){
|
|
if($(this).find("i").hasClass("down-hover")){
|
|
$(this).find("i").attr({"class":"drop-down"});
|
|
}else{
|
|
$(this).find("i").attr({"class":"drop-up"});
|
|
}
|
|
});
|
|
if(goodsInfo.sku){
|
|
var specs,dv;
|
|
for(var key in goodsInfo.sku){
|
|
if(goodsInfo.sku[key].isDefault==1){
|
|
specs = key.split(':');
|
|
$('.j-option').each(function(){
|
|
dv = $(this).attr('data-val')
|
|
if($.inArray(dv,specs)>-1){
|
|
$(this).addClass('j-selected');
|
|
}
|
|
})
|
|
$('#buyNum').attr('data-max',goodsInfo.sku[key].specStock);
|
|
}
|
|
}
|
|
}else{
|
|
$('#buyNum').attr('data-max',goodsInfo.goodsStock);
|
|
}
|
|
checkGoodsStock();
|
|
//图片放大镜效果
|
|
CloudZoom.quickStart();
|
|
imagesMove({id:'.goods-pics',items:'.items'});
|
|
//选择规格
|
|
$('.spec .j-option').click(function(){
|
|
$(this).addClass('j-selected').siblings().removeClass('j-selected');
|
|
checkGoodsStock();
|
|
});
|
|
fixedbar();
|
|
$('#tab').TabPanel({tab:0,callback:function(no){
|
|
if(no==1)queryByPage();
|
|
if(no==2)queryConsult();
|
|
}});
|
|
contrastGoods(1,0,2);
|
|
// 取消'手机购买'click事件
|
|
$('#wx_qrcode').unbind();
|
|
});
|
|
function fixedbar(){
|
|
var offsetTop = $("#goodsTabs").offset().top;
|
|
$(window).scroll(function() {
|
|
var scrollTop = $(document).scrollTop();
|
|
if (scrollTop > offsetTop){
|
|
$('#addCart2').show();
|
|
$("#goodsTabs").css("position","fixed");
|
|
$("#wx_qrcode").addClass('wx_qrcode_fixed');
|
|
}else{
|
|
$('#addCart2').hide();
|
|
$("#goodsTabs").css("position", "static");
|
|
$("#wx_qrcode").removeClass('wx_qrcode_fixed');
|
|
}
|
|
});
|
|
}
|
|
function checkGoodsStock(){
|
|
var specIds = [],stock = 0,goodsPrice=0,marketPrice=0,goodsHuibao=0;
|
|
|
|
if(goodsInfo.isSpec==1){
|
|
$('.j-selected').each(function(){
|
|
specIds.push(parseInt($(this).attr('data-val'),10));
|
|
});
|
|
specIds.sort(function(a,b){return a-b;});
|
|
if(goodsInfo.sku[specIds.join(':')]){
|
|
stock = goodsInfo.sku[specIds.join(':')].specStock;
|
|
marketPrice = goodsInfo.sku[specIds.join(':')].marketPrice;
|
|
goodsPrice = goodsInfo.sku[specIds.join(':')].specPrice;
|
|
goodsHuibao =Math.round(goodsInfo.sku[specIds.join(':')].specPrice * 0.8 * 100) / 100;
|
|
|
|
}
|
|
}else{
|
|
stock = goodsInfo.goodsStock;
|
|
marketPrice = goodsInfo.marketPrice;
|
|
goodsPrice = goodsInfo.goodsPrice;
|
|
}
|
|
$('#goods-stock').html(stock);
|
|
$('#j-market-price').html('￥'+marketPrice);
|
|
$('#j-shop-price').html('￥'+goodsPrice);
|
|
if(goodsHuibao>0){
|
|
$('#j-shop-huibao').html('￥'+goodsHuibao);
|
|
}
|
|
|
|
if(stock<=0){
|
|
$('#addBtn').addClass('disabled');
|
|
$('#buyBtn').addClass('disabled');
|
|
}else{
|
|
$('#addBtn').removeClass('disabled');
|
|
$('#buyBtn').removeClass('disabled');
|
|
}
|
|
}
|
|
|
|
function imagesMove(opts){
|
|
var tempLength = 0; //临时变量,当前移动的长度
|
|
var viewNum = 5; //设置每次显示图片的个数量
|
|
var moveNum = 2; //每次移动的数量
|
|
var moveTime = 300; //移动速度,毫秒
|
|
var scrollDiv = $(opts.id+" "+opts.items+" ul"); //进行移动动画的容器
|
|
var scrollItems = $(opts.id+" "+opts.items+" ul li"); //移动容器里的集合
|
|
var moveLength = scrollItems.eq(0).width() * moveNum; //计算每次移动的长度
|
|
var countLength = (scrollItems.length - viewNum) * scrollItems.eq(0).width(); //计算总长度,总个数*单个长度
|
|
|
|
//下一张
|
|
$(opts.id+" .next").bind("click",function(){
|
|
if(tempLength < countLength){
|
|
if((countLength - tempLength) > moveLength){
|
|
scrollDiv.animate({left:"-=" + moveLength + "px"}, moveTime);
|
|
tempLength += moveLength;
|
|
}else{
|
|
scrollDiv.animate({left:"-=" + (countLength - tempLength) + "px"}, moveTime);
|
|
tempLength += (countLength - tempLength);
|
|
}
|
|
}
|
|
});
|
|
//上一张
|
|
$(opts.id+" .prev").bind("click",function(){
|
|
if(tempLength > 0){
|
|
if(tempLength > moveLength){
|
|
scrollDiv.animate({left: "+=" + moveLength + "px"}, moveTime);
|
|
tempLength -= moveLength;
|
|
}else{
|
|
scrollDiv.animate({left: "+=" + tempLength + "px"}, moveTime);
|
|
tempLength = 0;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
/****************** 商品评价 ******************/
|
|
function showImg(id){
|
|
layer.photos({
|
|
photos: '#img-file-'+id
|
|
});
|
|
}
|
|
function apprfilter(type){
|
|
$('.appr-filterbox li a').removeClass('curr');
|
|
$('#filtertype').val(type);
|
|
queryByPage(1);
|
|
}
|
|
|
|
var _first=true;
|
|
function queryByPage(p){
|
|
var params = {};
|
|
params.page = p;
|
|
params.goodsId = goodsInfo.id;
|
|
params.anonymous = 1;
|
|
params.type = $('#filtertype').val();
|
|
$.post(WST.U('home/goodsappraises/getById'),params,function(data,textStatus){
|
|
var json = WST.toJson(data);
|
|
if(json.status==1 && json.data.Rows){
|
|
var gettpl = document.getElementById('tblist').innerHTML;
|
|
laytpl(gettpl).render(json.data.Rows, function(html){
|
|
$('#ga-box').html(html);
|
|
for(var g=0;g<=json.data.Rows.length;g++){
|
|
showImg(g);
|
|
}
|
|
});
|
|
// 各评价数.
|
|
$('#totalNum').html(json.data.sum);
|
|
$('#bestNum').html(json.data.bestNum);
|
|
$('#goodNum').html(json.data.goodNum);
|
|
$('#badNum').html(json.data.badNum);
|
|
$('#picNum').html(json.data.picNum);
|
|
// 选中当前筛选条件
|
|
$('#'+params.type).addClass('curr');
|
|
if(_first && json.data.sum>0){
|
|
// 好、中、差评率
|
|
var best = parseInt(json.data.bestNum/json.data.sum*100);
|
|
var good = parseInt(json.data.goodNum/json.data.sum*100);
|
|
var bad = 100-best-good;
|
|
$('.best_percent').html(best);
|
|
$('.good_percent').html(good);
|
|
$('.bad_percent').html(bad);
|
|
// 背景色
|
|
$('#best_percentbg').css({width:best+'%'});
|
|
$('#good_percentbg').css({width:good+'%'});
|
|
$('#bad_percentbg').css({width:bad+'%'});
|
|
_first = false;
|
|
}
|
|
|
|
$('.j-lazyImg').lazyload({ effect: "fadeIn",failurelimit : 10,threshold: 200,placeholder:window.conf.IMGURL+'/'+window.conf.GOODS_LOGO});
|
|
$('.apprimg').lazyload({ effect: "fadeIn",failurelimit : 10,skip_invisible : false,threshold: 100,placeholder:window.conf.IMGURL+'/'+window.conf.USER_LOGO});//会员默认头像
|
|
laypage({
|
|
cont: 'pager',
|
|
pages:json.data.TotalPage,
|
|
curr: json.data.CurrentPage,
|
|
skin: '#e23e3d',
|
|
groups: 3,
|
|
jump: function(e, first){
|
|
if(!first){
|
|
queryByPage(e.curr);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function addCart(type,iptId){
|
|
if(window.conf.IS_LOGIN==0){
|
|
WST.loginWindow();
|
|
return;
|
|
}
|
|
var goodsSpecId = 0;
|
|
if(goodsInfo.isSpec==1){
|
|
var specIds = [];
|
|
$('.j-selected').each(function(){
|
|
specIds.push($(this).attr('data-val'));
|
|
});
|
|
|
|
if(specIds.length==0){
|
|
WST.msg('请选择你要购买的商品信息',{icon:2});
|
|
}
|
|
specIds.sort(function(a,b){return a-b});
|
|
if(goodsInfo.sku[specIds.join(':')]){
|
|
goodsSpecId = goodsInfo.sku[specIds.join(':')].id;
|
|
}
|
|
}
|
|
var buyNum = $(iptId)[0]?$(iptId).val():1;
|
|
$.post(WST.U('home/carts/addCart'),{goodsId:goodsInfo.id,goodsSpecId:goodsSpecId,buyNum:buyNum,type:type,rnd:Math.random()},function(data,textStatus){
|
|
var json = WST.toJson(data);
|
|
if(json.status==1){
|
|
WST.msg(json.msg,{icon:1},function(){
|
|
if(json.data && json.data.forward){
|
|
location.href=WST.U('home/carts/'+json.data.forward);
|
|
}else{
|
|
if(type==1){
|
|
location.href=WST.U('home/carts/settlement');
|
|
}
|
|
}
|
|
});
|
|
getRightCart();
|
|
}else{
|
|
WST.msg(json.msg,{icon:2});
|
|
}
|
|
});
|
|
}
|
|
/******************* 商品咨询 ********************/
|
|
|
|
// 提交商品咨询
|
|
function consultCommit(){
|
|
var params={};
|
|
params.goodsId = goodsInfo.id;
|
|
$('[name="pointType"]').each(function(k,v){
|
|
if(v.checked){params.consultType = v.value}
|
|
})
|
|
if(!params.consultType){
|
|
WST.msg('请选择咨询类别',{icon:2});
|
|
return;
|
|
}
|
|
params.consultContent = $('#consultContent').val();
|
|
if(params.consultContent == ''){
|
|
WST.msg('请输入咨询内容',{icon:2});
|
|
return;
|
|
}
|
|
if(params.consultContent.length<3 || params.consultContent.length>200){
|
|
WST.msg('咨询内容应为3-200个字',{icon:2});
|
|
return;
|
|
}
|
|
var load = WST.load({msg:'正在提交，请稍后...'});
|
|
$.post(WST.U('home/goodsconsult/add'),params,function(responData){
|
|
layer.close(load);
|
|
var json = WST.toJson(responData);
|
|
if(json.status==1){
|
|
// 发布成功
|
|
WST.msg(json.msg,{icon:1},function(){
|
|
// 重置咨询输入框
|
|
$('[name="pointType"]').map(function(k,v){v.checked=false;});
|
|
$('#consultContent').val(' ');
|
|
queryConsult(0);
|
|
});
|
|
}else{
|
|
WST.msg(json.msg,{icon:2});
|
|
}
|
|
})
|
|
}
|
|
function queryConsult(p){
|
|
var params = {};
|
|
params.page = p;
|
|
params.goodsId = goodsInfo.id;
|
|
params.type = $('#consultType').val();
|
|
params.consultKey = $('#consultKey').val();
|
|
$.post(WST.U('home/goodsconsult/listquery'),params,function(data,textStatus){
|
|
var json = WST.toJson(data);
|
|
if(json.status==1 && json.data.Rows){
|
|
var gettpl = document.getElementById('gclist').innerHTML;
|
|
laytpl(gettpl).render(json.data.Rows, function(html){
|
|
$('#consultBox').html(html);
|
|
});
|
|
laypage({
|
|
cont: 'consult-pager',
|
|
pages:json.data.TotalPage,
|
|
curr: json.data.CurrentPage,
|
|
skin: '#e23e3d',
|
|
groups: 3,
|
|
jump: function(e, first){
|
|
if(!first){
|
|
queryConsult(e.curr);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
//筛选咨询类别
|
|
function filterConsult(obj, type){
|
|
$('.gc-filter').each(function(k,v){
|
|
$(v).removeClass('curr');
|
|
})
|
|
$(obj).addClass('curr');
|
|
$('#consultType').val(type);
|
|
queryConsult(0);
|
|
}
|
|
//对比商品
|
|
function contrastGoods(show,id,type){
|
|
if(show==1){
|
|
$.post(WST.U('home/goods/contrastGoods'),{id:id},function(data,textStatus){
|
|
var json = WST.toJson(data);
|
|
if(json.status==1){
|
|
if(type==2 && json.data)$("#j-cont-frame").addClass('show');
|
|
var gettpl = document.getElementById('colist').innerHTML;
|
|
laytpl(gettpl).render(json, function(html){
|
|
$('#contrastList').html(html);
|
|
});
|
|
$('.contImg').lazyload({ effect: "fadeIn",failurelimit : 10,skip_invisible : false,threshold: 200,placeholder:window.conf.IMGURL+'/'+window.conf.GOODS_LOGO});//商品默认图片
|
|
}else{
|
|
WST.msg(json.msg,{icon:2});
|
|
}
|
|
if(type==1)$("#j-cont-frame").addClass('show');
|
|
});
|
|
}else{
|
|
$("#j-cont-frame").removeClass('show');
|
|
}
|
|
}
|
|
//删除
|
|
function contrastDel(id){
|
|
$.post(WST.U('home/goods/contrastDel'),{id:id},function(data,textStatus){
|
|
var json = WST.toJson(data);
|
|
if(json.status==1){
|
|
contrastGoods(1,0,1);
|
|
}
|
|
});
|
|
}
|
|
function informs($goodsId){
|
|
if(window.conf.IS_LOGIN==0){
|
|
WST.loginWindow();
|
|
return;
|
|
}
|
|
location.href=WST.U("home/informs/inform",'id='+$goodsId);
|
|
}
|