Просмотр исходного кода

买家评价图标,radio问题

yangc 8 лет назад
Родитель
Сommit
3ce401eaa2

BIN
src/main/webapp/resources/img/user/images/rate1.png


BIN
src/main/webapp/resources/img/user/images/rate2.png


BIN
src/main/webapp/resources/img/user/images/rate3.png


BIN
src/main/webapp/resources/img/user/images/rateBad.png


BIN
src/main/webapp/resources/img/user/images/rateGood.png


+ 5 - 6
src/main/webapp/resources/view/usercenter/forstore/buyer_order.html

@@ -736,19 +736,18 @@
 								<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 ng-if="order.status == 522" class="operate-height" target="_blank" href="user#/rate/showRate/{{order.orderid | EncryptionFilter}}" style="display: block;">
+                                  <em class="order-operation">双方已评</em>
+                              	</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 ng-if="order.status == 520" class="operate-height" href="user#/rate/firstRate/{{order.orderid | EncryptionFilter}}" style="display: block;">
+                                <a ng-if="order.status == 520" class="operate-height" target="_blank" href="user#/rate/firstRate/{{order.orderid | EncryptionFilter}}" style="display: block;">
                                   <em class="order-operation">评价</em>
                               	</a>
-								<a ng-if="order.status == 523" class="operate-height" href="user#/rate/addRate/{{order.orderid | EncryptionFilter}}" style="display: block;">
+								<a ng-if="order.status == 523" class="operate-height" target="_blank" href="user#/rate/addRate/{{order.orderid | EncryptionFilter}}" style="display: block;">
                                   <em class="order-operation">追加评价</em>
-                              	</a>
-								<a ng-if="order.status == 522" class="operate-height" href="user#/rate/showRate/{{order.orderid | EncryptionFilter}}" 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;">
                                   <em class="order-operation">立即付款</em>

+ 11 - 8
src/main/webapp/resources/view/usercenter/forstore/first_rate.html

@@ -72,7 +72,7 @@
         margin-top: 6px;
         font-size: 14px;
     }
-    .first-rate table tbody tr td .first-rate-item-rate .rate-item label {
+    .first-rate table tbody tr td .first-rate-item-rate .rate-item >label {
         display: block;
         font-weight: normal;
         margin-top: 10px;
@@ -140,7 +140,7 @@
             </tr>
         </thead>
         <tbody>
-            <tr ng-repeat="detail in order.orderDetails">
+            <tr ng-repeat="detail in order.orderDetails track by $index">
                 <td>
                     <a href="store/{{::order.storeid}}/{{::detail.batchCode}}" target="_blank"><img ng-src="{{detail.img || 'static/img/store/common/default.png'}}" width="55" height="55"/></a>
 
@@ -151,17 +151,20 @@
                     </div>
                     <div class="first-rate-item-rate">
                         <div class="rate-item">
-                            <label for="1">
+                            <label class="check-act">
+                                <input type="radio" id="1*({{$index}}+1)" name="radio{{$index}}" checked="checked"/>
+                                <label for="1*({{$index}}+1)"></label>
                                 <span>好评</span>
-                                <input type="radio" id="1" checked="checked">
                             </label>
-                            <label for="2">
+                            <label class="check-act">
+                                <input type="radio" id="1*({{$index}}+2)" name="radio{{$index}}"/>
+                                <label for="1*({{$index}}+2)"></label>
                                 <span>中评</span>
-                                <input type="radio" id="2">
                             </label>
-                            <label for="3">
+                            <label class="check-act">
+                                <input type="radio" id="1*({{$index}}+3)" name="radio{{$index}}"/>
+                                <label for="1*({{$index}}+3)"></label>
                                 <span>差评</span>
-                                <input type="radio" id="3">
                             </label>
                         </div>
                         <div class="first-rate-item-textBox">

+ 61 - 15
src/main/webapp/resources/view/usercenter/forstore/show_rate.html

@@ -27,7 +27,7 @@
     }
     .add-rate table thead tr td {
         width: 1000px;
-        padding: 16px 11px;
+        padding: 14px 11px;
         font-size: 14px;
         margin-left: 15px;
     }
@@ -85,9 +85,17 @@
         background: #5078cb;
         color: #fff;
     }
-    .add-rate table thead tr td >span {
+    .add-rate table thead tr.line01 td >span {
         margin-left: 5px;
         float: left;
+        margin-top: 5px;
+    }
+    .add-rate table thead tr.line01 td >span >img {
+        margin-right: 5px;
+        margin-bottom: 3px;
+    }
+    .add-rate table thead tr.line02 td >span >img {
+        margin-left: -3px;
     }
     .add-rate table thead tr td >div {
         display: inline-block;
@@ -103,6 +111,15 @@
     .add-rate table thead tr td >div >span.add-rate-item02 {
         margin-top: 5px;
     }
+    .add-rate table thead tr.line01 {
+        border-bottom: 1px solid rgb( 232, 235, 252 );
+    }
+    .add-rate table thead tr.line02 {
+        background: #f5f8fe;
+    }
+    .add-rate table thead tr.line02  {
+        background: #f5f8fe;
+    }
     .add-rate table .buyer-first-rate {
         width: 726px;
         float: right;
@@ -159,19 +176,48 @@
     </div>
     <table>
         <thead>
-        <tr>
-            <td>
-                <span>好评</span>
-                <div style="margin-left: 20px;">
-                    <span class="add-rate-item01">卖家初评:<span>很爽快的买家</span></span>
-                    <span class="add-rate-item02">2017-07-01</span>
-                </div>
-                <div style="margin-left: 40px;">
-                    <span class="add-rate-item01">卖家追评:<span>很好的买家,感谢您的支持!</span></span>
-                    <span class="add-rate-item02">2017-07-01</span>
-                </div>
-            </td>
-        </tr>
+            <tr class="line01">
+                <td>
+                    <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>
+                    </div>
+                    <div style="margin-left: 40px;">
+                        <span class="add-rate-item01">卖家追评:<span>很好的买家,感谢您的支持!</span></span>
+                        <span class="add-rate-item02">2017-07-01</span>
+                    </div>
+                </td>
+            </tr>
+            <tr class="line02">
+                <td>
+                    <span class="describe-title" style="color: #5078cb; font-weight: bold; margin-left: 15px;">店铺评价:</span>
+                    <span>描述相符</span>
+                    <span class="rate-level">
+                        <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">
+                        <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">
+                        <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>