{extend name="default/base" /}
{block name="title"}商品评价 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/goods_appraises.css?v={$v}">
{/block}
{block name="header"}
	{php}$headerTitle = "商品评价"{/php}{__block__}
{/block}
{block name="main"}
<input type="hidden" name="" value="{$orderId}" id="orderId" autocomplete="off">
<section class="wst-container">
	{volist name="data['list']" id="li"}
	<div class="wst-ap-goods">
		<div class="list-i wst-flex-row wst-ac">
			<div class="img"><a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$li['goodsId']});"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{:WSTImg($li['goodsImg'],3)}" title="{$li['goodsName']}"></a></div>
			<div class="info wst-flex-column wst-jsb">
				<p class="name wst-nowrap-multi" onclick="javascript:WST.intoGoods({$li['goodsId']});">{$li['goodsName']}</p>
				<div class="list-r">
					{if ($li['appraise']!='')}
					<div class="button" onclick="javascript:comment({$li['goodsId']},{$li['id']});">查看评价</div>
					{else}
					<div class="button" onclick="javascript:toApprDetail({$li['orderId']},{$li['id']});">评价</div>
					{/if}
				</div>
			</div>
			<div class="wst-clear"></div>
		</div>
	</div>
	<div class="wst-comment" id="comment-{$li['id']}"></div>
	{/volist}
</section>
<script id="box" type="text/html">
	<div class="wst-ap-evaluate wst-row">
		{{# if(d.goodsScore!='' || d.serviceScore!='' || d.timeScore!=''){ }}
		<div class="wst-col wst-col-30">商品评分</div>
		<div class="wst-col wst-col-60">{{# for(var i=0;i<d.goodsScore;i++){ }}<i class="icon bright"></i>{{# } }}{{# for(var j=0;j<5-d.goodsScore;j++){ }}<i class="icon dark"></i>{{# } }}</div>
		<div class="wst-col wst-col-10 score"><span>{{ d.goodsScore }}分</span></div>
		
		<div class="wst-col wst-col-30">服务评分</div>
		<div class="wst-col wst-col-60">{{# for(var i=0;i<d.serviceScore;i++){ }}<i class="icon bright"></i>{{# } }}{{# for(var j=0;j<5-d.serviceScore;j++){ }}<i class="icon dark"></i>{{# } }}</div>
		<div class="wst-col wst-col-10 score">{{ d.serviceScore }}分</div>

		<div class="wst-col wst-col-30">时效评分</div>
		<div class="wst-col wst-col-60">{{# for(var i=0;i<d.timeScore;i++){ }}<i class="icon bright"></i>{{# } }}{{# for(var j=0;j<5-d.timeScore;j++){ }}<i class="icon dark"></i>{{# } }}</div>
		<div class="wst-col wst-col-10 score">{{ d.timeScore }}分</div>
		{{# }else{ }}
		<div class="wst-col wst-col-30">商品评分</div>
		<div class="wst-col wst-col-60">{{# for(var i=0;i<5;i++){ }}<i class="icon icon-49" onclick="javascript:clickStar(this,'goodsScore')"></i>{{# } }}</div>

		<div class="wst-col wst-col-20 score"><span id="goodsScore">0</span> 分</div>
		<div class="wst-col wst-col-30">服务评分</div>
		<div class="wst-col wst-col-50">{{# for(var i=0;i<5;i++){ }}<i class="icon icon-49" onclick="javascript:clickStar(this,'serviceScore')"></i>{{# } }}</div>
		<div class="wst-col wst-col-20 score"><span id="serviceScore">0</span> 分</div>
		
		<div class="wst-col wst-col-30">时效评分</div>
		<div class="wst-col wst-col-50">{{# for(var i=0;i<5;i++){ }}<i class="icon icon-49" onclick="javascript:clickStar(this,'timeScore')"></i>{{# } }}</div>
		<div class="wst-col wst-col-20 score"><span id="timeScore">0</span> 分</div>
		{{# } }}
	</div>
	<div class="wst-ap-content">
		{{# if(d.content!=''){ }}
		{{ d.content }}
		{{# }else{ }}
		<textarea id="content" maxLength='300' placeholder="请填写评价内容"></textarea>
		{{# } }}
	</div>
    <div class="weui_cell wst-ap-picture">
        <div class="weui_cell_bd weui_cell_primary">
            <div class="weui_uploader">
				{{# if(d.content==''){ }}
                <div class="weui_uploader_hd weui_cell">
                    <div class="weui_cell_bd weui_cell_primary">上传图片</div>
                    <div class="weui_cell_ft"></div>
                </div>
				{{# } }}
                <div class="weui_uploader_bd">
                    <ul class="weui_uploader_files" id='upload'>
					    {{# if(WST.blank(d.images)!=''){
                            var img = d.images;
                         }}
                        <ul class="complainFileBox">
                          {{# for(var g=0;g<img.length;++g){ }}
                            <li class="weui_uploader_file" style="background-image:url('__ROOT__/{{img[g]}}')"></li>
                          {{# } }}
                        </ul>
                        {{# } }}
					</ul>
					{{# if(d.content==''){ }}
                    <div class="weui_uploader_input_wrp">
                        <input class="weui_uploader_input" type="file" accept="image/jpg,image/jpeg,image/png,image/gif"  onchange="uploadImage(this)" multiple />
                    </div>
					{{# } }}
                </div>
             </div>
         </div>
     </div>
	 {{# if(d.content==''){ }}
     <div class="wst-ap-submit"><button class="button btn-yellow" onclick="javascript:submit({{ d.goodsId }},{{ d.orderGoodsId }});">提交</button></div>
	 {{# } }}
</script>
{/block}
{block name="footer"}{/block}
{block name="js"}
<script type='text/javascript' src='__MOBILE__/users/orders/appraises.js?v={$v}'></script>
{/block}