Эх сурвалжийг харах

feat(KIP-9217): invoice UI 优化

lock.qiu@kerryprops.com 2 жил өмнө
parent
commit
588fa77a05

+ 9 - 9
src/pages/parkingFee/parkingFeeDetailSuccess.vue

@@ -58,41 +58,41 @@
           <div class="parking-info-item" v-if="false">
             <!--todo: 杭州首停不显示暂时根据groupId写死-->
             <span class="info-key">首停优惠</span>
-            <span class="info-value fw">{{
+            <span class="info-value">{{
               (detail.firstParkFee / 100) | currency
             }}</span>
           </div>
           <div class="parking-info-item">
             <span class="info-key">会员等级减免</span>
-            <span class="info-value fw">{{ detail.discountInfo && detail.discountInfo.memberLevelDiscount | currency }}</span>
+            <span class="info-value ">{{ detail.discountInfo && detail.discountInfo.memberLevelDiscount | currency }}</span>
           </div>
           <div class="parking-info-item">
             <span class="info-key">消费减免</span>
-            <span class="info-value fw">{{ detail.discountInfo.consumeDiscount | currency }}</span>
+            <span class="info-value">{{ detail.discountInfo.consumeDiscount | currency }}</span>
           </div>
 
           <div class="parking-info-item">
             <span class="info-key">积分减免</span>
-            <span class="info-value fw">{{ detail.discountInfo.pointsDiscount | currency }}</span>
+            <span class="info-value ">{{ detail.discountInfo.pointsDiscount | currency }}</span>
           </div>
           <div class="parking-info-item">
             <span class="info-key">会员卡券</span>
-            <span class="info-value fw">{{ detail.discountInfo.couponDiscount | currency }}</span>
+            <span class="info-value ">{{ detail.discountInfo.couponDiscount | currency }}</span>
           </div>
           <div class="parking-info-item" v-if="detail.paperCouponCode">
             <span class="info-key">纸质优惠券</span>
-            <span class="info-value fw">{{ detail.discountInfo.paperCouponDiscount | currency }}</span>
+            <span class="info-value ">{{ detail.discountInfo.paperCouponDiscount | currency }}</span>
           </div>
           <div class="parking-info-item pb0">
             <span class="info-key">使用优惠总计</span>
-            <span class="info-value fw">{{ (detail.discountInfo.usingTotalDiscount || 0) | currency }}</span>
+            <span class="info-value ">{{ (detail.discountInfo.usingTotalDiscount || 0) | currency }}</span>
           </div>
           <div
             class="parking-info-item"
             v-if="detail.discountInfo.usingTotalDiscount > detail.discountInfo.actualUsedDiscount"
           >
             <span class="info-key">实际优惠总计</span>
-            <span class="info-value fw">{{ detail.discountInfo.actualUsedDiscount | currency }}</span>
+            <span class="info-value ">{{ detail.discountInfo.actualUsedDiscount | currency }}</span>
           </div>
         </div>
         <div class="parking-detail"></div>
@@ -100,7 +100,7 @@
         <div class="parking-part">
           <div class="parking-info-item">
             <span class="info-key">应缴</span>
-            <span class="info-value fw">{{
+            <span class="info-value ">{{
               detail.totalFee | currency
             }}</span>
           </div>

+ 2 - 0
src/pages/parkingFee/parkingFeeList.vue

@@ -62,6 +62,8 @@
           <div class="choice_card_index_icon bg_parkingRoom">
             <img
                 class="car-icon"
+                style="
+        padding-left: 8px;"
                 :src="require(`./static/images/parking_room.png`)"
               />
           <div class="choice_card_index_text2">{{item.parkName}}</div>

+ 1 - 1
src/pages/parkingFee/parkingReceipt/parkingReceipt.vue

@@ -106,7 +106,7 @@
                     <div class="orderFee2" >¥{{ item.totalPaidAmount || item.invoiceTotalAmount }}</div>
                     <div class="orderDetail">查看详情</div>
                     <!-- v-if="/FAILED|3/.test(item.status)"  -->
-                    <div class="try-again" @click="tryGoToInvoicing(item)">重新开票</div>
+                    <div v-if="/FAILED|3/.test(item.status)" class="try-again" @click="tryGoToInvoicing(item)">重新开票</div>
                     <!-- <van-icon name="arrow" /> -->
                   </div>
                   <!-- <div class="choice_card_index mb0">

BIN
src/pages/parkingFee/static/images/addcar.png


+ 15 - 4
src/pages/parkingFee/vehicleManagement.vue

@@ -73,7 +73,8 @@
           v-if="!licensePlateList.length"
           @click="toAdd"
         >
-          添加车牌+
+          <img class="addcar" :src="require(`./static/images/addcar.png`)" alt="" />
+          添加车牌
         </div>
         <div class="wrap_plate mt36">
           <div class="title">温馨提示:</div>
@@ -433,10 +434,20 @@ export default {
   line-height: 200px;
   // border: 1px dashed #eaeaea;
   border: 1px solid #d8dae0;
-  margin-left: 40px;
+  // margin-left: 40px;
+  margin: 0 auto;
   margin-top: 20px;
-  color: #999999;
-  background-color: #fafbff;
+  color: #333;
+  font-style: normal;
+  font-weight: 500;
+  font-size: 32px;
+  background-color: var(--k-color-primary-06);
+  // display: flex;
+  .addcar {
+    width:32px;
+    height:32px;
+    vertical-align: middle;
+}
 }
 .add_plate_box {
   text-align: center;