买家中心评价三个页面

src/main/webapp/resources/js/usercenter/app.js

@@ -418,7 +418,6 @@ define([ 'angularAMD', 'ui.router', 'ui-bootstrap', 'ngLocal', 'ngTable', 'commo
 			return statusConfig[data];
 		}
 	});
-
 	// 状态码  -> 快递
 	app.filter('logisticsCompany', function(){
 		var logisticsCompanyConfig = {

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

@@ -34,7 +34,7 @@
     .add-rate table tbody tr {
         border-bottom: 1px dashed rgb( 232, 235, 252 );
     }
-    .add-rate table tbody tr td img{
+    .add-rate table tbody tr td >img{
         width: 73px;
         height: 74px;
         float: left;
@@ -85,9 +85,21 @@
         background: #5078cb;
         color: #fff;
     }
-    .add-rate table thead tr td >span {
+    .add-rate table thead tr.line02 {
+        background: #f5f8fe;
+    }
+    .add-rate table thead tr.line02 .describe-title {
+        color: #5078cb;
+        font-weight: bold;
+        margin-left: 15px;
+    }
+    .add-rate table thead tr.line02 .describe-option {
+        margin-right: 55px;
+    }
+    .add-rate table thead tr.line01 td >span {
         margin-left: 5px;
         float: left;
+        margin-top: 5px;
     }
     .add-rate table thead tr td >div {
         display: inline-block;
@@ -102,6 +114,8 @@
     }
     .add-rate table thead tr td >div >span.add-rate-item02 {
         margin-top: 5px;
+        color: #999;
+        font-size: 12px;
     }
     .add-rate table .buyer-first-rate {
         width: 726px;
@@ -125,10 +139,15 @@
     .add-rate table .buyer-first-rate .buyer-first-rate02 >div {
         display: inline-block;
     }
-    .add-rate table .buyer-first-rate .buyer-first-rate02 >div span {
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div >span {
         display: block;
         margin-top: 10px;
     }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div >span img {
+        margin-right: 3px;
+        position: relative;
+        top: -2px;
+    }
     .add-rate table .buyer-first-rate .comment {
         width: 215px;
         float: right;
@@ -148,7 +167,7 @@
         margin: 5px 0;
     }
     .add-rate table tbody tr td .first-rate-item-textBox textarea {
-        width: 209px;
+        width: 207px;
         height: 60px;
         overflow: scroll;
     }
@@ -171,9 +190,9 @@
     </div>
     <table>
         <thead>
-        <tr>
+        <tr class="line01">
             <td>
-                <span>好评</span>
+                <span><img src="static/img/user/images/rate1.png" alt="">好评</span>
                 <div style="margin-left: 20px;">
                     <span class="add-rate-item01">卖家初评：<span>很爽快的买家</span></span>
                     <span class="add-rate-item02">2017-07-01</span>
@@ -184,6 +203,35 @@
                 </div>
             </td>
         </tr>
+        <tr class="line02">
+            <td>
+                <span class="describe-title describe-option">店铺评价：</span>
+                <span>描述相符：</span>
+                <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
+                <span>卖家服务：</span>
+                <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
+                <span>物流服务：</span>
+                <span class="rate-level describe-option">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                        <img src="static/img/user/images/rateGood.png" alt="">
+                    </span>
+            </td>
+        </tr>
         </thead>
         <tbody>
         <tr>
@@ -197,15 +245,15 @@
                 <div class="buyer-first-rate">
                     <div class="buyer-first-rate02" style="margin-left: 100px">
                         <div>
-                            <span>买家初评</span>
-                            <span><i></i><span>好评</span></span>
+                            <span>买家初评：</span>
+                            <span><img src="static/img/user/images/rate1.png" alt=""><span>好评</span></span>
                             <span class="rate-date">2017-06-05</span>
                         </div>
                         <div class="comment">
                             <span>谢谢亲阿双方打款付了哈咖啡韩哈见客户</span></div>
                     </div>
                     <div class="buyer-first-rate02" style="background: #fff">
-                        <div style="margin-top: 10px;">买家追评</div>
+                        <div style="margin-top: 10px;">买家追评：</div>
                         <div class="first-rate-item-textBox">
                             <textarea placeholder="请输入您对产品的评价" name="" id="" cols="30" rows="10"></textarea>
                         </div>

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

@@ -34,7 +34,7 @@
     .add-rate table tbody tr {
         border-bottom: 1px dashed rgb( 232, 235, 252 );
     }
-    .add-rate table tbody tr td img{
+    .add-rate table tbody tr td >img{
         width: 73px;
         height: 74px;
         float: left;
@@ -110,6 +110,8 @@
     }
     .add-rate table thead tr td >div >span.add-rate-item02 {
         margin-top: 5px;
+        color: #999;
+        font-size: 12px;
     }
     .add-rate table thead tr.line01 {
         border-bottom: 1px solid rgb( 232, 235, 252 );
@@ -117,9 +119,6 @@
     .add-rate table thead tr.line02 {
         background: #f5f8fe;
     }
-    .add-rate table thead tr.line02  {
-        background: #f5f8fe;
-    }
     .add-rate table thead tr.line02 .describe-title {
         color: #5078cb;
         font-weight: bold;
@@ -144,16 +143,21 @@
     .add-rate table .buyer-first-rate >div >div {
     }
     .add-rate table .buyer-first-rate >div .rate-date {
-        color: #a8a8a8;
+        color: #999;
         margin-top: 10px;
     }
     .add-rate table .buyer-first-rate .buyer-first-rate02 >div {
         display: inline-block;
     }
-    .add-rate table .buyer-first-rate .buyer-first-rate02 >div span {
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div >span {
         display: block;
         margin-top: 10px;
     }
+    .add-rate table .buyer-first-rate .buyer-first-rate02 >div >span img{
+        margin-right: 3px;
+        position: relative;
+        top: -2px;
+    }
     .add-rate table .buyer-first-rate .comment {
         width: 215px;
         float: right;
@@ -240,7 +244,7 @@
                     <div class="buyer-first-rate02" style="margin-left: 100px">
                         <div>
                             <span>买家初评</span>
-                            <span><i></i><span>好评</span></span>
+                            <span><img src="static/img/user/images/rate1.png" alt=""><span>好评</span></span>
                             <span class="rate-date">2017-06-05</span>
                         </div>
                         <div class="comment">
@@ -249,7 +253,7 @@
                     <div class="buyer-first-rate02">
                         <div>
                             <span>买家初评</span>
-                            <span><i></i><span>好评</span></span>
+                            <span><img src="static/img/user/images/rate2.png" alt=""><span>中评</span></span>
                             <span class="rate-date">2017-06-05</span>
                         </div>
                         <div class="comment">