<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$title}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<meta name="generator" content="openwbs {$version}" />
<meta name="author" content="openwbs team" />
<meta name="copyright" content="2008-2020 OpenWBS Inc." />
<!--#include file="include.css.html"-->
<link rel="stylesheet" href="../css/ow.shop.goods.detail.css" />
</head>
<body>
<!--头部-->
<!--#include file="include.header.html"-->

<!--主内容区-->
<div class="ow-breadcrumb"><div class="wrapper">{$breadcrumb}</div></div>
<div id="goodbody">
    
    <div class="goods">
        <div class="goods-gallery">
            <div class="goods-picseo"><%=OW.echoImages("{$goods:images}","<img src=""{$url}"" alt=""{$goods:title}"" title=""{$goods:title}"" />")%></div>
            <div class="gallery-goods" data="{$goods:images}" id="gallery"><img src="{$goods:thumbnail}" name="goods_thumbnail" alt="{$goods:title}" title="{$goods:title}" /></div>
        </div>
        <div class="goods-property">
            <h1 class="title">{$goods:title}</h1>
            {if:OW.trim("{$goods:subtitle}")<>""}
            <h2 class="subtitle">{$goods:subtitle}</h2>
            {/if}
            <div class="goods-sn">商品编码：{$goods:goods_sn}</div>
            <div class="goods-product-sn">商品货号：<span id="goods_product_sn">{$goods:product_sn}</span></div>
            <div class="price">
                {if:OW.int("{$config(is_member_price_show)}")=1}
                <a href="javascript:;" class="get-member-price" name="get_member_price" onClick="OW.shop.getMGPrices()">查看各会员价格</a>
                {/if}
                {if:OW.int("{$goods:point_set}")=1 and OW.int("{$goods:point_pay_amount}")>0}
                <dl class="point"><dt>只需</dt><dd><b>{$goods:point_pay_amount}</b><em><%=OS.lang(200)%></em><i id="pointplus">+</i></dd></dl>
                {/if}
                <dl class="my-price" id="my_price" style="display:none;"><dt>我的会员价</dt><dd><span class="money"><em>{$moneysb}</em><b name="my_price">{$goods:price}</b></span></dd></dl>
                <dl id="goods_price"><dt>价格</dt><dd><span class="money"><em>{$moneysb}</em><b name="price">{$goods:price}</b></span></dd></dl>
                {if:OW.parseMoney("{$goods:market_price}")>0}
                <dl class="makprice">
                    <dt>原价</dt>
                    <dd><span class="money"><em>{$moneysb}</em><b name="market_price">{$goods:market_price}</b></span></dd>
                </dl>
                {/if}
                <div class="member-price" name="member_group_prices" gid="{$goods:gid}" pid="{$goods:pid}"></div>
            </div>
            <div class="book-money" name="book_price_section" is_book="{$goods:is_book}" book_front_money_rate="{$goods:book_front_money_rate}" book_price_discount="{$goods:book_price_discount}" style="display:none;">
                {if:OW.parseMoney("{$goods:book_front_money_rate}")>0}
                <dl class="book-front-money" name="book_front_money_box"><dt>预订只需支付预付款</dt><dd><span class="money"><em>{$moneysb}</em><b name="book_front_money"></b></span></dd></dl>
                {/if}
                {if:OW.parseMoney("{$goods:book_price_discount}")>0}
                <dl class="book-discount" name="book_price_discount_box"><dt>预订立减</dt><dd><span class="money"><em>{$moneysb}</em><b name="book_price_discount">{$goods:book_price_discount}</b></span><span class="dis-name">优惠金额</span></dd></dl>
                {/if}
            </div>
            <div class="book-time" name="book_time_section" is_book="{$goods:is_book}" book_final_pay_day="{$goods:book_final_pay_day}" is_book_timelimit="{$goods:is_book_timelimit}" book_starttime="{$goods:book_starttime}" book_endtime="{$goods:book_endtime}" style="display:none;"></div>
            <div class="spec">
                <div class="header">请选择您要的商品规格信息</div>
                <div class="spec-section" name="goods_spec" spec_id="{$goods:spec_id}" data='{$goods:spec_data}'></div>
                <div class="footer" name="selected_spec_display"><dl><dt>您已选择</dt><dd name="selected_spec_value"></dd></dl></div>
            </div>
            {if:OW.int("{$config(is_point_open)}")=1}
            {if:OW.int("{$goods:point_set}")=0}
            <div class="ow-goods-get-point" id="ow_goods_get_point" point_get_type="{$goods:point_get_type}" shopping_point_rate="{$config(shopping_point_rate)}" point_get_amount="{$goods:point_get_amount}">购买此商品可获得：<b name="point"></b>积分</div>
            {/if}
            {/if}
            <div class="amount">
                <dl>
                    <dt>购买数量</dt>
                    <dd><a href="javascript:;" class="amount-do amount-decrease" name="amount_decrease">-</a><input type="text" class="text text-amount" name="amount_input" value="1"><a href="javascript:;" class="amount-do amount-increase" name="amount_increase">+</a><span class="stock" name="stock">库存<b class="stock-amount" name="stock_amount">0</b>件</span></dd>
                </dl>
            </div>
            <div class="stock-tip"><span name="stock_tip"></span></div>
            <div class="action">
            {if:OS.isValidGoodsMemberInTpl("{$goods:gid}")}
                {if:OW.int("{$goods:status}")=1}
                    <button type="button" class="btn-buy-cart disabled">商品已下架</button>
                {else}
                    {if:OW.int("{$goods:is_book}")=1}
                    <button type="button" class="btn-book" name="btn_book">立即预订</button>
                    {else}
                        {if:OW.int("{$goods:point_set}")=1}
                            <button type="button" class="btn-exchange" name="btn_buy">立即兑换</button>
                        {else}
                            {if:OW.int("{$goods:is_scoupon}")=1}
                            <button type="button" class="btn-exchange" name="btn_buy">立即购买</button>
                            {else}
                            <button type="button" class="btn-buy" name="btn_buy">立即购买</button><button type="button" class="btn-buy-cart" name="btn_buy_cart"><i class="glyphicon glyphicon-shopping-cart"></i>加入购物车</button>
                            {/if}
                        {/if}
                    {/if}
                {/if}
            {else}
                <div class="ow-cannot-buy"><span class="tip-text">温馨提示：很抱歉，您现在的会员级别不能购买此商品。</span></div>
            {/if}
                <a href="javascript:;" class="favorite" onClick="OW.shop.addToFavorite({$goods:gid})">收藏</a>
            </div>
            {if:OW.int("{$config(is_goods_share_show)}")=1}
            <div class="share">
                <dl>
                    <dt>分享</dt>
                    <dd>
                        <div class="bshare-custom icon-medium"><div class="bsPromo bsPromo2"></div><a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a><a title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a><a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到花瓣" class="bshare-huaban" href="javascript:void(0);"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span style="float: none;" class="BSHARE_COUNT bshare-share-count">29.7K</span></div>
                    </dd>
                </dl>
            </div>
            {/if}
        </div>
        <div class="clear"></div>
        <!--优惠套装-->
        {if:OS.isValidGoodsMemberInTpl("{$goods:gid}")}
        <div id="suits" is_book="{$goods:is_book}"></div>
        {/if}
        <div class="clear"></div>
    </div>
</div>

<div class="ow-goods-content">
    <div class="header-section">
        <div class="wrapper">
            <ul class="tabbar" name="goods_tab">
                <li name="tab" tab="1"><a href="javascript:;">详情描述</a></li>
                {if:OW.int("{$goods:type_id}")>0}
                <li name="tab" tab="2"><a href="javascript:;">商品参数</a></li>
                {/if}
                {if:OW.int("{$config(is_goods_consultation_show)}")=1}
                <li name="tab" tab="3"><a href="javascript:;">商品咨询</a></li>
                {/if}
                {if:OW.int("{$config(is_buy_record_show)}")=1}
                <li name="tab" tab="4"><a href="javascript:;">成交记录(<span id="buy_record_count">{$goods:buy_record_count}</span>)</a></li>
                {/if}
                {if:OW.int("{$config(is_goods_comments_show)}")=1}
                <li name="tab" tab="5"><a href="javascript:;">评价(<span id="comment_count">{$goods:comments}</span>)</a></li>
                {/if}
            </ul>
        </div>
    </div>
    <div class="wrapper">
        <div class="content-section" name="goods_tab_content">
            <div class="content-info" name="content" is_tab="true" tab="1">
                {if:OW.isNotNul("{$goods:video}")}
                <div class="ow-goods-video">
                {if:OW.indexOf("{$goods:video}",".swf")>0}
                <embed src="{$goods:video}" id="video_section" allowFullScreen="true" quality="high" width="1200" height="600" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
                {else}
                <div id="video_player"></div>
                <script type="text/javascript" src="{$site_path}ow-content/thr-plugin/player/ckplayer/offlights.js"></script>
                <script type="text/javascript" src="{$site_path}ow-content/thr-plugin/player/ckplayer/ckplayer.js" charset="utf-8"></script>
                <script type="text/javascript">
                $(document).ready(function(){
                    var flashvars={f:'{$goods:video}',c:0,b:1,my_url:encodeURIComponent(window.location.href)};
                    var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};
                    CKobject.embedSWF('{$site_path}ow-content/thr-plugin/player/ckplayer/ckplayer.swf','video_player','ow_video','1200','600',flashvars,params);
                });
                </script>
                {/if}
                </div>
                {/if}
                <div class="content">{$goods:content}</div>
                <div class="tags" id="tags">
                {tags gid="{$goods:gid}"}
                    {tags:loop}<a href="[tags:link]" title="[tags:tag]" target="_blank">[tags:tag]</a>{/tags:loop}
                {/tags}
                </div>
            </div>
            {if:OW.int("{$goods:type_id}")>0}
            <div class="ow-content-typeattr" name="typeattr" is_tab="true" tab="2">
                <div class="ow-goods-typeattr">{$goods:typeattr}</div>
            </div>
            {/if}
            {if:OW.int("{$config(is_goods_consultation_show)}")=1}
            <div class="consultation" name="consultation" is_tab="true" tab="3">
                <div class="section post-section" id="post_consultation_form">
                    <div class="header">亲，需要咨询吗</div>
                    <div class="section">
                        <dl><dt>咨询类型</dt><dd><label><input type="radio" name="consult_type" checked="checked" value="0">商品咨询</label><label><input type="radio" name="consult_type" value="1">库存及配送</label><label><input type="radio" name="consult_type" value="2">支付问题</label><label><input type="radio" name="consult_type" value="3">发票及保修</label><label><input type="radio" name="consult_type" value="4">促销及赠品 </label></dd></dl>
                        <dl><dt>咨询内容</dt><dd><textarea class="textarea" name="consult_content"></textarea><span name="t_consult_content" class="t-normal ml8"></span></dd></dl>
                        <dl><dt>我的称呼</dt><dd><input type="text" class="text text-long" name="consult_author" value=""><span name="t_consult_author" class="t-normal ml8"></span></dd></dl>
                        <dl class="get-answer-email"><dt>我的邮箱(接收客服的回复)</dt><dd><input type="text" class="text text-long" name="consult_email" value=""><span name="t_consult_email" class="t-normal ml8"></span></dd></dl>
                        <dl><dt>防灌水验证码</dt><dd><input type="text" class="text text-short-mini" name="verifycode_value" placeholder="验证码" ><span class="verifycode" name="verifycode"></span></dd></dl>
                    </div>
                    <div class="footer"><button type="button" class="btn btn-sbig btn-primary" name="btn_consult_submit">提交咨询</button><label><input type="checkbox" name="is_answer_to_email" checked="checked" value="true">将客服的回复发到我的邮箱</label></div>
                </div>
                <div class="header">全部咨询</div>
                <div class="section list-section" id="consultation_list">
                    <%=Tpl.getConsultation(OW.int("{$goods:gid}"),"<div class='consult-data'><div class='cst-id'>{$cst_id}</div><div class='avatar'><img src='{$cst_author_avatar}' name='avatar' alt='{$cst_author}' /></div><div class='consult-data-content'><dl><dt><span class='author'>{$cst_author}</span><span class='datetime'>{$cst_date}</span></dt><dd>{$cst_content}</dd></dl></div></div><div class='consult-data consult-data-reply' name='consult_data_reply'><div class='avatar'><img src='{$reply_author_avatar}' name='avatar' alt='客服' /></div><div class='consult-data-content'><dl><dt><span class='servicer'>客服回复</span><span class='datetime'>{$reply_date}</span></dt><dd name='reply_content'>{$reply_content}</dd></dl></div></div>",10,"")%>
                    {$goods:consultation_list}
                </div>
                <div class="section pager-section pager" id="consultation_pager">
                    {$goods:consultation_pager}
                </div>
            </div>
            {/if}
            {if:OW.int("{$config(is_buy_record_show)}")=1}
            <div class="buy-record" name="buy_record" is_tab="true" tab="4">
                <%=Tpl.getBuyRecord(OW.int("{$goods:gid}"),"<tr><td>{$buyer}</td><td>{$spec_value}</td><td>{$goods_amount}</td><td>{$date}</td></tr>",10,"")%>
                <table border="0" cellpadding="0" cellspacing="0">
                    <thead><tr><th>买家</th><th>规格</th><th>购买数量</th><th>时间</th></tr></thead>
                    <tbody id="buy_record_list">{$goods:buy_record_list}</tbody>
                </table>
                <div class="buy-record-pager pager" id="buy_record_pager">{$goods:buy_record_pager}</div>
            </div>
            {/if}
            {if:OW.int("{$config(is_goods_comments_show)}")=1}
            <div class="appraise" name="appraise" is_tab="true" tab="5">
                <div class="header">全部评价</div>
                <div class="section list-section" id="comment_list">
                    <%=Tpl.getComment(OW.int("{$goods:gid}"),"<div class='comment-data'><div class='avatar'><img name='avatar' src='{$cmt_author_avatar}'><p class='user'>{$cmt_author}</p></div><div class='comment-data-content'><div class='cmt-header'><span class='cmt-spec' name='cmt_spec'>规格：<b name='spec_value'>{$spec_value}</b></span><span class='cmt-buy-time'>购买日期：<b>{$buy_date}</b></span></div><div class='cmt-content'>{$cmt_content}</div><div class='cmt-footer'><span class='cmt-type'>评分：<b name='cmt_type' cmt_type='{$cmt_type}'></b></span><span class='cmt-time'>评价时间：<b>{$cmt_date}</b></span></div></div></div><div class='comment-data comment-data-reply' name='comment_data_reply'><div class='avatar'><img name='avatar' src='{$reply_author_avatar}'><p class='user'></p></div><div class='comment-data-content'><div class='cmt-header'>客服回复</div><div class='cmt-content' name='reply_content'>{$reply_content}</div></div></div>",10,"")%>
                    {$goods:comment_list}
                </div>
                <div class="section pager-section pager" id="comment_pager">
                    {$goods:comment_pager}
                </div>
            </div>
            {/if}
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="ow-goods-related-content">
    <div class="header">相关内容</div>
    {content top="100" related_gid="{$goods:gid}"}
    <ul>
        {content:loop}
        <li><a href="[content:link]">[content:title]</a></li>
        {/content:loop}
    </ul>
    {/content}
</div>
<div class="clear"></div>
<div class="ow-related-goods">
    <div class="wrapper">
        <div class="header"><h2>相关商品推荐</h2></div>
        <div class="section">
            {goods top="30" related_gid="{$goods:gid}"}
            <ul class="ow-related-goods-list">
                {goods:loop}
                <li class="li[goods:i]" gid="[goods:gid]" is_book="[goods:is_book]">
                    <div class="thumb" name="thumbnail"><a href="[goods:link]" target="_blank"><img name="thumbnail" src="[goods:thumbnail]" alt="[goods:title]"></a></div>
                    <div class="info">
                        <h3 class="title"><a href="[goods:link]" target="_blank">[goods:title]</a></h3>
                        {if:OW.isNotNul("[goods:subtitle]")}<p class="subtitle">[goods:subtitle]</p>{/if}
                        <p class="price">{if:OW.int("[goods:point_set]")=1}<span class="point"><b>[goods:point_pay_amount]</b><em>积分</em><i>+</i></span>{/if}<span class="money"><em>{$moneysb}</em><b><%=OW.parsePrice("[goods:price]")%></b></span></p>
                    </div>
                </li>
                {/goods:loop}
            </ul>
            {/goods}
        </div>
    </div>
</div>


<!--底部-->
<!--#include file="include.footer.html"-->
<script type="text/javascript" src="../js/cloudzoom.js"></script>
<script type="text/javascript">
function commentType(type){
	var type = OW.int(type),text = "";
	if(type<=4){
		text = '<b class="cmt-type-c">差评</b>';
	}else if(type>=5 && type<=7){
		text = '<b class="cmt-type-b">中评</b>';
	}else if(type>=7){
		text = '<b class="cmt-type-a">好评</b>';
	};
	return text;
};
$(document).ready(function(){
	//商品图片
	var $gallery = $("#gallery");
	OW.gallery.init({data:$gallery.attr("data"),gallery:$gallery});
	OW.gallery.click();
	OW.gallery.cloudZoom("a[name='cloud_zoom'],a[name='cloud_zoom_gallery']");
	$gallery.find(".turner").remove();
	//商品初始化
	OW.shop.pointSet = "{$goods:point_set}";
	OW.shop.pointPayAmount = "{$goods:point_pay_amount}";
	OW.shop.goodsInit({
		priceSection:$("[name='price']"),
		marketPriceSection:$("[name='market_price']"),
		myPriceSection:$("#my_price"),
		bookPriceSection:$("div[name='book_price_section']"),
		bookTimeSection:$("div[name='book_time_section']"),
		amountInput:$("input[name='amount_input']"),
		amountDecrease:$("a[name='amount_decrease']"),
		amountIncrease:$("a[name='amount_increase']"),
		specSection:$("div[name='goods_spec']"),
		stockTipSection:$("span[name='stock_tip']"),
		btnBook:$("[name='btn_book']"),
		btnBuy:$("[name='btn_buy']"),
		btnBuyCart:$("[name='btn_buy_cart']"),
		btnCart:$("[name='btn_cart']"),
		specImagesFun:function(imagesData){
			OW.gallery.init({data:imagesData,gallery:$("#gallery")});
			OW.gallery.click();
			OW.gallery.cloudZoom("a[name='cloud_zoom'],a[name='cloud_zoom_gallery']");
			$("#gallery").find(".turner").remove();
		}
	});
	//规格初始化
	var $specUl = $("div[name='goods_spec']").find("ul");
	specUlNum   = $specUl.length;
	if(specUlNum>1){
		$specUl.each(function(){
			$(this).find("li:eq(0)>a").click();
		});
	}else{
		$("div[name='goods_spec']").find("li>a").each(function(){$(this).click();});
		$specUl.find("li:eq(0)>a").click();
	};
	{if:OW.int("{$config(is_buy_record_show)}")=1}
	//成交记录初始化
	OW.delay(1000,function(){
		OW.shop.buyRecordInit({
			initGet:true,pageSize:10,
			tpl:"<tr><td>{$buyer}</td><td>{$spec_value}</td><td>{$goods_amount}</td><td>{$date}</td></tr>",
			countSection:$("#buy_record_count"),//数据统计显示区
			listSection:$("#buy_record_list"),//数据显示区
			pagerSection:$("#buy_record_pager")//数据分页区
		});
	});
	{/if}
	{if:OW.int("{$config(is_goods_consultation_show)}")=1}
	OW.delay(1300,function(){
		var $form = $("#post_consultation_form");
		OW.shop.consultationInit({
			pageSize:10,
			tpl:"<div class='consult-data'><div class='cst-id'>{$cst_id}</div><div class='avatar'><img src='{$cst_author_avatar}' name='avatar' alt='{$cst_author}' /></div><div class='consult-data-content'><dl><dt><span class='author'>{$cst_author}</span><span class='datetime'>{$cst_date}</span></dt><dd>{$cst_content}</dd></dl></div></div><div class='consult-data consult-data-reply' name='consult_data_reply'><div class='avatar'><img src='{$reply_author_avatar}' name='avatar' alt='客服' /></div><div class='consult-data-content'><dl><dt><span class='servicer'>客服回复</span><span class='datetime'>{$reply_date}</span></dt><dd name='reply_content'>{$reply_content}</dd></dl></div></div>",//咨询输出模板
			countSection:$("#consultation_count"),//数据统计显示区
			listSection:$("#consultation_list"),//咨询数据显示区
			pagerSection:$("#consultation_pager"),//咨询数据分页区
			form:$form,
			vcodeValue:$form.find("input[name='verifycode_value']"),
			verifycode:$form.find("span[name='verifycode']"),
			submit:$form.find("button[name='btn_consult_submit']")
		});
		//删除没有回复的咨询回复
		$("[name='consult_data_reply']").each(function(){if(OW.isNull($(this).find("[name='reply_content']").html())){$(this).remove();}});
	});
	{/if}
	{if:OW.int("{$config(is_goods_comments_show)}")=1}
	OW.delay(1600,function(){
		OW.shop.commentInit({
			pageSize:10,
			tpl:"<div class='comment-data'><div class='avatar'><img name='avatar' src='{$cmt_author_avatar}'><p class='user'>{$cmt_author}</p></div><div class='comment-data-content'><div class='cmt-header'><span class='cmt-spec' name='cmt_spec'>规格：<b name='spec_value'>{$spec_value}</b></span><span class='cmt-buy-time'>购买日期：<b>{$buy_date}</b></span></div><div class='cmt-content'>{$cmt_content}</div><div class='cmt-footer'><span class='cmt-type'>评分：<b name='cmt_type' cmt_type='{$cmt_type}'></b></span><span class='cmt-time'>评价时间：<b>{$cmt_date}</b></span></div></div></div><div class='comment-data comment-data-reply' name='comment_data_reply'><div class='avatar'><img name='avatar' src='{$reply_author_avatar}'><p class='user'></p></div><div class='comment-data-content'><div class='cmt-header'>客服回复</div><div class='cmt-content' name='reply_content'>{$reply_content}</div></div></div>",//评价输出模板
			countSection:$("#comment_count"),//数据统计显示区
			listSection:$("#comment_list"),//评价数据显示区
			pagerSection:$("#comment_pager")//评价数据分页区
		});
		//删除没有回复的评价回复
		$("[name='comment_data_reply']").each(function(){if(OW.isNull($(this).find("[name='reply_content']").html())){$(this).remove();}});
		$("[name='cmt_type']").each(function(){$(this).html(commentType($(this).attr("cmt_type")))});
	});
	{/if}
	OW.tabSwitch({tabbar:$("ul[name='goods_tab']"),container:$("div[name='goods_tab_content']"),current:1});
	if(!$("#tags").find("a").length>0){$("#tags").remove();};
	if($(".ow-related-goods").find("li").length==0){
		$(".ow-related-goods").remove();
	};
	if($(".ow-goods-related-content").find("li").length==0){
		$(".ow-goods-related-content").remove();
	};
	//积分价格
	$(".price").each(function(){
		var price = OW.parseMoney($(this).find(".money > b").html());
		if(!price>0){
			$(this).find(".money").hide();
			$(this).find(".point > i").hide();
		};
	});
});
</script>
{if:OW.int("{$config(is_goods_share_show)}")=1}
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=20a88904-a482-4224-976c-20c52df123f1&amp;pophcol=2&amp;lang=zh"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
{/if}
</body>
</html>
