821 lines
36 KiB
HTML
821 lines
36 KiB
HTML
|
|
|||
|
|
<!--选择属性的弹窗-s-->
|
|||
|
|
<input type="hidden" name="goods_id" value="{$goods.goods_id}"><!-- 商品id -->
|
|||
|
|
<input type="hidden" name="activity_is_on" value="{$goods.activity_is_on}"><!-- 活动是否进行中 -->
|
|||
|
|
<input type="hidden" name="goods_prom_type" value="{$goods.prom_type}"/><!-- 活动类型 -->
|
|||
|
|
<input type="hidden" name="shop_price" value="{$goods.shop_price}"/><!-- 活动价格 -->
|
|||
|
|
<input type="hidden" name="store_count" value="{$goods.store_count}"/><!-- 活动库存 -->
|
|||
|
|
<input type="hidden" name="market_price" value="{$goods.market_price}"/><!-- 商品原价 -->
|
|||
|
|
<input type="hidden" name="start_time" value="{$goods.start_time}"/><!-- 活动开始时间 -->
|
|||
|
|
<input type="hidden" name="end_time" value="{$goods.end_time}"/><!-- 活动结束时间 -->
|
|||
|
|
<input type="hidden" name="activity_title" value="{$goods.activity_title}"/><!-- 活动标题 -->
|
|||
|
|
<input type="hidden" name="item_id" value="{$Request.param.item_id}"/><!-- 商品规格id -->
|
|||
|
|
<input type="hidden" name="prom_id" value="{$goods.prom_id}"/><!-- 活动ID -->
|
|||
|
|
<input type="hidden" name="exchange_integral" value="{$goods.exchange_integral}"/><!-- 积分 -->
|
|||
|
|
<input type="hidden" name="point_rate" value="{$point_rate}"/><!-- 积分兑换比 -->
|
|||
|
|
<input type="hidden" name="is_virtual" value="{$goods.is_virtual}"/><!-- 是否是虚拟商品 -->
|
|||
|
|
<input type="hidden" name="virtual_limit" id="virtual_limit" value="{$goods.virtual_limit|default=0}"/>
|
|||
|
|
<input type="hidden" name="deposit_price" value=""/><!-- 订金 -->
|
|||
|
|
<input type="hidden" name="balance_price" value=""/><!-- 尾款 -->
|
|||
|
|
<input type="hidden" name="ing_amount" value=""/><!-- 已预订了多少 -->
|
|||
|
|
<div class="choose_shop_aready p">
|
|||
|
|
<!--商品信息1-s-->
|
|||
|
|
<div class="shop-top-under p">
|
|||
|
|
<div class="maleri30">
|
|||
|
|
<div class="shopprice">
|
|||
|
|
<div class="img_or fl"><img id="zoomimg" src="{$goods.original_img}"></div>
|
|||
|
|
<div class="fon_or fl">
|
|||
|
|
<h2 class="similar-product-text">{$goods.goods_name}</h2>
|
|||
|
|
<input type="hidden" id="goods_name" name="goods_id" value="{$goods.goods_id}">
|
|||
|
|
<div class="price_or" id="goods_price"><span>￥</span><span>{$goods.shop_price}</span></div>
|
|||
|
|
<div class="dqkc_or"><span>剩余库存：</span><span id="spec_store_count">{$goods.store_count}</span></div>
|
|||
|
|
<div class="dqkc_or buy_limit" style="display: none"><span>限购：</span><span id="buy_limit">{$goods.virtual_limit}</span></div>
|
|||
|
|
<div class="price_or team-pies p" style="display: none"><span class="confinetime">该商品拼团中</span><a class="pb_buy team_button">点击前往</a></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="price_or fr">
|
|||
|
|
<i class="xxgro"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--商品信息-e-->
|
|||
|
|
<div class="shop-top-under p">
|
|||
|
|
<div class="maleri30">
|
|||
|
|
<div class="shulges p">
|
|||
|
|
<p>数量</p>
|
|||
|
|
<!--选择数量-->
|
|||
|
|
<div class="plus">
|
|||
|
|
<span class="mp_minous" onclick="altergoodsnum(-1);">-</span>
|
|||
|
|
<span class="mp_mp">
|
|||
|
|
<input type="tel" class="num buyNum" id="number" residuenum="{$goods.store_count}" name="goods_num" value="1" min="1" max="{$goods.store_count}" onblur="altergoodsnum(0)">
|
|||
|
|
</span>
|
|||
|
|
<span class="mp_plus" onclick="altergoodsnum(1);">+</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<if condition="$filter_spec neq ''">
|
|||
|
|
<foreach item="spec" key="key" name="filter_spec">
|
|||
|
|
<div class="shulges p choicsel" >
|
|||
|
|
<p>{$key}</p>
|
|||
|
|
<!-------商品属性值-s------->
|
|||
|
|
<foreach name="spec" item="v2" key="k2">
|
|||
|
|
<div class="plus choic-sel">
|
|||
|
|
<a id="goods_spec_a_{$v2[item_id]}" title="{$v2[item]}"
|
|||
|
|
onclick="switch_spec(this); <if condition="!empty($v2['src'])" >$('#zoomimg').attr('src','{$v2[src]}');</if>">
|
|||
|
|
<input id="goods_spec_{$v2[item_id]}" type="radio" style="display:none;" name="goods_spec[{$key}]" value="{$v2[item_id]}"/>{$v2[item]}</a>
|
|||
|
|
</div>
|
|||
|
|
</foreach>
|
|||
|
|
<!-------商品属性值-e-------->
|
|||
|
|
</div>
|
|||
|
|
</foreach>
|
|||
|
|
</if>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="btns-fixed-wrap">
|
|||
|
|
<div class="plusshopcar-buy p btns-fixed-w100">
|
|||
|
|
<a id="join_cart" class="pb_buy buy_button" href="javascript:void(0);" style="display: none;">加入购物车</a>
|
|||
|
|
<a id="buy_now" class="pb_buy buy_button" href="javascript:void(0);" style="display: none;">立即购买 </a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--选择属性的弹窗-e-->
|
|||
|
|
<!--添加购物车JS-->
|
|||
|
|
<script type="text/javascript" src="__STATIC__/js/mobile-location.js"></script>
|
|||
|
|
<script src="__PUBLIC__/js/mobile_common.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<include file="public/wx_share"/>
|
|||
|
|
<script>
|
|||
|
|
$('.xxgro').click(function () {
|
|||
|
|
$('.choose_shop_aready').hide();
|
|||
|
|
$('.podee').show();
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
$(function(){
|
|||
|
|
if(isWeiXin()){
|
|||
|
|
$('.contact').attr('href',"tel:{$tpshop_config['shop_info_phone']}");
|
|||
|
|
}else{
|
|||
|
|
$('.contact').attr('href',"mqqwpa://im/chat?chat_type=wpa&uin={$tpshop_config['shop_info_qq']}&version=1&src_type=web&web_src=www.chinesestack.com");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
var commentType = 1;// 默认评论类型
|
|||
|
|
var spec_goods_price = {$spec_goods_price|default='null'};//规格库存价格
|
|||
|
|
var ajax_return_stauts = 1;//规格库存价格
|
|||
|
|
//页面加载后执行
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
//ajax_header_cart();
|
|||
|
|
//ajaxComment(commentType, 1);// ajax 加载评价列表
|
|||
|
|
initSpec();
|
|||
|
|
sel(); //在已选栏中显示默认选择属性，数量
|
|||
|
|
initGoodsPrice();
|
|||
|
|
});
|
|||
|
|
var buy_now = $('#buy_now');
|
|||
|
|
var join_cart = $('#join_cart');
|
|||
|
|
var buy_now_li = $('#buy_now_li');
|
|||
|
|
var join_cart_li = $('#join_cart_li');
|
|||
|
|
function buy_button(){
|
|||
|
|
var is_virtual = $("input[name='is_virtual']").val();//是否是虚拟商品
|
|||
|
|
var exchange_integral = $("input[name='exchange_integral']").val();//是否是为积分商品
|
|||
|
|
var goods_prom_type = $('input[name="goods_prom_type"]').attr('value');//活动商品
|
|||
|
|
var activity_is_on = $('input[name="activity_is_on"]').attr('value'); //活动是否进行中
|
|||
|
|
buy_now.hide();
|
|||
|
|
buy_now_li.hide();
|
|||
|
|
join_cart.hide();
|
|||
|
|
join_cart_li.hide();
|
|||
|
|
|
|||
|
|
if(is_virtual == 1){
|
|||
|
|
buy_now_li.find('.choise_num').html('立即购买');
|
|||
|
|
buy_now_li.width('100%').show();
|
|||
|
|
buy_now.html('立即购买').show();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(exchange_integral > 0){
|
|||
|
|
buy_now_li.find('.choise_num').html('立即兑换');
|
|||
|
|
buy_now_li.width('100%').show();
|
|||
|
|
buy_now.html('立即兑换').show();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(goods_prom_type == 4 && activity_is_on == 1){
|
|||
|
|
buy_now_li.find('.choise_num').html('立即预订');
|
|||
|
|
buy_now_li.width('100%').show();
|
|||
|
|
buy_now.html('立即预订').show();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
buy_now_li.show();
|
|||
|
|
join_cart_li.show();
|
|||
|
|
// buy_now.html('立即购买').show();
|
|||
|
|
// join_cart.show();
|
|||
|
|
|
|||
|
|
//判断是点了购物车还是立即购买
|
|||
|
|
if($('#buy_now').attr('data-id')==1){
|
|||
|
|
buy_now.html('确定').show();
|
|||
|
|
buy_now.width('100%').show();
|
|||
|
|
join_cart.hide();
|
|||
|
|
}else if($('#join_cart').attr('data-id')==1){
|
|||
|
|
buy_now.hide();
|
|||
|
|
join_cart.show();
|
|||
|
|
join_cart.width('100%').show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//购买按钮
|
|||
|
|
$(function () {
|
|||
|
|
//立即购买
|
|||
|
|
$(document).on('click', '#buy_now', function () {
|
|||
|
|
if ($(this).hasClass('buy_bt_disable')) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (getCookie('user_id') == '') {
|
|||
|
|
window.location.href = "{:U('Mobile/User/login')}";
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var is_virtual = $("input[name='is_virtual']").val();//是否是虚拟商品
|
|||
|
|
var exchange_integral = $("input[name='exchange_integral']").val();//是否是积分兑换商品
|
|||
|
|
var goods_id = $("input[name='goods_id']").val();
|
|||
|
|
var store_count = $("input[name='store_count']").attr('value');// 商品原始库存
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").val());
|
|||
|
|
var goods_prom_type = $('input[name="goods_prom_type"]').attr('value');//活动商品
|
|||
|
|
var activity_is_on = $('input[name="activity_is_on"]').attr('value'); //活动是否进行中
|
|||
|
|
var form = $('#buy_goods_form');
|
|||
|
|
if (is_virtual == 1) {
|
|||
|
|
var virtual_limit = parseInt($('#virtual_limit').val());
|
|||
|
|
if ((goods_num <= store_count && goods_num <= virtual_limit) || (goods_num < store_count && virtual_limit == 0)) {
|
|||
|
|
form.attr('action', "{:U('mobile/Cart/cart2',['action'=>'buy_now'])}").submit();
|
|||
|
|
} else {
|
|||
|
|
layer.open({icon: 2, content: "购买数量超过此商品购买上限", time: 2});
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (exchange_integral > 0) {
|
|||
|
|
buyIntegralGoods(goods_id, 1);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(goods_prom_type == 4 && activity_is_on == 1){
|
|||
|
|
form.attr('action', "{:U('mobile/Cart/pre_sell')}").submit();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
//普通流程
|
|||
|
|
if (goods_num <= store_count) {
|
|||
|
|
form.attr('action', "{:U('mobile/Cart/cart2',['action'=>'buy_now'])}").submit();
|
|||
|
|
} else {
|
|||
|
|
layer.open({icon: 2, content: "购买数量超过此商品购买上限", time: 2});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
//加入购物车
|
|||
|
|
$('#join_cart').click(function(){
|
|||
|
|
if ($(this).hasClass('buy_bt_disable')) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var goods_id = $("input[name='goods_id']").val();
|
|||
|
|
AjaxAddCart(goods_id, 1);
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
//有规格id的时候，解析规格id选中规格
|
|||
|
|
function initSpec() {
|
|||
|
|
var item_id = $("input[name='item_id']").val();
|
|||
|
|
if (item_id > 0 && !$.isEmptyObject(spec_goods_price)) {
|
|||
|
|
var item_arr = [];
|
|||
|
|
$.each(spec_goods_price, function (i, o) {
|
|||
|
|
item_arr.push(o.item_id);
|
|||
|
|
})
|
|||
|
|
//规格id不存在商品里
|
|||
|
|
if ($.inArray(parseInt(item_id), item_arr) < 0) {
|
|||
|
|
initFirstSpec();
|
|||
|
|
} else {
|
|||
|
|
$.each(spec_goods_price, function (i, o) {
|
|||
|
|
if (o.item_id == item_id) {
|
|||
|
|
var spec_key_arr = o.key.split("_");
|
|||
|
|
$.each(spec_key_arr, function (index, item) {
|
|||
|
|
var spec_radio = $("#goods_spec_" + item);
|
|||
|
|
var goods_spec_a = $("#goods_spec_a_" + item);
|
|||
|
|
spec_radio.attr("checked", "checked");
|
|||
|
|
goods_spec_a.addClass('red');
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
initFirstSpec();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function initFirstSpec(){
|
|||
|
|
$('.choicsel').each(function (i, o) {
|
|||
|
|
var firstSpecRadio = $(this).find("input[type='radio']").eq(0);
|
|||
|
|
firstSpecRadio.attr('checked','checked');
|
|||
|
|
firstSpecRadio.parents('.choic-sel').find('a').eq(0).addClass('red');
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//初始化商品价格库存
|
|||
|
|
function initGoodsPrice() {
|
|||
|
|
var goods_id = $('input[name="goods_id"]').val();
|
|||
|
|
var goods_num = parseInt($('#number').val());
|
|||
|
|
if (!$.isEmptyObject(spec_goods_price)) {
|
|||
|
|
var goods_spec_arr = [];
|
|||
|
|
$("input[name^='goods_spec']").each(function () {
|
|||
|
|
if($(this).attr('checked') == 'checked'){
|
|||
|
|
goods_spec_arr.push($(this).val());
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var spec_key = goods_spec_arr.sort(sortNumber).join('_'); //排序后组合成 key
|
|||
|
|
if (spec_goods_price[spec_key] != undefined){
|
|||
|
|
var item_id = spec_goods_price[spec_key]['item_id'];
|
|||
|
|
$('input[name=item_id]').val(item_id);
|
|||
|
|
}else{
|
|||
|
|
$(".goods_price").html(0); //变动价格显示
|
|||
|
|
$('.spec_store_count').html(0);
|
|||
|
|
$("#goods_price").html(0); //变动价格显示
|
|||
|
|
$("#price").html(0); //变动价格显示
|
|||
|
|
$('#spec_store_count').html(0);
|
|||
|
|
$('.buy_button').addClass('buy_bt_disable');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {goods_id: goods_id, item_id: item_id, goods_num : goods_num},
|
|||
|
|
url: "{:U('Mobile/Goods/activity')}",
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
$('input[name="goods_prom_type"]').attr('value', data.result.goods.prom_type);//商品活动类型
|
|||
|
|
$('input[name="shop_price"]').attr('value', data.result.goods.shop_price);//商品价格
|
|||
|
|
$('input[name="store_count"]').attr('value', data.result.goods.store_count);//商品库存
|
|||
|
|
$('input[name="market_price"]').attr('value', data.result.goods.market_price);//商品原价
|
|||
|
|
$('input[name="start_time"]').attr('value', data.result.goods.start_time);//活动开始时间
|
|||
|
|
$('input[name="end_time"]').attr('value', data.result.goods.end_time);//活动结束时间
|
|||
|
|
$('input[name="activity_title"]').attr('value', data.result.goods.activity_title);//活动标题
|
|||
|
|
$('input[name="prom_detail"]').attr('value', data.result.goods.prom_detail);//促销详情
|
|||
|
|
$('input[name="buy_limit"]').attr('value', data.result.goods.buy_limit);//促销详情
|
|||
|
|
$('input[name="activity_is_on"]').attr('value', data.result.goods.activity_is_on);//活动是否正在进行中
|
|||
|
|
$('input[name="prom_id"]').attr('value', data.result.goods.prom_id);//活动Id
|
|||
|
|
$('input[name="deposit_price"]').attr('value', data.result.goods.deposit_price);//订金
|
|||
|
|
$('input[name="balance_price"]').attr('value', data.result.goods.balance_price);//尾款
|
|||
|
|
$('input[name="ing_amount"]').attr('value', data.result.goods.ing_amount);//已预订了多少个
|
|||
|
|
$('#market_price').html(data.result.goods.market_price);
|
|||
|
|
if(data.result.goods.is_virtual){
|
|||
|
|
$('.buy_limit').show();
|
|||
|
|
}else{
|
|||
|
|
$('.buy_limit').hide();
|
|||
|
|
}
|
|||
|
|
goods_activity_theme();
|
|||
|
|
buy_button();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//点击收藏商品
|
|||
|
|
function collect_goods(goods_id){
|
|||
|
|
$.ajax({
|
|||
|
|
type : "GET",
|
|||
|
|
dataType: "json",
|
|||
|
|
url:"/index.php?m=mobile&c=goods&a=collect_goods",//+tab,
|
|||
|
|
data: {goods_id:goods_id},
|
|||
|
|
success: function(data){
|
|||
|
|
layer.open({content:data.msg, time:2});
|
|||
|
|
if(data.status == 1){
|
|||
|
|
//收藏点亮
|
|||
|
|
$('.de_font .keep').find('i').addClass('red');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//将选择的属性添加到已选
|
|||
|
|
function sel() {
|
|||
|
|
var residuenum = parseInt($('.buyNum').attr('residuenum'));
|
|||
|
|
var title = '';
|
|||
|
|
$('.choicsel').find('a').each(function (i, o) { //获取已选择的属性，规格
|
|||
|
|
if ($(o).hasClass('red')) {
|
|||
|
|
title += $(o).attr('title') + ' ';
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
var num = $('.buyNum').val();
|
|||
|
|
if (num > residuenum) {
|
|||
|
|
num = residuenum;
|
|||
|
|
}
|
|||
|
|
var sel = title + ' ' + num + '件';
|
|||
|
|
$('.sel').html(sel);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
// 内部导航随鼠标滑动显示隐藏
|
|||
|
|
var h1 = $('.detail').height();
|
|||
|
|
var h2 = $('.detail').height() + $('.spxq-ggcs').height();
|
|||
|
|
var ss = $(document).scrollTop();//上一次滚轮的高度
|
|||
|
|
$(window).scroll(function(){
|
|||
|
|
var s = $(document).scrollTop();////本次滚轮的高度
|
|||
|
|
if(s< h1){
|
|||
|
|
$('.spxq-ggcs').removeClass('po-fi');
|
|||
|
|
}if(s > h1){
|
|||
|
|
$('.spxq-ggcs').addClass('po-fi');
|
|||
|
|
}if(s > h2){
|
|||
|
|
$('.spxq-ggcs').addClass('gizle');
|
|||
|
|
if(s > ss){
|
|||
|
|
$('.spxq-ggcs').removeClass('sabit');
|
|||
|
|
}else{
|
|||
|
|
$('.spxq-ggcs').addClass('sabit');
|
|||
|
|
}
|
|||
|
|
ss = s;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
//评论
|
|||
|
|
$('.tbv').click(function(){
|
|||
|
|
$('.xq_details').eq(0).hide();
|
|||
|
|
$('.xq_details').eq(2).show();
|
|||
|
|
$('html,body').animate({'scrollTop':0},600)
|
|||
|
|
$('.detail').find('.center').find('span').eq(2).addClass('sxp');
|
|||
|
|
$('.detail').find('.center').find('span').eq(0).removeClass('sxp');
|
|||
|
|
$('.gizle').show();
|
|||
|
|
})
|
|||
|
|
/**
|
|||
|
|
* 已选
|
|||
|
|
*/
|
|||
|
|
$('.choise_num').click(function () {
|
|||
|
|
var id = $(this).parent().attr('id');
|
|||
|
|
//设置是点了购物车还是立即购买
|
|||
|
|
if(id == 'buy_now_li'){
|
|||
|
|
$('#buy_now').text('确定');
|
|||
|
|
$('#buy_now').width('100%').show();
|
|||
|
|
$('#buy_now').attr('data-id',1);
|
|||
|
|
$('#join_cart').attr('data-id',0);
|
|||
|
|
$('#join_cart').hide();
|
|||
|
|
}else if(id == 'join_cart_li'){
|
|||
|
|
$('#join_cart').text('确定');
|
|||
|
|
$('#join_cart').width('100%').show();
|
|||
|
|
$('#buy_now').hide();
|
|||
|
|
$('#buy_now').attr('data-id',0);
|
|||
|
|
$('#join_cart').attr('data-id',1);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
cover();
|
|||
|
|
$('.choose_shop_aready').show();
|
|||
|
|
$('.podee').hide();
|
|||
|
|
initGoodsPrice() //初始化，避免不可用的规格显示可用
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//关闭属性选择
|
|||
|
|
$('.xxgro').click(function () {
|
|||
|
|
undercover();
|
|||
|
|
$('.choose_shop_aready').hide();
|
|||
|
|
$('.podee').show();
|
|||
|
|
sel();
|
|||
|
|
})
|
|||
|
|
/**
|
|||
|
|
* 规格选择
|
|||
|
|
*/
|
|||
|
|
$('.choic-sel a').click(function(){
|
|||
|
|
//切换选择
|
|||
|
|
$(this).addClass('red').parent().siblings().find('a').removeClass('red');
|
|||
|
|
//获取搭配购
|
|||
|
|
getCombination();
|
|||
|
|
});
|
|||
|
|
/**
|
|||
|
|
* 顶部导航切换
|
|||
|
|
*/
|
|||
|
|
$(document).on('click','.detail .search span',function(){
|
|||
|
|
$(this).addClass('sxp').siblings().removeClass('sxp');
|
|||
|
|
var a = $('.detail .search span').index(this);
|
|||
|
|
$('.xq_details').eq(a).show().siblings('.xq_details').hide();
|
|||
|
|
$('.xq_details').eq(2).show();
|
|||
|
|
if($('.detail .search span').eq(2).hasClass('sxp')){
|
|||
|
|
$('.comment_de').show();
|
|||
|
|
}else{
|
|||
|
|
$('.comment_de').hide();
|
|||
|
|
}
|
|||
|
|
if($('.detail .search span').eq(1).hasClass('sxp')){
|
|||
|
|
$('.tab-con-wrapper').hide();
|
|||
|
|
$('.comment_con').hide();
|
|||
|
|
}else{
|
|||
|
|
$('.tab-con-wrapper').show();
|
|||
|
|
$('.comment_con').show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
/**
|
|||
|
|
* 内部导航切换
|
|||
|
|
*/
|
|||
|
|
$('.spxq-ggcs ul li').click(function(){
|
|||
|
|
$(this).addClass('red').siblings().removeClass('red');
|
|||
|
|
var sg = $('.spxq-ggcs ul li').index(this);
|
|||
|
|
$('.sg').eq(sg).show().siblings('.sg').hide();
|
|||
|
|
var $commentType= $(this).children('span').attr('ctype');
|
|||
|
|
//切换到评论按钮才加载评论列表
|
|||
|
|
if($('.detail .search span').eq(2).hasClass('sxp')){
|
|||
|
|
ajaxComment($commentType,1);// ajax 加载评价列表
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
//查看商品详情
|
|||
|
|
function seedeadei(obj){
|
|||
|
|
$('.xq_details').eq(1).show(); //显示详情
|
|||
|
|
$('.xq_details').eq(0).hide();
|
|||
|
|
$('.xq_details').eq(2).hide();
|
|||
|
|
$(obj).parent('div').hide();
|
|||
|
|
$('body').animate({'scrollTop': 0}, 0);
|
|||
|
|
$('#topcenter').html('<span>图文详情</span>');
|
|||
|
|
$('.detail').find('.center').find('span').eq(1).addClass('sxp');
|
|||
|
|
$('.detail').find('.center').find('span').eq(0).removeClass('sxp');
|
|||
|
|
$('#topup').attr('onclick',"topup()");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//详情下的返回按钮
|
|||
|
|
function topup(){
|
|||
|
|
$('.xq_details').eq(0).show(); //显示详情
|
|||
|
|
$('.xq_details').eq(1).hide();
|
|||
|
|
$('.xq_details').eq(2).show();
|
|||
|
|
$('#seedetail').show();
|
|||
|
|
$('html,body').animate({'scrollTop':0},600)
|
|||
|
|
$('#topcenter').html('<span class="sxp">商品</span><span>详情</span><span>评论</span>');
|
|||
|
|
$('#topup').attr('onclick',"$('html,body').animate({'scrollTop':0},600)");
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 加载更多评论
|
|||
|
|
*/
|
|||
|
|
function ajaxComment(commentType,page){
|
|||
|
|
$.ajax({
|
|||
|
|
type : "GET",
|
|||
|
|
url:"/index.php?m=Mobile&c=goods&a=ajaxComment&goods_id={$goods['goods_id']}&commentType="+commentType+"&p="+page,//+tab,
|
|||
|
|
success: function(data){
|
|||
|
|
$(".my_comment_list").empty().append(data);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//切换规格
|
|||
|
|
function switch_spec(spec) {
|
|||
|
|
$(spec).siblings().removeClass('hover');
|
|||
|
|
$(spec).addClass('hover');
|
|||
|
|
$(spec).parent().parent().find('input').removeAttr('checked');
|
|||
|
|
$(spec).children('input').attr('checked', 'checked');
|
|||
|
|
$('.team-pies').hide();
|
|||
|
|
//商品价格库存显示
|
|||
|
|
initGoodsPrice();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//商品价格库存显示
|
|||
|
|
function goods_activity_theme(){
|
|||
|
|
ajaxDispatching();
|
|||
|
|
var goods_prom_type = parseInt($('input[name="goods_prom_type"]').attr('value'));
|
|||
|
|
var activity_is_on = $('input[name="activity_is_on"]').attr('value');
|
|||
|
|
if(activity_is_on == 0){
|
|||
|
|
setNormalGoodsPrice();
|
|||
|
|
}else {
|
|||
|
|
switch (goods_prom_type) {
|
|||
|
|
case 1:
|
|||
|
|
//抢购
|
|||
|
|
setFlashSaleGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
//团购
|
|||
|
|
setGroupByGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
//优惠促销
|
|||
|
|
setPromGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
case 4:
|
|||
|
|
//预售
|
|||
|
|
setPreSellGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
case 6:
|
|||
|
|
$('.team-pies').show();
|
|||
|
|
var prom_id = $('input[name="prom_id"]').attr('value');
|
|||
|
|
var goods_id = $('input[name="goods_id"]').attr('value');
|
|||
|
|
$('.team_button').attr('href',"/index.php?m=Mobile&c=Team&a=info&team_id="+prom_id+"&goods_id="+goods_id);
|
|||
|
|
setNormalGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
//普通商品
|
|||
|
|
setNormalGoodsPrice();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var buy_num = parseInt($('#number').val());//购买数
|
|||
|
|
var store = $('#spec_store_count').html();//实际库存数量
|
|||
|
|
$('#number').attr('residuenum',store);
|
|||
|
|
// if(store<=0){
|
|||
|
|
// $('.buy_button').addClass('buy_bt_disable');
|
|||
|
|
// }else{
|
|||
|
|
// $('.buy_button').removeClass('buy_bt_disable');
|
|||
|
|
// // $('.buy_button').addClass('buy_bt_disable');
|
|||
|
|
// }
|
|||
|
|
if(buy_num > store){
|
|||
|
|
$('.buyNum').val(store);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//普通商品库存和价格
|
|||
|
|
function setNormalGoodsPrice() {
|
|||
|
|
var goods_price = $("input[name='shop_price']").attr('value');// 商品本店价
|
|||
|
|
var market_price = $("input[name='market_price']").attr('value');// 商品市场价
|
|||
|
|
var store_count = $("input[name='store_count']").attr('value');// 商品库存
|
|||
|
|
var exchange_integral = $("input[name='exchange_integral']").attr('value');// 兑换积分
|
|||
|
|
var point_rate = $("input[name='point_rate']").attr('value');// 积分金额比
|
|||
|
|
// 如果有属性选择项
|
|||
|
|
if (!$.isEmptyObject(spec_goods_price) && spec_goods_price != '') {
|
|||
|
|
var goods_spec_arr = [];
|
|||
|
|
$("input[name^='goods_spec']").each(function () {
|
|||
|
|
if($(this).attr('checked') == 'checked'){
|
|||
|
|
goods_spec_arr.push($(this).val());
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var spec_key = goods_spec_arr.sort(sortNumber).join('_'); //排序后组合成 key
|
|||
|
|
goods_price = spec_goods_price[spec_key]['price']; // 找到对应规格的价格
|
|||
|
|
store_count = spec_goods_price[spec_key]['store_count']; // 找到对应规格的库存
|
|||
|
|
}
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").attr('value'));
|
|||
|
|
if (goods_num > store_count) {
|
|||
|
|
goods_num = store_count;
|
|||
|
|
$("#goods_num").val(goods_num);
|
|||
|
|
}
|
|||
|
|
var integral = round(goods_price - (exchange_integral / point_rate),2);
|
|||
|
|
if(exchange_integral > 0){
|
|||
|
|
$("#goods_price").html(integral + '+' +exchange_integral + '积分'); //变动价格显示
|
|||
|
|
$("#price").html("<em>￥</em>" + integral + '+' +exchange_integral + '积分'); //积分显示
|
|||
|
|
}else{
|
|||
|
|
$("#goods_price").html(goods_price); //变动价格显示
|
|||
|
|
$("#price").html("<em>￥</em>" + goods_price); //变动价格显示
|
|||
|
|
}
|
|||
|
|
$('#market_price_title').html('市场价：');
|
|||
|
|
$('#spec_store_count').html(store_count);
|
|||
|
|
$('#number').attr('max', store_count);
|
|||
|
|
$('.spec_store_count').html(store_count);
|
|||
|
|
$('.presale-time').hide();
|
|||
|
|
}
|
|||
|
|
//预售商品库存和价格
|
|||
|
|
function setPreSellGoodsPrice(){
|
|||
|
|
var pre_sale_price = $("input[name='shop_price']").attr('value');//预售价
|
|||
|
|
var pre_sale_count = $("input[name='store_count']").attr('value');//预售库存
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").attr('value'));
|
|||
|
|
var deposit_price = $("input[name='deposit_price']").attr('value');
|
|||
|
|
var balance_price = $("input[name='balance_price']").attr('value');
|
|||
|
|
var market_price = $("input[name='market_price']").attr('value');
|
|||
|
|
if (goods_num > pre_sale_count) {
|
|||
|
|
goods_num = pre_sale_count;
|
|||
|
|
$("#goods_num").val(goods_num);
|
|||
|
|
}
|
|||
|
|
$('#number').attr('max', pre_sale_count);
|
|||
|
|
$("#goods_price").html(pre_sale_price); //变动价格显示
|
|||
|
|
$("#price").html("预售价￥" + pre_sale_price); //变动价格显示
|
|||
|
|
$('#market_price_title').html('原价：');
|
|||
|
|
$('#activity_type').html('预售');
|
|||
|
|
$('#spec_store_count').html(pre_sale_count);
|
|||
|
|
$('.spec_store_count').html(pre_sale_count);
|
|||
|
|
$('.presale-time').show();
|
|||
|
|
$('#deposit_price').html('￥'+deposit_price);
|
|||
|
|
$('#balance_price').html('￥'+balance_price);
|
|||
|
|
$('#market_price').empty().html(market_price);
|
|||
|
|
setInterval(activityTime, 1000);
|
|||
|
|
}
|
|||
|
|
//团购商品库存和价格
|
|||
|
|
function setFlashSaleGoodsPrice() {
|
|||
|
|
var flash_sale_price = $("input[name='shop_price']").attr('value');
|
|||
|
|
var flash_sale_count = $("input[name='store_count']").attr('value');
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").attr('value'));
|
|||
|
|
var buy_limit = parseInt($("input[name='buy_limit']").attr('value'));
|
|||
|
|
if (goods_num > flash_sale_count) {
|
|||
|
|
goods_num = flash_sale_count;
|
|||
|
|
// layer.open({content:'库存仅剩 ' + flash_sale_count + ' 件',time: 2});
|
|||
|
|
$("#goods_num").val(goods_num);
|
|||
|
|
}
|
|||
|
|
$('#number').attr('max', flash_sale_count);
|
|||
|
|
$("#goods_price").html(flash_sale_price); //变动价格显示
|
|||
|
|
$("#price").html("抢购价￥" + flash_sale_price); //变动价格显示
|
|||
|
|
$('#market_price_title').html('原价：');
|
|||
|
|
$('#activity_type').html('限时抢购');
|
|||
|
|
$('#spec_store_count').html(flash_sale_count);
|
|||
|
|
$('.spec_store_count').html(flash_sale_count);
|
|||
|
|
$('#buy_limit').html(buy_limit).show();
|
|||
|
|
$('.presale-time').show();
|
|||
|
|
setInterval(activityTime, 1000);
|
|||
|
|
}
|
|||
|
|
//秒杀商品库存和价格
|
|||
|
|
function setGroupByGoodsPrice() {
|
|||
|
|
var group_by_price = $("input[name='shop_price']").attr('value');
|
|||
|
|
var group_by_count = $("input[name='store_count']").attr('value');
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").attr('value'));
|
|||
|
|
if (goods_num > group_by_count) {
|
|||
|
|
goods_num = group_by_count;
|
|||
|
|
// layer.open({content:'库存仅剩 ' + group_by_count + ' 件',time: 2});
|
|||
|
|
$("#goods_num").val(goods_num);
|
|||
|
|
}
|
|||
|
|
$('#number').attr('max', group_by_count);
|
|||
|
|
$("#goods_price").html(group_by_price); //变动价格显示
|
|||
|
|
$("#price").html("团购价￥" + group_by_price); //变动价格显示
|
|||
|
|
$('#market_price_title').html('原价：');
|
|||
|
|
$('#activity_type').html('限时团购');
|
|||
|
|
$('#spec_store_count').html(group_by_count);
|
|||
|
|
$('.spec_store_count').html(group_by_count);
|
|||
|
|
$('.presale-time').show();
|
|||
|
|
setInterval(activityTime, 1000);
|
|||
|
|
}
|
|||
|
|
//秒杀商品库存和价格
|
|||
|
|
function setPromGoodsPrice() {
|
|||
|
|
var prom_goods_price = $("input[name='shop_price']").attr('value');
|
|||
|
|
var prom_goods_count = $("input[name='store_count']").attr('value');
|
|||
|
|
var goods_num = parseInt($("input[name='goods_num']").attr('value'));
|
|||
|
|
if (goods_num > prom_goods_count) {
|
|||
|
|
goods_num = prom_goods_count;
|
|||
|
|
// layer.open({content:'库存仅剩 ' + prom_goods_count + ' 件',time: 2});
|
|||
|
|
$("#goods_num").val(goods_num);
|
|||
|
|
}
|
|||
|
|
$('#number').attr('max', prom_goods_count);
|
|||
|
|
$("#goods_price").html(prom_goods_price); //变动价格显示
|
|||
|
|
$("#price").html("促销价￥" + prom_goods_price); //变动价格显示
|
|||
|
|
$('#market_price_title').html('原价：');
|
|||
|
|
$('#activity_type').html('促销');
|
|||
|
|
$('#spec_store_count').html(prom_goods_count);
|
|||
|
|
$('.spec_store_count').html(prom_goods_count);
|
|||
|
|
$('.presale-time').show();
|
|||
|
|
setInterval(activityTime, 1000);
|
|||
|
|
}
|
|||
|
|
// 倒计时
|
|||
|
|
function activityTime() {
|
|||
|
|
var end_time = parseInt($("input[name='end_time']").attr('value'));
|
|||
|
|
var timestamp = Date.parse(new Date());
|
|||
|
|
var now = timestamp/1000;
|
|||
|
|
var end_time_date = formatDate(end_time*1000);
|
|||
|
|
var text = GetRTime(end_time_date);
|
|||
|
|
//活动时间到了就刷新页面重新载入
|
|||
|
|
if(now > end_time){
|
|||
|
|
layer.open({content:'该商品活动已结束',time: 2});
|
|||
|
|
location.reload();
|
|||
|
|
}
|
|||
|
|
$("#overTime").text(text);
|
|||
|
|
}
|
|||
|
|
//时间戳转换
|
|||
|
|
function add0(m){return m<10?'0'+m:m }
|
|||
|
|
function formatDate(now) {
|
|||
|
|
var time = new Date(now);
|
|||
|
|
var y = time.getFullYear();
|
|||
|
|
var m = time.getMonth()+1;
|
|||
|
|
var d = time.getDate();
|
|||
|
|
var h = time.getHours();
|
|||
|
|
var mm = time.getMinutes();
|
|||
|
|
var s = time.getSeconds();
|
|||
|
|
return y+'/'+add0(m)+'/'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function sortNumber(a,b)
|
|||
|
|
{
|
|||
|
|
return a - b;
|
|||
|
|
}
|
|||
|
|
//运费
|
|||
|
|
$(function(){
|
|||
|
|
$('.remain').click(function(){
|
|||
|
|
$('#balance').toggle(300);
|
|||
|
|
})
|
|||
|
|
$('#balance').on('click','a',function(){
|
|||
|
|
$('#shipping_freight').text($(this).find('span').text());
|
|||
|
|
$('#balance').toggle(300);
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
/**
|
|||
|
|
* 点赞ajax
|
|||
|
|
* dyr
|
|||
|
|
* @param obj
|
|||
|
|
*/
|
|||
|
|
function zan(obj) {
|
|||
|
|
if(ajax_return_stauts = 0){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
ajax_return_stauts = 0;
|
|||
|
|
var user_id = getCookie('user_id');
|
|||
|
|
if (user_id == '') {
|
|||
|
|
ajax_return_stauts = 1
|
|||
|
|
layer.open({content:'请先登录',time:2});
|
|||
|
|
return ;
|
|||
|
|
}
|
|||
|
|
var comment_id = $(obj).attr('data-comment-id');
|
|||
|
|
var zan_num = parseInt($("#span_zan_" + comment_id).text());
|
|||
|
|
$.ajax({
|
|||
|
|
type: "POST",
|
|||
|
|
data: {comment_id: comment_id},
|
|||
|
|
dataType: 'json',
|
|||
|
|
url: "/index.php?m=Mobile&c=Order&a=ajaxZan",
|
|||
|
|
success: function (data) {
|
|||
|
|
ajax_return_stauts = 1
|
|||
|
|
if (data.status==1) {
|
|||
|
|
layer.open({content:data.msg,time:2});
|
|||
|
|
$("#span_zan_" + comment_id).text(zan_num + 1);
|
|||
|
|
$('#'+comment_id).find('.like').addClass('like_ani'); //显示点赞效果
|
|||
|
|
$('#'+comment_id).find('.btn-like-icon').addClass('like-red');
|
|||
|
|
} else {
|
|||
|
|
$('.alert').show(200);
|
|||
|
|
$('.alert').animate({opacity:"1"},600,hde());
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error : function(data) {
|
|||
|
|
ajax_return_stauts = 1
|
|||
|
|
if( data.status == "200"){ // 兼容调试时301/302重定向导致触发error的问题
|
|||
|
|
layer.open({content:'请先登录!',time:2})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
layer.open({content:'请求失败!',time:2})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取搭配购商品
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
$(document).ready(function () {
|
|||
|
|
getCombination();
|
|||
|
|
});
|
|||
|
|
function getCombination() {
|
|||
|
|
var goods_id = parseInt($("input[name='goods_id']").val());
|
|||
|
|
var item_id = $("input[name='item_id']").val();
|
|||
|
|
var url = "/index.php?m=Home&c=Goods&a=combination";
|
|||
|
|
$.ajax({
|
|||
|
|
type: "Post",
|
|||
|
|
url: url,
|
|||
|
|
data: {goods_id: goods_id, item_id: item_id},
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.status == 1) {
|
|||
|
|
var str = combinationHtml(data.result)
|
|||
|
|
if(data.result.length>0){
|
|||
|
|
$('#Combination-list-ul').html(str);
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
$('#Combination-list-ul').children().remove();
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
$(".Combination-list ul").css("width",$(".Combination-list ul li").length*10.5+"rem");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function combinationHtml(result) {
|
|||
|
|
var html = '<div class="Combination-heads">' +
|
|||
|
|
'<h3>热门搭配</h3>' +
|
|||
|
|
'</div><div class="Combination-list"><ul class="p" id="Combination-list-ul">';
|
|||
|
|
$.each(result, function (i, o) {
|
|||
|
|
var price = (o.combination_goods[0]["original_price"] - o.combination_goods[0]["price"]).toFixed(2);
|
|||
|
|
var count_price = (o.count_price).toFixed(2);
|
|||
|
|
var img = o.combination_goods[0]["original_img"]?o.combination_goods[0]["original_img"]:"/public/images/icon_goods_thumb_empty_300.png";
|
|||
|
|
var url = '?id='+o.combination_goods[0]["goods_id"]+'&item='+o.combination_goods[0]["item_id"]+'&combination='+o.combination_id;
|
|||
|
|
var goods_id= o.combination_goods[0]["goods_id"];
|
|||
|
|
var item= o.combination_goods[0]["item_id"];
|
|||
|
|
var combination= o.combination_id;
|
|||
|
|
html += '<li class="fl"><a onclick="combinationCurl('+goods_id+','+item+','+combination+')" class="p">' +
|
|||
|
|
'<div class="Combination-right-i"></div><div class="Combination-left-img fl">' +
|
|||
|
|
'<img src="'+img+'" style="width: 100%" /></div><div class="fr Combination-rigth"><div class="Combination-names">'+o.combination_goods[0]["goods_name"]+'</div>' +
|
|||
|
|
'<div class="Combination-prices">￥：<span>'+o.combination_goods[0]["price"]+'</span></div>' +
|
|||
|
|
'<div class="Combination-dev">省￥：<span>'+count_price+'</span></div></div></a></li>';
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
html +='</ul></div>';
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function combinationCurl(goods_id,item,combination_id) {
|
|||
|
|
var url = '?id='+goods_id+'&item='+item+'&combination='+combination_id+'&district_id='+getCookieByName('district_id');
|
|||
|
|
location.href = "{:U('Goods/collocation_details')}"+url;
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|