初次评价页面

src/main/webapp/resources/view/usercenter/forstore/buyer_order.html

@@ -736,18 +736,15 @@
 								<a href="user#/order/detail/{{order.orderid | EncryptionFilter}}" class="oder_d action-link" style="display: block;" target="_blank">订单详情</a>
 
 								<a class="action-link" href="user#/buyerQueryLogistics/{{order.orderid | EncryptionFilter}}" ng-if="order.status == 404" style="display: block;" target="_blank">查看物流</a>
-								<div>双方已评</div>
+								<a class="action-link" href="user#/rate/showRate" style="display: block;" target="_blank">双方已评</a>
 							</div>
 						</span>
 						<span class="oder_deal" ng-class="{'order-border-bottom-solid' : $index == order.orderDetails.length -1 || $index==2}">
                             <div ng-if="$index == 0">
-								<a class="operate-height" href="user#/rate/showRate" style="display: block;">
-                                  <em class="order-operation">已评价</em>
-                              	</a>
-								<a class="operate-height" href="user#/rate/addRate" style="display: block;">
+								<a class="operate-height" href="user#/rate/addRate" target="_blank" style="display: block;">
                                   <em class="order-operation">追加评价</em>
                               	</a>
-								<a class="operate-height" href="user#/rate/firstRate" style="display: block;">
+								<a class="operate-height" href="user#/rate/firstRate" target="_blank" style="display: block;">
                                   <em class="order-operation">评价</em>
                               	</a>
                               <a class="operate-height" href="user#/order/pay/{{order.orderid | EncryptionFilter}}" ng-if="(order.status == 503 || order.status == 501) && order.auditPayFailReason == null" style="display: block;">

src/main/webapp/resources/view/usercenter/forstore/first_rate.html

@@ -1,7 +1,142 @@
 <style>
+    .first-rate {
+        width: 1026px;
+        float: right;
+        background: #fff;
+    }
+    .first-rate .first-rate-head {
+        background: #89affa;
+        color: #fff;
+        padding: 0px 24px;
+        height: 40px;
+        line-height: 40px;
+    }
+    .first-rate .first-rate-head  span a.first-rate-company {
+        font-size: 14px;
+    }
+    .first-rate .first-rate-head  span a em {
+        color: #fff;
+        font-size: 14px;
+    }
+    .first-rate table {
+        margin: 13px;
+    }
+    .first-rate table thead {
+        background: #f5f8fe;
+    }
+    .first-rate table thead tr td {
+        width: 1000px;
+        padding: 16px 11px;
+        font-size: 14px;
+        margin-left: 15px;
+    }
+    .first-rate table tbody tr td img{
+        width: 73px;
+        height: 74px;
+        float: left;
+    }
+    .first-rate table tbody tr td .first-rate-item-info {
+        display: inline-block;
+        width: 200px;
+        float: left;
+    }
+    .first-rate table tbody tr td .first-rate-item-introduce {
+        display: block;
+        margin: 5px 10px;
+        font-size: 14px;
+    }
+    .first-rate table tbody tr td .first-rate-item-introduce span {
+        max-width: 130px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: inline-block;
+    }
+    .first-rate table tbody tr td .first-rate-item-rate {
+        display: inline-block;
+        float: right;
+    }
+    .first-rate table tbody tr td .first-rate-item-rate .rate-item {
+        display: inline-block;
+        margin-right: 10px;
+        position: relative;
+        top: 8px;
+        font-size: 14px;
+    }
+    .first-rate table tbody tr td .first-rate-item-rate .rate-item label {
+        display: block;
+        font-weight: normal;
+        margin-top: 10px;
+    }
+    .first-rate table tbody tr td .first-rate-item-textBox {
+        display: inline-block;
+        float: right;
+        background: #f5f8ff;
+        padding: 7px 15px;
+        margin-top: 5px;
+    }
+    .first-rate table tbody tr td .first-rate-item-textBox textarea {
+        width: 507px;
+        height: 87px;
+        overflow: scroll;
+    }
 
 </style>
 
-<div>
-    <h1>{{text}}</h1>
+<div class="first-rate">
+    <div class="first-rate-head">
+        <span style="width: 27%;">
+            <a target="_blank" class="first-rate-company">
+                <img src="static/img/user/images/shop_home.png"/>
+                <em>深圳市优软科技有限公司</em>
+            </a>
+        </span>
+        <span style="position: relative; width: 10%; margin-left: 50px;">
+            <img src="static/img/common/songguo.png"/>
+            <a href="javascript:void(0)" class="contact_btn">联系卖家</a>
+        </span>
+        <span style="float: right;margin-right: 46px; font-size: 12px;">其他买家需要你的建议喔</span>
+    </div>
+    <table>
+        <thead>
+            <tr>
+                <td>
+                    <span style="color: #5078cb;">店铺评价：</span>
+                    <span>描述相符</span>
+                    <span>卖家服务</span>
+                    <span>物流服务</span>
+                </td>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>
+                    <img src="static/img/user/images/default.png" alt="">
+                    <div class="first-rate-item-info">
+                        <span class="first-rate-item-introduce">类目：<span>专用处理器</span></span>
+                        <span class="first-rate-item-introduce">型号：<span>445NNSJASDASKDJA</span></span>
+                        <span class="first-rate-item-introduce">品牌：<span>mnnnnnk</span></span>
+                    </div>
+                    <div class="first-rate-item-rate">
+                        <div class="rate-item">
+                            <label for="1">
+                                <span>好评</span>
+                                <input type="radio" id="1">
+                            </label>
+                            <label for="2">
+                                <span>中评</span>
+                                <input type="radio" id="2">
+                            </label>
+                            <label for="3">
+                                <span>差评</span>
+                                <input type="radio" id="3">
+                            </label>
+                        </div>
+                        <div class="first-rate-item-textBox">
+                            <textarea placeholder="请输入您对产品的评价" name="" id="" cols="30" rows="10"></textarea>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </div>