Files
littleTiger/template/pc/rainbow/goods/goodsInfo.html

1086 lines
52 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{$goods.goods_name}-{$tpshop_config['shop_info_store_name']}</title>
<meta name="keywords" content="{$goods.keywords}"/>
<meta name="description" content="{$goods.goods_remark}"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/jquery.jqzoom.css">
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/js/move.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/js/layer/layer-min.js"></script>
<script type="text/javascript" src="__STATIC__/js/jquery.jqzoom.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="__PUBLIC__/js/pc_common.js"></script>
<link rel="stylesheet" href="__STATIC__/css/location.css" type="text/css"><!-- 收货地址,物流运费 -->
<link rel="shortcut icon" type="image/x-icon"
href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}"
media="screen"/>
<link rel="stylesheet" href="http://{$tpshop_config.basic_im_website}/static/test/common/layui/css/layui.css" media="all">
</head>
<body>
<!--header-s-->
<include file="public/header" w="w1224"/>
<!--header-e-->
<div class="search-box p">
<div class="w1224">
<div class="search-path fl">
<volist name="goods['goods_category']['parent_list']" id="category_parent">
<a href="{:U('/Home/Goods/goodsList',array('id'=>$category_parent['id']))}">{$category_parent['name']}</a>
<i class="litt-xyb"></i>
</volist>
<a href="{:U('/Home/Goods/goodsList',array('id'=>$goods['goods_category']['id']))}">{$goods['goods_category']['name']}</a>
<i class="litt-xyb"></i>
<div class="havedox">
<span>{$goods.goods_name} </span>
</div>
</div>
<if condition="(!empty($tpshop_config['basic_im_choose'])) && ($tpshop_config['basic_im_choose'] eq 1)">
<!--IM客服-->
<div class="online-service fr p">
<a href="javascript:;" class="z-onlines z-online-service fr" user_id="{$Think.session.user.user_id}" uname="{$Think.session.user.nickname}"
avatar="{$Think.session.user.head_pic}" sign="" goods_id="{$goods['goods_id']}" web_id="{$Request.host}" im_href="{$tpshop_config.basic_im_website}" id="workerman-kefu" onclick="jump()">
<i class="detai-ico"></i>在线客服
</a>
</div>
<elseif condition="(!empty($tpshop_config['basic_im_choose'])) && ($tpshop_config['basic_im_choose'] eq 2)"/>
<!--小能客服-->
<div class="online-service fr p">
<a href="javascript:void(0);" class="z-onlines z-online-service fr">
<i class="detai-ico"></i>在线客服
</a>
</div>
<else />
<!--qq客服-->
<div class="online-service fr p">
<a href="javascript:void(0);" class="z-onlines z-online-service fr">
<i class="detai-ico"></i>在线客服
</a>
</div>
</if>
<!--<div class="online-service fr p">-->
<!--<a href="javascript:void(0);" class="z-onlines z-online-service fr"><i></i>在线客服</a>-->
<!--</div>-->
</div>
</div>
<div class="details-bigimg p">
<div class="w1224">
<div class="detail-img">
<div class="product-gallery">
<div class="product-photo" id="photoBody">
<div class="product-video">
<if condition="$goods.video">
<video id="video" src="{$goods.video}" controls="controls" preload="preload"
onended="this.load();">
您的浏览器不支持查看此视频,请升级浏览器到最新版本
</video>
</if>
</div>
<i class="close-video"></i>
<i class="video-play"></i>
<!-- 商品大图介绍 start [[-->
<div class="product-img jqzoom">
<img id="zoomimg" src="{$goods.goods_id|goods_thum_images=400,400}"
jqimg="{$goods.goods_id|goods_thum_images=800,800}">
</div>
<!-- 商品大图介绍 end ]]-->
<!-- 商品小图介绍 start [[-->
<div class="product-small-img fn-clear">
<a href="javascript:;" class="next-left next-btn fl disabled"><</a>
<div class="pic-hide-box fl">
<ul class="small-pic" id="small-pic" style="left:0;">
<volist name="goods['goods_images']" id="img">
<li class="small-pic-li <if condition='$i eq 0'>active</if>">
<a href="javascript:;"><img src="{$img|get_sub_images=$img[goods_id],60,60}"
data-img="{$img|get_sub_images=$img[goods_id],400,400}"
data-big="{$img|get_sub_images=$img[goods_id],800,800}">
<i></i></a>
</li>
</volist>
</ul>
</div>
<a href="javascript:;" class="next-right next-btn fl">></a></div>
<!-- 商品小图介绍 end ]]-->
</div>
<!-- 收藏商品 start [[-->
<div class="collect">
<a href="javascript:void(0);" id="collectLink"><i class="collect-ico collect-ico-null"></i>
<span class="collect-text">收藏商品</span>
<em class="J_FavCount">({$goods['collect_sum']+$goods['virtual_collect_sum']})</em>
</a>
<!--<a href="javascript:void(0);" id="collectLink"><i class="collect-ico collect-ico-ok"></i>已收藏<em class="J_FavCount">(20)</em></a>-->
</div>
<!-- 分享商品 -->
<div class="share">
<div class="jiathis_style">
<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone"></a>
<a href="#" class="bds_tsina" data-cmd="tsina"></a>
<a href="#" class="bds_tqq" data-cmd="tqq"></a>
<a href="#" class="bds_renren" data-cmd="renren"></a>
<a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
</div>
<script>
var bd_url = "http://{$_SERVER[HTTP_HOST]}/index.php?m=Home&c=Goods&a=goodsInfo&id={$_GET[id]}";
var bd_pic = "http://{$_SERVER[HTTP_HOST]}{$goods[goods_id]|goods_thum_images=400,400}";
var bdText = "{$goods.goods_name}";
var is_distribut = getCookie('is_distribut');
var user_id = getCookie('user_id');
// 如果已经登录了, 并且是分销商
if (parseInt(is_distribut) == 1 && parseInt(user_id) > 0) {
bd_url = bd_url + "&first_leader=" + user_id;
}
function setShareConfig(id, config) {
config.bdUrl = bd_url;
config.bdPic = bd_pic;
config.bdText = bdText;
return config;
}
window._bd_share_config = {
"common": {
onBeforeClick: setShareConfig,
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdPic": "",
"bdStyle": "0",
"bdSize": "16"
},
"share": {},
"image": {
"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
"viewText": "分享到:",
"viewSize": "16"
},
"selectShare": {
"bdContainerClass": null,
"bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
}
};
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</div>
</div>
</div>
<form id="buy_goods_form" name="buy_goods_form" method="post" action="">
<input type="hidden" name="goods_id" value="{$goods.goods_id}"><!-- 商品id -->
<input type="hidden" name="spec_goods_price" value='{$goods.spec_goods_price|json_encode=true}'>
<input type="hidden" name="goods_prom_type" value="{$goods.prom_type}"/><!-- 活动类型 -->
<input type="hidden" name="prom_id" value=""/><!-- 活动id -->
<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=""/><!-- 活动开始时间 -->
<input type="hidden" name="end_time" value=""/><!-- 活动结束时间 -->
<input type="hidden" name="activity_title" value=""/><!-- 活动标题 -->
<input type="hidden" name="prom_detail" value=""/><!-- 促销活动的促销类型 -->
<input type="hidden" name="activity_is_on" value=""/><!-- 活动是否正在进行中 -->
<input type="hidden" name="item_id" value="{$Request.param.item_id}"/><!-- 商品规格id -->
<input type="hidden" name="exchange_integral" value="{$goods.exchange_integral}"/><!-- 积分 -->
<input type="hidden" name="point_rate" value="{$tpshop_config['integral_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}"/>
<!-- 预售使用 s-->
<input type="hidden" name="deposit_price" value=""/><!-- 订金 -->
<input type="hidden" name="balance_price" value=""/><!-- 尾款 -->
<input type="hidden" name="ing_amount" value=""/><!-- 已预订了多少 -->
<div class="detail-ggsl">
<h1>{$goods.goods_name}</h1>
<!--<p class="detail-ggsl-p" style="display: none;" ><a href="">【首批售罄 7月20日10点再次开售已购买的用户到货时间咨询客服】曲面全景屏、隐藏式摄像头 、骁龙845...</a></p>-->
<p class="detail-ggsl-p" ><a href="">{$goods['goods_remark']}</a></p>
<div class="presale-time" style="display: none">
<div class="pre-icon fl">
<span class="ys" style="display: inline-block;"><i class="detai-ico"></i><span id="activity_type" style="display: inline-block; margin-top: -5px;">抢购活动</span></span>
</div>
<div class="pre-icon fr">
<span class="per" style="display: none;"><i class="detai-ico"></i><em id="order_user_num">0</em>人预约</span>
<span class="ti" id="activity_time" ><i class="detai-ico"></i>剩余时间:<span
id="overTime" class="overTime-class" ></span></span>
<span class="ti" id="prom_detail"></span>
</div>
</div>
<div class="shop-price-cou p">
<div class="shop-price-le">
<ul>
<li class="jaj"><span id="goods_price_title">商城价:</span></li>
<li>
<span class="bigpri_jj" id="goods_price"><em></em>
<!--<a href=""><em class="sale">(降价通知)</em></a>-->
</span>
</li>
</ul>
<ul class="pre_sell_div" style="display: none">
<li class="jaj"><span>&nbsp;&nbsp;金:</span></li>
<li>
<span id="deposit_price"><em></em></span>
</li>
</ul>
<ul class="pre_sell_div" style="display: none">
<li class="jaj"><span>&nbsp;&nbsp;款:</span></li>
<li>
<span id="balance_price"><em></em></span>
</li>
</ul>
<ul>
<li class="jaj"><span id="market_price_title">市场价:</span></li>
<li class="though-line"><span><em></em><span id="market_price">{$goods.market_price}</span></span>
<span class="mobile-buy-cheap">
手机购买更便宜
<i>
<img class="small-qrcode-h" src="/template/pc/rainbow/static/images/qrcode.png"
alt=""/>
<img class="big-qrcode-h"
img-url="/index.php?m=Home&c=Index&a=qr_code&data={:U('Mobile/Goods/goodsInfo',['id'=>$goods['goods_id']],true,true)}&head_pic={$head_pic}&back_img={$back_img}"
alt=""/>
</i>
</span>
</li>
</ul>
<ul id="activity_title_div" style="display: none">
<li class="jaj"><span id="activity_label"></span></li>
<li><span id="activity_title"
style="color: #df3033;background: 0 0;border: 1px solid #df3033;padding: 2px 3px;"></span>
</li>
</ul>
<if condition="$goods['give_integral'] gt 0">
<ul>
<li class="jaj ls4"><span>赠送积分:</span></li>
<li><span class="fullminus">{$goods.give_integral}</span></li>
</ul>
</if>
</div>
<div class="shop-cou-ri">
<div class="allcomm"><p>累计评价</p>
<p class="f_blue">{$goods['comment_count']}</p></div>
<div class="br1"></div>
<div class="allcomm"><p>累计销量</p>
<p class="f_blue">{$goods['sales_sum']+$goods['virtual_sales_sum']}</p></div>
</div>
</div>
<if condition="$goods[is_virtual] eq 0">
<div class="standard p">
<!-- 收货地址,物流运费 -start-->
<ul class="list1">
<li class="jaj"><span>&nbsp;&nbsp;送:</span></li>
<li class="summary-stock though-line">
<div class="dd shd_address">
<!--<div class="addrID"><div></div><b></b></div>-->
<div class="store-selector add_cj_p">
<div class="text" style="width: 150px;">
<div class="goods_dispatching_name"></div>
<b></b></div>
<div onclick="$(this).parent().removeClass('hover')" class="close"></div>
</div>
<span id="dispatching_msg" style="display: none;">可配送</span>
<span id="dispatching_desc"
style="vertical-align: middle;position: relative;top: -4px;left: 9px;color: #666"></span>
</div>
</li>
</ul>
<script src="__PUBLIC__/js/locationJson.js"></script>
<script src="__STATIC__/js/location.js"></script>
<!-- 收货地址,物流运费 -end-->
</div>
</if>
<div class="standard p">
<ul>
<li class="jaj"><span>&nbsp;&nbsp;务:</span></li>
<li class="lawir"><span class="service"><a>{$tpshop_config['shop_info_store_name']}</a>发货并提供售后服务</span>
</li>
</ul>
</div>
<notempty name="$goods['brand']">
<div class="standard p">
<ul>
<li class="jaj"><span>&nbsp;&nbsp;牌:</span></li>
<li class="lawir"><span class="service">{$goods['brand']['name']}</span></li>
</ul>
</div>
</notempty>
<if condition="$goods['is_virtual'] eq 0 and $goods['exchange_integral'] gt 0">
<div class="standard p">
<ul>
<li class="jaj"><span>&nbsp;&nbsp;用:</span></li>
<li class="lawir">
<span class="service" id="integral">{$goods.exchange_integral_price}+{$goods['exchange_integral']}积分</span>
</li>
</ul>
</div>
</if>
<!-- 规格 start [[-->
<volist name="goods['spec']" id="spec">
<div class="spec_goods_price_div standard p">
<ul>
<li class="jaj"><span>{$spec['name']}</span></li>
<li class="lawir colo">
<volist name="spec['spec_item']" id="spec_item">
<input type="radio" hidden id="goods_spec_{$spec_item['id']}" name="goods_spec[{$spec['name']}]" value="{$spec_item['id']}"/>
<a id="goods_spec_a_{$spec_item['id']}" class="spec_item">
<volist name="goods['spec_image']" id="spec_image">
<if condition="$spec_image['spec_image_id'] eq $spec_item['id'] and $spec_image['src'] neq ''">
<img src="{$spec_image['src']}" style="width: 40px;height: 40px;"/>
</if>
</volist>
{$spec_item['item']}
</a>
</volist>
</li>
</ul>
</div>
</volist>
<!-- 规格end ]]-->
<div class="standard">
<ul class="p">
<li class="jaj"><span>&nbsp;&nbsp;量:</span></li>
<li class="lawir">
<div class="minus-plus">
<a class="mins" href="javascript:void(0);" onclick="altergoodsnum(-1)">-</a>
<input class="buyNum" id="number" type="text" name="goods_num" value="1"
onblur="altergoodsnum(0)" max=""/>
<a class="add" href="javascript:void(0);" onclick="altergoodsnum(1)">+</a>
</div>
<div class="sav_shop"><empty name="goods.store_count"><b>已售罄</b><else />库存:<span id="spec_store_count">{$goods['store_count']}</span> </empty></div>
</li>
</ul>
</div>
<!-- 预售 s -->
<div class="allpre-ne-ter pre_sell_div price_ladder_div" style=" margin-top: 15px; min-height: 100px;display: none">
<div class="presell_allpri" style="display:block">
<ul id="price_ladder_html"></ul>
</div>
<a href="javascript:" class="jieti-anniu price_ladder_more">
展开
</a>
<script>
function satrhide() {
var b = $('.presell_allpri ul li').length;
for (var i = 4; i < b; i++) {
$('.presell_allpri ul li').eq(i).hide();
}
};
function satrshow() {
var b = $('.presell_allpri ul li').length;
for (var i = 4; i < b; i++) {
$('.presell_allpri ul li').eq(i).show();
}
};
$(function () {
$('.jieti-anniu').click(function () {
satrshow();
$(this).hide();
});
$('.allpre-ne-ter').mouseleave(function () {
satrhide();
if (price_ladder.length > 4) {
$('.jieti-anniu').show();
} else {
$('.jieti-anniu').hide();
}
});
})
</script>
</div>
<!-- 预售 e -->
<div class="standard p">
<div class="standard p">
<a id="buy_now" class="paybybill buy_button" href="javascript:;" style="display: none">立即购买</a>
<a id="join_cart" class="addcar buy_button" href="javascript:;" style="display: none"><i class="sk"></i>加入购物车</a>
</div>
</div>
</div>
</form>
<!--看了又看-s-->
<div class="detail-ry p">
<div class="type_more">
<div class="type-top">
<h2>看了又看<a class="update_h fr" href="javascript:;" onclick="replace_look();">换一换</a></h2>
</div>
<div id="see_and_see">
</div>
</div>
</div>
<!--看了又看-s-->
</div>
</div>
<!--搭配购组合套餐 s-->
<include file="goods/goodsInfoCombination"/>
2019-03-01 17:32:10 +08:00
2019-02-28 19:48:21 +08:00
<script type="text/javascript">
// 商品详情页 滚动到一定位置固定定位
$(window).scroll(function () {
if ($(window).scrollTop() <= 850) {
$("#datail-nav-top").css("position", "static");
} else {
$("#datail-nav-top").css({
"position": "fixed",
"top": "0",
"left": "600",
"width": "968",
"z-index": "10007",
"background-color": "#fff"
});
}
});
</script>
<!--footer-s-->
<include file="public/footer"/>
<include file="public/sidebar_cart"/>
<!--看了又看-s-->
<div style="display: none" id="look_see">
<tpshop sql="select goods_id,goods_name,shop_price from `__PREFIX__goods` where goods_id != $goods[goods_id] AND cat_id = $goods[cat_id] AND is_on_sale = 1 limit 12" item="look" key="k">
<div class="tjhot-shoplist type-bot">
<div class="alone-shop">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$look[goods_id]))}">
<img class="wiahides"src="{$look.goods_id|goods_thum_images=206,206}" style="display: inline;"></a>
<p class="shop_name2">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$look[goods_id]))}">{$look.goods_name}</a>
</p>
<p class="price-tag">
<span class="li_xfo"></span><span>{$look.shop_price}</span>
</p>
</div>
</div>
</tpshop>
<!--看了又看-s-->
</div>
<!--footer-e-->
<script src="__STATIC__/js/lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="__STATIC__/js/headerfooter.js"></script>
<if condition="(!empty($tpshop_config['basic_im_choose'])) && ($tpshop_config['basic_im_choose'] eq 1)">
<script type="text/javascript" src="http://{$tpshop_config.basic_im_website}/static/test/common/layui/layui.js"></script>
<script type="text/javascript" src="http://{$tpshop_config.basic_im_website}/static/test/common/js/main.js"></script>
</if>
<script type="text/javascript">
//判断是否有视频标签
if ($('#video').length > 0) {
$('#photoBody').addClass('videoshow-ac');
}
//点击关闭视频
$('.video-play').click(function (event) {
$('#photoBody').addClass('videoshow-ac').removeClass('picshow-ac');
video.play();
});
//点击播放视频
$('.close-video').click(function (event) {
$('#photoBody').addClass('picshow-ac').removeClass('videoshow-ac');
video.pause();
});
var commentType = 1;// 默认评论类型
var spec_goods_price = $.parseJSON($('#buy_goods_form').find("input[name='spec_goods_price']").val());//规格库存价格
$(document).ready(function () {
/*商品缩略图放大镜*/
$(".jqzoom").jqueryzoom({
xzoom: 500,
yzoom: 500,
offset: 1,
position: "right",
preload: 1,
lens: 1
});
replace_look();
initSpec();
initGoodsPrice();
changeImg();
});
var buy_now = $('#buy_now');
var join_cart = $('#join_cart');
//购买按钮显示
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();
join_cart.hide();
if(is_virtual == 1){
buy_now.html('立即购买').show();
return;
}
if(exchange_integral > 0){
buy_now.html('立即兑换').show();
return;
}
if(goods_prom_type == 4 && activity_is_on == 1){
buy_now.html('立即预订').show();
return;
}
buy_now.html('立即购买').show();
join_cart.show();
}
//购买按钮
$(function () {
//立即购买
$(document).on('click', '#buy_now', function () {
if ($(this).hasClass('buy_bt_disable')) {
return;
}
if (getCookie('user_id') == '') {
pop_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());
if (goods_num == 0) {
layer.msg('购买数量不能为0', {icon: 2});
return;
}
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('Home/Cart/cart2',['action'=>'buy_now'])}").submit();
// form.attr('action', "{:U('Home/Virtual/buy_virtual')}").submit();//之前的跳转虚拟订单跳转页
} else {
layer.msg('购买数量超过此商品购买上限', {icon: 3});
}
return;
}
if (exchange_integral > 0) {
buyIntegralGoods(goods_id, 1);
return;
}
if(goods_prom_type == 4 && activity_is_on == 1){
form.attr('action', "{:U('Home/Cart/pre_sell')}").submit();
return;
}
//普通流程
if (goods_num <= store_count) {
form.attr('action', "{:U('Home/Cart/cart2',['action'=>'buy_now'])}").submit();
} else {
layer.msg('购买数量超过此商品购买上限', {icon: 3});
}
})
//加入购物车
$(document).on('click', '#join_cart', 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();
$.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');
})
}
})
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() {
$('.spec_goods_price_div').each(function (i, o) {
var firstSpecRadio = $(this).find("input[type='radio']").eq(0);
firstSpecRadio.attr('checked', 'checked').prop('checked', 'checked');
firstSpecRadio.parent().find('a').eq(0).addClass('red');
})
}
//看了又看切换
var tmpindex = 0;
var look_see_length = $('#look_see').children().length;
function replace_look() {
var listr = '';
if (tmpindex * 2 >= look_see_length) tmpindex = 0;
$('#look_see').children().each(function (i, o) {
if ((i >= tmpindex * 2) && (i < (tmpindex + 1) * 2)) {
listr += '<div class="tjhot-shoplist type-bot">' + $(o).html() + '</div>';
}
});
tmpindex++;
$('#see_and_see').empty().append(listr);
}
//缩略图切换
$('.small-pic-li').mouseenter(function () {
if ($('#video').length > 0) {
$('.close-video').trigger('click');
}
$(this).siblings().removeClass('active');
$(this).addClass('active');
$('#zoomimg').attr('src', $(this).find('img').attr('data-img')).attr('jqimg', $(this).find('img').attr('data-big'));
});
//缩略图切换
function changeImg() {
var $picBox = $('#small-pic');
var $picList = $picBox.find('.small-pic-li');
var length = $picList.length;
$picBox.css('width', 70 * length);
if ($('#video').length > 0) { //判断是否有视频标签
$('#photoBody').addClass('videoshow-ac');
}
$('.video-play').click(function (event) { //点击关闭视频
$('#photoBody').addClass('videoshow-ac').removeClass('picshow-ac');
video.play();
});
$('.close-video').click(function (event) { //点击播放视频
$('#photoBody').addClass('picshow-ac').removeClass('videoshow-ac');
video.pause();
});
//缩略图切换
$picList.mouseenter(function () {
if ($('#video').length > 0) {
$('.close-video').trigger('click');
}
$(this).addClass('active').siblings().removeClass('active');
$('#zoomimg').attr('src', $(this).find('img').attr('data-img')).attr('jqimg', $(this).find('img').attr('data-big'));
})
var i = 0;
if (length <= 5) {
$('.product-gallery .next-btn').css('display', 'none');
} else {
//前一张缩略图
$('.next-left').click(function () {
i--;
if (i < 0) {
i = 0;
return;
}
$picBox.animate({left: -i * 70}, 500);
})
//后前一张缩略图
$('.next-right').click(function () {
i++;
if (i > length - 5) {
i = length - 5;
return;
}
$picBox.animate({left: -i * 70}, 500);
})
}
}
//购买数量加减
function altergoodsnum(n) {
var num = parseInt($('#number').val());
var maxnum = parseInt($('#number').attr('max'));
if (maxnum > 200) {
maxnum = 200;
}
num += n;
num <= 0 ? num = 1 : num;
if (num >= maxnum) {
$(this).addClass('no-mins');
num = maxnum;
}
$('#store_count').text(maxnum - num); //更新库存数量
$('#number').val(num);
/* initGoodsPrice();*/
}
//初始化商品价格库存
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
var spec_goods_price_item = search_spec_goods_price(spec_key);
var spec_goods_price_arr = Object.keys(spec_goods_price_item);
if(spec_goods_price_arr.length > 0){
var item_id = spec_goods_price_item['item_id'];
$('input[name=item_id]').val(item_id);
} else {
$("#goods_price").html("<em></em>" + 0); //变动价格显示
$('#spec_store_count').html(0);
$('input[name="shop_price"]').attr('value', 0);//商品价格
$('input[name="store_count"]').attr('value', 0);//商品库存
$('.buy_button').addClass('buy_bt_disable');
return false;
}
}
//获取搭配购列表
getCombination();
$.ajax({
type: 'post',
dataType: 'json',
data: {goods_id: goods_id, item_id: item_id, goods_num: goods_num},
url: "{:U('Home/Goods/activity')}",
success: function (data) {
if (data.status == 1) {
$('input[name="goods_prom_type"]').attr('value', data.result.goods.prom_type);//商品活动类型
$('input[name="prom_id"]').attr('value', data.result.goods.prom_id);//商品活动id
$('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="activity_is_on"]').attr('value', data.result.goods.activity_is_on);//活动是否正在进行中
$('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);//已预订了多少个
price_ladder = data.result.goods.price_ladder;
goods_activity_theme();
buy_button();
}
doInitRegion();
}
});
}
//价格阶梯显示
var price_ladder = null;
function priceLadderShow() {
var price_ladder_html = '';
if (price_ladder != null && price_ladder != '') {
$.each(price_ladder, function (i, o) {
price_ladder_html += '<li class="pre_undred"><span>' + o.amount + '件</span><br/><span>' + o.price + '</span></li>';
});
$('#price_ladder_html').empty().html(price_ladder_html);
$('.price_ladder_div').show();
satrhide();
if (price_ladder.length > 4) {
$('.jieti-anniu').show();
} else {
$('.jieti-anniu').hide();
}
}
}
//商品价格库存显示
function goods_activity_theme() {
$('.pre_sell_div').hide();
$('.price_ladder_div').hide();
$('#dispatching_desc').show();
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;
default:
setNormalGoodsPrice();
}
}
var buy_num = parseInt($('#number').val());//购买数
var store = parseInt($('input[name="store_count"]').val());//实际库存数量
if (store <= 0) {
$('.buy_button').addClass('buy_bt_disable');
} else {
$('.buy_button').removeClass('buy_bt_disable');
}
if (buy_num > store) {
$('.buyNum').val(store);
}
}
//普通商品库存和价格
function setNormalGoodsPrice() {
var goods_price, store_count;//商品价,商品库存
var market_price = $("input[name='market_price']").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)) {
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
var spec_goods_price_item = search_spec_goods_price(spec_key);
goods_price = spec_goods_price_item['price']; // 找到对应规格的价格
store_count = spec_goods_price_item['store_count']; // 找到对应规格的库存
$("input[name='shop_price']").attr('value', goods_price);
$("input[name='store_count']").attr('value', store_count);
$("input[name='market_price']").attr('value', market_price);
}
priceLadderShow();
goods_price = $("input[name='shop_price']").attr('value');// 商品本店价
store_count = $("input[name='store_count']").attr('value');// 商品库存
$('#market_price_title').empty().html('市场价:');
$('#market_price').empty().html(market_price);
$("#goods_price").html("<em></em>" + goods_price); //变动价格显示
var integral = round(goods_price - (exchange_integral / point_rate), 2);
$("#integral").html(integral + '+' + exchange_integral + '积分'); //积分显示
$('#spec_store_count').html(store_count);
$('.presale-time').hide();
$('#number').attr('max', store_count);
}
//预售商品库存和价格
function setPreSellGoodsPrice(){
var pre_sale_price = $("input[name='shop_price']").attr('value');//预售价
var pre_sale_count = $("input[name='store_count']").attr('value');//预售库存
var market_price = $("input[name='market_price']").attr('value');
var start_time = $("input[name='start_time']").attr('value');
var end_time = $("input[name='end_time']").attr('value');
var activity_title = $("input[name='activity_title']").attr('value');
var deposit_price = $("input[name='deposit_price']").attr('value');
var balance_price = $("input[name='balance_price']").attr('value');
var ing_amount = $("input[name='ing_amount']").attr('value');
var price_ladder_html = '';
if(price_ladder != null && price_ladder != ''){
var n = 0;
$.each(price_ladder,function(i, o){
if(ing_amount == o.amount){
price_ladder_html += '<li class="pre_undred"><span>' + o.amount + '件</span><br/><span>' + o.price + '</span></li>';
}else{
price_ladder_html += '<li class="elis"><span>' + o.amount + '件</span><br/><span>' + o.price + '</span></li>';
}
n++;
});
if (price_ladder.length > 4) {
$('.jieti-anniu').show();
} else {
$('.jieti-anniu').hide();
}
$('#price_ladder_html').empty().html(price_ladder_html);
}
$('.pre_sell_div').show();
$("#goods_price").html("<em></em>"+pre_sale_price); //变动价格显示
$("#deposit_price").html("<em></em>"+deposit_price);
$("#balance_price").html("<em></em>"+balance_price);
$('#spec_store_count').html(pre_sale_count);
$('#goods_price_title').html('预售价:');
$('#dispatching_desc').hide();
$('#activity_type').empty().html('预售');
$('#market_price_title').empty().html('原&nbsp;&nbsp;价:');
$('#activity_label').empty().html('预&nbsp;&nbsp;售:');
$('#activity_title').empty().html(activity_title);
$('#activity_title_div').show();
$('#market_price').empty().html(market_price);
$('.presale-time').show();
$('#prom_detail').hide();
$('#number').attr('max',pre_sale_count);
setInterval(activityTime, 1000);
satrhide();
}
//秒杀商品库存和价格
function setFlashSaleGoodsPrice() {
var flash_sale_price = $("input[name='shop_price']").attr('value');
var flash_sale_count = $("input[name='store_count']").attr('value');
var market_price = $("input[name='market_price']").attr('value');
var start_time = $("input[name='start_time']").attr('value');
var end_time = $("input[name='end_time']").attr('value');
var activity_title = $("input[name='activity_title']").attr('value');
$("#goods_price").html("<em></em>" + flash_sale_price); //变动价格显示
$('#spec_store_count').html(flash_sale_count);
$('#goods_price_title').html('抢购价:');
$('#market_price_title').empty().html('原&nbsp;&nbsp;价:');
$('#activity_label').empty().html('抢&nbsp;&nbsp;购:');
$('#activity_title').empty().html(activity_title);
$('#activity_title_div').show();
$('#market_price').empty().html(market_price);
$('.presale-time').show();
$('#prom_detail').hide();
$('#number').attr('max', flash_sale_count);
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 market_price = $("input[name='market_price']").attr('value');
var start_time = $("input[name='start_time']").attr('value');
var end_time = $("input[name='end_time']").attr('value');
var activity_title = $("input[name='activity_title']").attr('value');
$("#goods_price").empty().html("<em></em>" + group_by_price); //变动价格显示
$('#spec_store_count').empty().html(group_by_count);
$('#activity_type').empty().html('团购');
$('#goods_price_title').empty().html('团购价:');
$('#market_price_title').empty().html('原&nbsp;&nbsp;价:');
$('#activity_label').empty().html('团&nbsp;&nbsp;购:');
$('#activity_title').empty().html(activity_title);
$('#activity_title_div').show();
$('#market_price').empty().html(market_price);
$('.presale-time').show();
$('#prom_detail').hide();
$('#number').attr('max', group_by_count);
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 market_price = $("input[name='market_price']").attr('value');
var start_time = $("input[name='start_time']").attr('value');
var end_time = $("input[name='end_time']").attr('value');
var activity_title = $("input[name='activity_title']").attr('value');
var prom_detail = $("input[name='prom_detail']").attr('value');
$("#goods_price").empty().html("<em></em>" + round(prom_goods_price,2)); //变动价格显示
$('#spec_store_count').empty().html(prom_goods_count);
$('#activity_type').empty().html('促销');
$('.presale-time').show();
$('#prom_detail').empty().html(prom_detail).show();
$('#activity_time').hide();
$('#goods_price_title').empty().html('促销价:');
$('#market_price_title').empty().html('原&nbsp;&nbsp;价:');
$('#activity_label').empty().html('促&nbsp;&nbsp;销:');
$('#activity_title').empty().html(activity_title);
$('#activity_title_div').show();
$('#market_price').empty().html(market_price);
$('#number').attr('max', prom_goods_count);
}
// 倒计时
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.msg('该商品活动已结束', function () {
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);
}
//sort排序用
function sortNumber(a, b) {
return a - b;
}
//收藏商品
$('#collectLink').click(function () {
if (getCookie('user_id') == '') {
layer.msg('请先登录!', {icon: 1});
} else {
var goods_arr = new Array();
//单个收藏
goods_arr.push($('input[name="goods_id"]').val());
$.ajax({
type: 'post',
dataType: 'json',
data: {goods_ids: goods_arr},
url: "{:U('Home/Goods/collect_goods')}",
success: function (res) {
if (res.status == 1) {
layer.msg(res.msg, {icon: 1});
} else {
layer.msg(res.msg, {icon: 3});
}
}
});
}
});
//点击切换规格
$(document).on('click', '.spec_item', function () {
var spec_item_img_src = $(this).find('img').attr('src');
if (spec_item_img_src != '') {
$('#zoomimg').attr('jqimg', spec_item_img_src).attr('src', spec_item_img_src);
}
$(this).addClass('red').siblings('a').removeClass('red');
$(this).siblings('input').removeAttr('checked');
$(this).prev('input').attr('checked', 'checked').prop('checked', 'checked');
if ($('#video').length > 0) {
//判断是否有视频标签
$('#photoBody').addClass('picshow-ac');
video.pause();
}
// 更新商品价格
initGoodsPrice();
//获取搭配购列表
getCombination();
})
</script>
<style>
.sav_shop b{
margin-left: 5px;
color: #e23435;
}
</style>
</body>
</html>