{seopage id=29}
{include "header.inc.html"}
{include "user/header.inc.html"}
<div class="layout-user">
	<div class="layout-side">{include "user/side.inc.html"}</div>
	<div class="layout-main">
		<div class="o-mt"><h2>商品评价</h2><div class="extra">{if $commentNum}<span id="tip-num">(<span class="num-comment">{$commentNum}</span>个待评价)</span>{/if}&nbsp;<span class="ftx-03">对商品质量进行评价</span></div></div>
		<div class="mypp_container">
<!-- S 表头 我购买的商品 -->
<table class="layout-table commodity_list mt10" id="tableHead">
<thead><tr><th scope="col">商品</th><th class="col_date" scope="col">购买时间</th><th class="col_action" scope="col">操作</th></tr></thead>
<tbody>
{foreach from=$orderInfo.goods item="goods"}
     <tr>
      <td class="">
       <div class="">
        <span class="pic"><a href="{$goods.goodsInfo.url}" target="_blank"><img width="50" height="50" alt="{$goods.goodsInfo.name}" src="{$goods.goodsInfo.preview.0.small.url}" /></a> </span><span class="name"><a title="{$goods.goodsInfo.name}" href="{$goods.goodsInfo.url}" target="_blank">{$goods.goodsInfo.name}</a></span>
        <div title="" class="info_others tx_c_gray">{$goods.spec}</div>
        <div class="other"></div>
       </div>
      </td>
		<td rowSpan="1" class="col_date">{$goods.posttime|date_format:"Y-m-d"}</td>
		<td rowSpan="1" class="col_action"><a href="javascript:void(0)" class="btn-appraise">发表评价<b class="icon-show"></b></a></td>
     </tr>
	 <tr class="appraise-form">
	 <td colspan="3">
	 {if $goods.point}
		<div class="fm-item"><div class="fm-title"><em>*</em>评分：</div><div class="fm-field">{for $intStar=1 to $goods.point}<span class="star"></span>{/for}{for $intStar=$goods.point+1 to 5}<span class="estar"></span>{/for}</div></div>
		<div class="fm-item"><div class="fm-title"><em>*</em>评价：</div><div class="fm-field">{$goods.appraise}</div></div>
	 {else}
	 <form action="/user/appraise/" method="post" id="form-appraise">
		<input type='hidden' name="inajax" value="1"><input type='hidden' name="act" value="appraise"><input type='hidden' name="id" value="{$orderInfo.id}"><input type='hidden' name="aid" value="{$goods.id}"><input type='hidden' name="point" value="">
		<div class="fm-item"><div class="fm-title"><em>*</em>评分：</div><div class="fm-field"><span class="stars estar"></span><span class="stars estar"></span><span class="stars estar"></span><span class="stars estar"></span><span class="stars estar"></span></div></div>
		<div class="fm-item"><div class="fm-title"><em>*</em>评价：</div><div class="fm-field"><textarea name="appraise" class="appraise" cols="20" rows="2" def="商品是否给力？快分享你的购买心得吧~">商品是否给力？快分享你的购买心得吧~</textarea></div></div>
		<div class="fm-item"><div class="fm-title"></div><div class="fm-field"><input type="submit" class="fm-btn" name="" value="&nbsp;评价" /></div></div>
	</form>
	{/if}
		</td>
	 </tr>
	 {/foreach}
</tbody>
</table>
<script type="text/javascript" src="{$baseUrl}static/js/jquery.form.js"></script>
<script type="text/javascript">
$(function(){
	$("input.fm-btn").click(function(){
		var fmitem=$(this).parent(".fm-field").parent(".fm-item");
		var fm = $(this).parent(".fm-field").parent(".fm-item").parent("form");
		var id=fm.find("input[name='id']").val(),aid=fm.find("input[name='aid']").val(),point=fm.find("input[name='point']").val(),appraise=fm.find("textarea[name='appraise']").val(),def=fm.find("textarea[name='appraise']").attr('def');
		if(!id || isNaN(parseInt(id))){ alert('订单不存在');return false; }if(!aid || isNaN(parseInt(aid))){ alert('评价商品不存在');return false; }if(!point || isNaN(parseInt(point)) || point<1 || point>5){ alert('请给商品评分');return false; }if(appraise=='' || appraise==def){ alert('请填写商品评价内容');return false; }
		fm.ajaxSubmit({ type:'POST',dataType:'json',success:function(json){ alert(json.message); if(json.success){ fm.find("span.stars").each(function(idx){ $(this).unbind().css('cursor','default'); });fm.find("textarea[name='appraise']").replaceWith(appraise);fmitem.remove(); } }});
		return false;
	});
		$("span.stars").each(function(){
			var idx=$(this).index();
			var fm = $(this).parent(".fm-field").parent(".fm-item").parent("form");
			var length = $(this).siblings().length+1;
			$(this).hover(function(){
				for(var i=0;i<=idx;i++){ fm.find("span.stars").eq(i).removeClass('estar').addClass('star'); }
				for(var j=idx+1;j<length;j++){ fm.find("span.stars").eq(j).removeClass('star').addClass('estar');}
			},function(){
				var tidx = fm.find('input[name="point"]').val();if(!tidx){ tidx=0 };tidx=tidx-1;
				for(var i=0;i<=tidx;i++){ fm.find("span.stars").eq(i).removeClass('estar').addClass('star'); }
				for(var j=tidx+1;j<length;j++){ fm.find("span.stars").eq(j).removeClass('star').addClass('estar');}
			});
			$(this).bind('click',function(){
				for(var i=0;i<=idx;i++){ fm.find("span.stars").eq(i).removeClass('estar').addClass('star'); }
				for(var j=idx+1;j<length;j++){ fm.find("span.stars").eq(j).removeClass('star').addClass('estar'); }
				fm.find('input[name="point"]').val(idx+1);
			});
		});
	$("textarea.appraise").bind('focus',function(){ var def=$(this).attr('def');var val=$(this).val();if(val==def){ $(this).val(''); } });
	$("textarea.appraise").bind('blur',function(){ var def=$(this).attr('def');var val=$(this).val();if(val==''){ $(this).val(def); } });
});
</script>
<div id="tradeLoading"><span>&nbsp;正在搜索订单，请稍候…</span></div>
<div class="no_data" id="noTradeData"><span>无符合的交易数据。</span></div>
<!-- E 表头 我购买的商品 -->

				</div>
			</div>
	</div>
	<div class="clear"></div>
</div>
{include "footer.inc.html"}