Merge pull request #287 from John-Hong/John/release-2.18.0/KIP-10659

feat(KIP-10665): C端 | HKC车辆管理功能调整

src/components/checkCarPopup/checkCarPopup.vue

@@ -124,15 +124,14 @@ export default {
     font-family: PingFang HK;
     text-align: center;
     &.default {
-      background: #644A79;
-      box-shadow: 6px 6px 23px 0px #644A79;
+      background: var(--k-color-primary-01, #064c8a);
+      box-shadow: 6px 6px 23px 0px var(--k-color-primary-01, #064c8a);
       color: #FFFFFF;
     }
     &.other {
       background: #D6DBE3;
       box-shadow: 6px 6px 26px 0px #B6BFCD;
       color: #888888;
-
     }
   }
 

src/pages/parkingFee/vehicleManagement.vue

@@ -19,7 +19,10 @@
             >
               我的车牌
             </div>
-            <img v-if="isHZ && item.eligible" class="discountCar" :src="`${require(`@/pages/parkingFee/static/images/${source ==='KIP' ? 'discountCarOffice': 'discountCar' }.svg`)}`" />
+<!--            <img v-if="isHZ && item.eligible" class="discountCar" :src="`${require(`@/pages/parkingFee/static/images/${source ==='KIP' ? 'discountCarOffice': 'discountCar' }.svg`)}`" />-->
+            <div class="discountCar" v-if="isHZ && item.eligible">
+              优惠车
+            </div>
             <div class="plate_plate_index plate_plate_index2">
               {{ item.vehicleNo | formatCarno }}
             </div>
@@ -170,7 +173,10 @@ export default {
   .wrap_plate {
     margin-top: 24px;
     margin-left: 40px;
-    font-size: 30px;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 34px;
+    color: #333333;
 
     &.mt36 {
       margin-top: 36px;
@@ -266,6 +272,14 @@ export default {
       top: 30px;
       width: 120px;
       height: 44px;
+      line-height: 44px;
+      background-color: var(--k-color-primary-02, #064c8a);
+      text-align: center;
+      font-size: 28px;
+      font-weight: 400;
+      border-radius: 22px;
+      font-style: normal;
+      color: #FFFFFF;
     }
     .plate_plate_index1,
     .plate_plate_index3 {
@@ -313,7 +327,7 @@ export default {
     .plate_plate_index4 {
       display: flex;
       justify-content: space-between;
-      padding: 0 50px;
+      padding: 0 26px;
       
 
       .plate_plate_index4_index2 {
@@ -337,7 +351,7 @@ export default {
             width: 1px;
             height: 30px;
             position: absolute;
-            right: -40%;
+            right: -52%;
             background-color: rgba(255, 255, 255, 0.3);
           }
           &::before {
@@ -345,7 +359,7 @@ export default {
             width: 1px;
             height: 30px;
             position: absolute;
-            left: -40%;
+            left: -52%;
             background-color: rgba(255, 255, 255, 0.3);
           }
         }

src/pages/parkingFeeV2/vehicleManagement.vue

@@ -19,7 +19,10 @@
             >
               我的车牌
             </div>
-            <img v-if="isHZ && item.eligible" class="discountCar" :src="`${require(`@/pages/parkingFee/static/images/${source ==='KIP' ? 'discountCarOffice': 'discountCar' }.svg`)}`" />
+            <!-- <img v-if="isHZ && item.eligible" class="discountCar" :src="`${require(`@/pages/parkingFee/static/images/${source ==='KIP' ? 'discountCarOffice': 'discountCar' }.svg`)}`" />-->
+            <div class="discountCar" v-if="isHZ && item.eligible">
+              优惠车
+            </div>
             <div class="plate_plate_index plate_plate_index2">
               {{ item.vehicleNo | formatCarno }}
             </div>
@@ -170,7 +173,10 @@ export default {
   .wrap_plate {
     margin-top: 24px;
     margin-left: 40px;
-    font-size: 30px;
+    font-style: normal;
+    font-weight: 500;
+    font-size: 34px;
+    color: #333333;
 
     &.mt36 {
       margin-top: 36px;
@@ -266,6 +272,14 @@ export default {
       top: 30px;
       width: 120px;
       height: 44px;
+      line-height: 44px;
+      background-color: var(--k-color-primary-02, #064c8a);
+      text-align: center;
+      font-size: 28px;
+      font-weight: 400;
+      border-radius: 22px;
+      font-style: normal;
+      color: #FFFFFF;
     }
     .plate_plate_index1,
     .plate_plate_index3 {
@@ -313,7 +327,7 @@ export default {
     .plate_plate_index4 {
       display: flex;
       justify-content: space-between;
-      padding: 0 50px;
+      padding: 0 26px;
       
 
       .plate_plate_index4_index2 {
@@ -337,7 +351,7 @@ export default {
             width: 1px;
             height: 30px;
             position: absolute;
-            right: -40%;
+            right: -52%;
             background-color: rgba(255, 255, 255, 0.3);
           }
           &::before {
@@ -345,7 +359,7 @@ export default {
             width: 1px;
             height: 30px;
             position: absolute;
-            left: -40%;
+            left: -52%;
             background-color: rgba(255, 255, 255, 0.3);
           }
         }