<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShopEval.aspx.cs" Inherits="XpShop.Store.ShopEval" %>
<%@ Import Namespace="System.Data"%>
<%@ Register TagPrefix="uc1" TagName="Header" Src="/Template/xpshop_etp2011/Modules/Header.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Helper" Src="/Template/xpshop_etp2011/Modules/Helper.ascx" %>
<%@ Register TagPrefix="uc1" TagName="Footer" Src="/Template/xpshop_etp2011/Modules/Footer.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<!--#include file="../inc/encoding.inc"-->
		<title><%=config.SiteTitle%></title>
		<!--#include file="../inc/storehead.inc"-->
		<link rel="stylesheet" href="<%=webSite %>store/style/skin.css" type="text/css"/>
		<link rel="stylesheet" href="<%=webSite %>store/style/shopeval.css" type="text/css"/>
	</head>
	<body>
		<uc1:Header id="Header1" runat="server"></uc1:Header>
	    <div class="xp-w clear">
	        <form id=form1 runat=server>
	        <%-- 店铺头部开始 --%>	
	        <div class="xp-store-nav" style="background:url(<%=webSite %>/upload/Supplier/<%=supplierDetail.Banner%>);">
	            <ul>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/default.aspx?sid=<%=supplierDetail.SupplierID %>">首页</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/AboutStore.aspx?sid=<%=supplierDetail.SupplierID %>">商家简介</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="on">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/ShopEval.aspx?sid=<%=supplierDetail.SupplierID %>">商家评价</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/Contact.aspx?sid=<%=supplierDetail.SupplierID %>">联系方式</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/StoreAsk.aspx?sid=<%=supplierDetail.SupplierID %>">最新问答</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/Protect.aspx?sid=<%=supplierDetail.SupplierID %>">服务保障</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	                <li class="out">
	                    <div class="li-div-l"></div>
	                    <div class="li-div-m"><a href="<%=webSite %>store/StoreActivity.aspx?sid=<%=supplierDetail.SupplierID %>">圣诞活动</a></div>
	                    <div class="li-div-r"></div>
	                </li>
	            </ul>
	        </div>
	        <%-- 店铺头部结束 --%>
	        <%--内容开始--%>
	        <div class="xp-shopeval-content">
	        
	            <div class="xp-shopeval-info">
					<div class="shopeval-img" style="float:left; margin-right:10px;">
					    <div class="img"> 
					        <img src="<%=webSite %>/upload/Supplier/<%=supplierDetail.Logo%>" />
					    </div>
					</div>
					<div class="shopeval-info">
					    <div>商家名称：<a href='default.aspx?sid=<%= supplierDetail.SupplierID%>'><%= supplierDetail.Contacter%></a></div>
					    <div>商品数量：<%= supplierDetail.PdtNum%></div>
					    <div>开店时间：<%= supplierDetail.AddTime%></div>
					    <div>所 在 地：<%=supplierDetail.Address %></div>
				    </div>
				 </div>
                 <div class="xp-shopeval-score">
                    <table class="xp-shopeval-score-tab" cellpadding="1">
                        <tr class="top">
                            <td class="title">总体评价</td>
                            <td><div class="shopevalstar<%=string.Format("{0:f0}",supplierDetail.PingFen)%>"></div></td>
                        </tr>
                        <tr>
                            <td class="title">信息可信度</td>
                            <td>
                                <div class="shopevalstar<%=string.Format("{0:f0}",supplierDetail.Pj1)%>"></div>
                                <div class="xp-shopeval-score-tjicon">
                                    <div class="xp-shopeval-score-tjnum">
                                        <div class="top">评价数量（16条）</div>
                                        <div class="text">
                                            <ul>
                                                <li class="clear">
                                                    <div class="divscore">5分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:37%'></div></div>
                                                    <div class="divnum">(6)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">4分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:56%'></div></div>
                                                    <div class="divnum">(9)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">3分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">2分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">1分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="title">价格水平</td>
                            <td>
                                <div class="shopevalstar<%=string.Format("{0:f0}",supplierDetail.Pj2)%>"></div>
                                <div class="xp-shopeval-score-tjicon">
                                    <div class="xp-shopeval-score-tjnum">
                                        <div class="top">评价数量（16条）</div>
                                        <div class="text">
                                            <ul>
                                                <li class="clear">
                                                    <div class="divscore">5分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:37%'></div></div>
                                                    <div class="divnum">(6)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">4分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:56%'></div></div>
                                                    <div class="divnum">(9)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">3分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">2分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">1分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="title">送货速度</td>
                            <td>
                                <div class="shopevalstar<%=string.Format("{0:f0}",supplierDetail.Pj3)%>"></div>
                                <div class="xp-shopeval-score-tjicon">
                                    <div class="xp-shopeval-score-tjnum">
                                        <div class="top">评价数量（16条）</div>
                                        <div class="text">
                                            <ul>
                                                <li class="clear">
                                                    <div class="divscore">5分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:37%'></div></div>
                                                    <div class="divnum">(6)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">4分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:56%'></div></div>
                                                    <div class="divnum">(9)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">3分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">2分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">1分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:0%'></div></div>
                                                    <div class="divnum">(0)</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="title">客户服务</td>
                            <td>
                                <div class="shopevalstar<%=string.Format("{0:f0}",supplierDetail.Pj4)%>"></div>
                                <div class="xp-shopeval-score-tjicon">
                                    <div class="xp-shopeval-score-tjnum">
                                        <div class="top">评价数量（18条）</div>
                                        <div class="text">
                                            <ul>
                                                <li class="clear">
                                                    <div class="divscore">5分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:37%'></div></div>
                                                    <div class="divnum">(6)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">4分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:56%'></div></div>
                                                    <div class="divnum">(9)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">3分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">2分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                                <li class="clear">
                                                    <div class="divscore">1分</div>
                                                    <div class="divicon1"><div class="divicon2" style='width:6%'></div></div>
                                                    <div class="divnum">(1)</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>    
                            </td>
                        </tr>
                    </table>
                    <script type="text/javascript">
                        $(document).ready(function(){
                            $(".xp-shopeval-score-tjicon").hover(function(){
                                $(this).find('.xp-shopeval-score-tjnum').show();
                            },function(){
                                $(this).find('.xp-shopeval-score-tjnum').hide();
                            });
                        });
                    </script>
					<div class="shopeval-tip">小贴士：所有发表评价的顾客都在本店购买过商品。</div>
				 </div>
	        
	        
	            <div class="xp-shopeval-title clear">
	                <div style="height:30px; float:left;"><span>所有评价(<%=supplierDetail.Reviews %>条)</span></div>
	                
	                <!-- 翻页开始-->
                    <div style="float:right; margin-right:60px; display:inline;">
	                    <span class="xp-store-prev"><a href="#">上一页</a></span>
	                    <span class="xp-store-pagenum">第1页</span>
	                    <span class="xp-store-next"><a href="#">下一页</a></span>
	                </div>
				    <!-- 翻页结束-->
				    <div style="float:right; margin-right:60px;">
	                    排序方式：
	                    <select>
	                        <option>按确认收货时间降序</option>
	                        <option>按确认收货时间升序</option>
	                    </select>
	                </div>
	                
	            </div>
	            <div class="xp-shopeval-text">          
	            <asp:Repeater ID=rptShopEval runat=server>
	                <ItemTemplate>
	                    <div class="itemcss clear">
	                        <div style="float:left; width:60%;">
	                            <%--评价开始--%>
	                            <div class="plcontent">
	                                <div style="color:#924c4a;">
	                                   顾客：<%#DataBinder.Eval(Container.DataItem, "MemberName")%> <br />
	                                   确认收货：<%#DataBinder.Eval(Container.DataItem, "ReceiveTime")%>
	                                </div>
	                                <div>
	                                    <div class="xp-shopeval-text-title"><%#DataBinder.Eval(Container.DataItem, "Title")%></div>
	                                    <div><%#DataBinder.Eval(Container.DataItem, "Body")%></div>
	                                </div>
	                            </div>
	                            <%--评价结束--%>
	                            <%--回复开始--%>
	                            <div class="xp-shopeval-reply clear">
	                                <div class="shopeval-icon"></div>
	                                <div class="reply">
	                                    <div class="replytitle">商家回复</div>
                                        <asp:repeater id="rptEvalReply" datasource='<%# ((DataRowView)Container.DataItem).Row.GetChildRows("relation") %>' runat="server">
	                                    <ItemTemplate>
    	                                    
                                            <div class="askcontent"><%#DataBinder.Eval(Container.DataItem, "[\"Body\"]")%></div>
	                                        <div class="replytime">回复时间：<%#DataBinder.Eval(Container.DataItem, "[\"ReplyTime\"]")%></div>
	                                    </ItemTemplate>
	                                    </asp:Repeater>
                                    
	                                </div>

	                            </div>
	                            <%--回复结束--%>
	                            <div class="clear" style="height:12px; overflow:hidden;"></div>
	                            <div class="xp-shopeval-usefulness">
	                                有<span style=" color:#91433f; font-family:Arial; font-size:15px;"><%#DataBinder.Eval(Container.DataItem,"YesNum")%></span>人认为此评论有用，您认为呢？
	                                <input type="button" class="usefulness_btn" value="有用" /><input type="button" class="usefulness_btn" value="没用" />
	                            </div>
	                        </div>
	                        <div style="float:right; width:27%; display:inline; margin-right:20px;">
	                            <div class="shopevalstar<%#DataBinder.Eval(Container.DataItem, "pingfen", "{0:f0}")%>"></div>
	                            <div class="shopeval-xsxq"></div>
	                            <div class="shopeval-xsxq-score clear">
	                                <table class="shopeval-xsxq-score-tab" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td class="title">信息可信度</td>
                                            <td><div class="store-review-star<%#DataBinder.Eval(Container.DataItem, "Pj1", "{0:f0}")%>"></div></td>
                                        </tr>
                                        <tr>
                                            <td class="title">价格水平</td>
                                            <td><div class="store-review-star<%#DataBinder.Eval(Container.DataItem, "Pj2", "{0:f0}")%>"></div></td>
                                        </tr>
                                        <tr>
                                            <td class="title">送货速度</td>
                                            <td><div class="store-review-star<%#DataBinder.Eval(Container.DataItem, "Pj3", "{0:f0}")%>"></div></td>
                                        </tr>
                                        <tr>
                                            <td class="title">客户服务</td>
                                            <td><div class="store-review-star<%#DataBinder.Eval(Container.DataItem, "Pj4", "{0:f0}")%>"></div></td>
                                        </tr>
                                    </table>
	                            </div>
	                            <script type="text/javascript">
	                                $(document).ready(function(){
	                                    $(".shopeval-xsxq").toggle(function(){
	                                        $(this).addClass("shopeval-xsxq-on");
	                                        $(this).next().show();
	                                    },function(){
	                                        $(this).removeClass("shopeval-xsxq-on");
	                                        $(this).next().hide();
	                                    });
	                                });
                                </script>
	                        </div>
	                    </div>
	                </ItemTemplate>
	            </asp:Repeater>
                
	            </div>
	        </div>
	        <%--内容结束--%>
		    </form>
		</div>	
	    <uc1:Helper id="Helper1" runat="server"></uc1:Helper>
	    <uc1:Footer id="Footer1" runat="server"></uc1:Footer>
	</body>
</html>