{extend name="default/base" /}
{block name="title"}商品详情 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__STATIC__/plugins/swiper/css/swiper.min.css">
<link rel="stylesheet"  href="__MOBILE__/css/goods_detail.css?v={$v}">
{/block}
{block name="header"}
<header class="wst-header wst-flex-row wst-jsb wst-ac" id="goods-header" style="display:none;">
	<i class="icon-return" onclick="history.back()"></i>
	<ul class="ui-tab-nav wst-flex-row wst-ac">
		<div>
			<li class="switch active" onclick="javascript:pageSwitch(this,1);">商品</li>
		</div>
		<div>
			<li class="switch" onclick="javascript:pageSwitch(this,2);">详情</li>
		</div>
		<div>
			<li class="switch" id="appr" onclick="javascript:pageSwitch(this,3);">评价</li>
		</div>
	</ul>
	<span class="icon-share" onclick="javascript:WST.share(1);"></span>
</header>
{/block}
{block name="main"}
<section class="wst-container ui-container" id="goods1">
	<input type="hidden" name="" value="{$info['goodsId']}" id="goodsId" autocomplete="off">
	<div class="swiper-container wst-go-img">
	    <div class="swiper-wrapper">
	    	{volist name="info['gallery']" id="ga"}
	        <div class="swiper-slide"><div class="img"><a href="" class="ads-1"><img src="__ROOT__/{:WSTImg($ga,2)}"/></a></div></div>
	        {/volist}
	    </div>
	    <div class="swiper-pagination"></div>
	</div>
	<div class="wst-go-header wst-flex-row wst-jsb wst-ac">
		<a class="wst-go-headerl" href="javascript:void(0);" onclick="history.back()"><i ></i></a>
		<a class="wst-go-headerr" href="javascript:void(0);"  onclick="javascript:WST.share(1);"><i></i></a>
	</div>
	<div class="wst-go-name">{$info['goodsName']}</div>
	<div class="wst-go-price"><p class="price"><i>¥ </i>{$info['shopPrice']}<span class="price2">  原价：¥ {$info['costPrice']}</span></p></div>
	<div class="wst-go-title">
		<div class="content wst-flex-row wst-ac">
			<p class="title">促销</p>
			<div class="desc">赠送积分</div>
			<div class="integral wst-flex-row"><p>购买即送</p><p class="score">{php}echo ceil($info['shopPrice']);{/php}</p><p>积分</p></div>
		</div>
	</div>

	{:hook('mobileDocumentGoodsDetail')}

	{if !empty($info['attrs']) }
	<div class="wst-go-title" onclick="javascript:dataShow();">
		<div class="content wst-flex-row wst-jsb wst-ac" style="border-bottom:none;">
			<p class="title">参数</p>
			<span class="icon-right-arrow"></span>
		</div>
	</div>
	{/if}
	<div>
		<div class="title gc-title" onclick="javascript:pageSwitch($('#appr'),3);">
			<div class="wst-flex-row wst-jsb wst-ac" style="height:0.54rem;">
				<p class="title">商品评价 (<span>{$info['appraiseNum']}</span>)</p>
				<div class="wst-flex-row wst-ac">
					<p class="appraise">查看全部</p>
					<i class="icon-right-arrow"></i>
				</div>
			</div>
			{if $info['appraise']}
			<div class="appraise-content">
				<div class="wst-flex-row wst-ac">
					<img class="user-photo" src="{$info['appraise']['userPhoto']}" >
					<div>
						<p class="login-name">{$info['appraise']['loginName']}</p>
					</div>

				</div>
				<div class="content">{$info['appraise']['content']}</div>
				<div class="images">
					{volist name="$info['appraise']['images']" id="vo"}
					{php}if($key>2)break;{/php}
					<img src="__ROOT__/{$vo}" >
					{/volist}
				</div>
				{if $info['appraise']['shopReply']}
				<div class="reply"><p>卖家回复：<br>{$info['appraise']['shopReply']}</p></div>
				{/if}
			</div>
			{/if}
		</div>
	</div>

	<!--
	<div style="height: 40px">
		{:hook('mobileDocumentGoodsDetail',['goodsId'=>$info['goodsId']])}
	</div>
	-->

</section>
<section class="ui-container" id="goods2" style="margin-bottom:0.6rem;border-top:0;">
	{if !empty($info['goodsDesc']) }
	<div class="wst-go-details">{$info['goodsDesc']}</div>
	{/if}
</section>
{/* 评价  */}
<input type="hidden" name="" value="" id="evaluateType" autocomplete="off">
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
<section class="ui-container" id="goods3" style="margin-top:0.47rem;display: none;">
	<div class="wst-flex-row wst-ac wst-ev-term">
		<div class="wst-ev-item active" onclick="javascript:evaluateSwitch(this,'');"><p>全部</p><p class="number">{$info['appraises']['sum']}</p></div>
		<div class="wst-ev-item" onclick="javascript:evaluateSwitch(this,'best');"><p>好评</p><p class="number">{$info['appraises']['best']}</p></div>
		<div class="wst-ev-item" onclick="javascript:evaluateSwitch(this,'good');"><p>中评</p><p class="number">{$info['appraises']['good']}</p></div>
		<div class="wst-ev-item" onclick="javascript:evaluateSwitch(this,'bad');"><p>差评</p><p class="number">{$info['appraises']['bad']}</p></div>
		<div class="wst-ev-item" onclick="javascript:evaluateSwitch(this,'pic');"><p>晒图</p><p class="number">{$info['appraises']['pic']}</p></div>
	</div>
	<div id="evaluate-list"></div>
</section>
<script id="list" type="text/html">
	{{# if(d && d.length>0){ }}
	{{# for(var i=0; i<d.length; i++){ }}
	<div class="wst-go-evaluate">
		<div class="info">
			<p>
				<img src="{{ d[i].userPhoto }}" class="portrait">
			<div class="wst-flex-column">
				<span class="name">{{ d[i].loginName }}</span>
				<span class="time">{{ d[i].createTime }}</span>
			</div>
			<div class="wst-clear"></div>
			</p>
		</div>
		<div class="content" data-gallery="{{d[i].images}}">
			<p>
				{{# var score = (d[i].goodsScore+d[i].serviceScore+d[i].timeScore)/3; }}
				{{# for(var j=1; j<6; j++){ }}
				{{# if(j <= score.toFixed(0)){ }}
				<i class="bright"></i>
				{{# }else{ }}
				<i class="dark"></i>
				{{# } }}
				{{# } }}
			</p>
			<p class="content2" >{{ d[i].content }}</p>
			{{# if(d[i].images){ }}
			{{# for(var m=0; m<d[i].images.length; m++){ }}
			<img onclick="gViewImg({{m}},this)" src="__ROOT__/{{ d[i].images[m] }}">
			{{# } }}
			{{# } }}
			<div class="wst-clear"></div>
		</div>
		{{# if(d[i].shopReply){ }}
		<div class="reply"><p>卖家回复：<br>{{ d[i].shopReply }}</p></div>
		{{# } }}
	</div>
	{{# } }}
	{{# }else{ }}
	<div class="wst-prompt-icon" style="width:1.84rem;"><img src="__MOBILE__/img/nothing-evaluate.png" ></div>
	<div class="wst-prompt-info">
		<p>暂无评论</p>
	</div>
	{{# } }}
</script>
<div class="weui-share wst-share" onclick="javascript:WST.share(0);">
	<div class="weui-share-box">点击右上角发送给朋友或分享到朋友圈 <i></i></div>
</div>
{/block}
{block name="include"}
{/* 遮盖层  */}
<div class="wst-cover" id="cover"></div>
{/* 参数框  */}
{if !empty($info['attrs']) }
<div class="wst-fr-box" id="frame" style="bottom:-100%;">
	<div class="title"><span>参数</span><div class="wst-clear"></div></div>
	<div style="overflow-y: scroll;height:3rem;">
		{volist name="$info['attrs']" id="at"}
		<div class="content wst-flex-row" >
			<div class="name">{$at['attrName']}</div><div class="val">{$at['attrVal']}</div>
		</div>
		{/volist}
	</div>
	<div class="determine"><button class="button" onclick="javascript:dataHide();">确定</button></div>
</div>
{/if}

{/*加入购物车框  */}
<div class="wst-cart-box" id="frame-cart">
	<div class="title">
		<div class="picture"><div class="img"><a href="javascript:void(0);"><img src="__ROOT__/{:WSTImg($info['goodsImg'],3)}" title="{$info['goodsName']|WSTStripTags}" id="specImage"></a></div></div>
		<i class="icon-close" onclick="javascript:cartHide();"></i>
		<p class="ui-nowrap-flex price"><span class="symbol">¥</span><span id="j-shop-price">{$info['shopPrice']}</span><span id="j-market-price" class="price2">¥{$info['costPrice']}</span></p>
		<div class="wst-clear"></div>
	</div>
	<div class="standard" id="standard">
		<div class="number wst-flex-row wst-jsb wst-ac">
			<div class="wst-flex-row wst-ac">
				<p style="color:#333;font-weight: bold;">数量</p>
				<div class="stock">库存：<span id="goods-stock">{$info['goodsStock']}</span>{$info['goodsUnit']}</div>
			</div>
			<div class="wst-buy_l wst-flex-row wst-ac">
				<div class="wst-buy-minus" onclick='javascript:changeNum(-1,{$info["goodsId"]})'></div><input id="buyNum" class="wst-buy_l2" data-min='1' data-max="{$info['goodsStock']}" type="number" value="1" autocomplete="off" onkeyup='changeNum(0,{$info["goodsId"]})'><div class="wst-buy-add"  onclick='javascript:changeNum(1,{$info["goodsId"]})'></div>
			</div>
		</div>
	</div>
	<div class="determine"><button class="button" onclick="javascript:addCart({$info['goodsId']});">确定</button></div>
</div>

{/block}
{block name="footer"}
	<div class="wst-go-footer wst-row">
		{php}$cartNum = WSTCartNum();{/php}
		<div class="wst-col wst-col-20"><a class="icon index" href="{:url('mobile/index/index')}"><i></i></a><p class="words">首页</p></div>
		<div class="wst-col wst-col-20"><a class="icon cart" href="{:url('mobile/carts/index')}"><i></i><span class="nums" id="cartNum">{if($cartNum>0)}{$cartNum}{/if}</span></a><p class="words">购物车</p></div>
		<div class="wst-col wst-col-20"></div>

		<div class="">
			<button class="button btn-red" id="addCart" type="button" onclick="javascript:cartShow(0);">加入购物车</button>
		</div>
	</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/swiper/js/swiper.min.js'></script>
<script type='text/javascript' src='__MOBILE__/js/goods_detail.js?v={$v}'></script>
{/block}