From 2b4641ef0e1e67e4f10db2174b702db7aa8e85b5 Mon Sep 17 00:00:00 2001
From: liugongyu <290219706@qq.com>
Date: Thu, 10 Feb 2022 10:48:33 +0800
Subject: [PATCH] 添加车牌颜色

---
 src/views/parkPay/plateNumber.vue | 88 ++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------
 1 file changed, 48 insertions(+), 40 deletions(-)

diff --git a/src/views/parkPay/plateNumber.vue b/src/views/parkPay/plateNumber.vue
index 5ea65d7..cea49e1 100644
--- a/src/views/parkPay/plateNumber.vue
+++ b/src/views/parkPay/plateNumber.vue
@@ -18,20 +18,20 @@
     <div class="wrap">
       <!--<p style="margin-bottom: 18px;margin-top: 18px;">请选择车牌颜色</p>-->
 
-      <!--<ul class="color-choose">-->
-        <!--<li v-for="(i,index) in colorList" :key="i.name" @click="chooseColor(index)"-->
-        <!--:style="{color:currentColor==index?'#FFF':'',background:  currentColor==index?activeBG:'' }"-->
-        <!--&gt;-->
-          <!--{{i.name}}-->
-        <!--</li>-->
+      <ul class="color-choose">
+        <li v-for="(i,index) in colorList" :key="i.name" @click="chooseColor(index)"
+        :style="{color:currentColor==index?'#FFF':'',background:  currentColor==index?activeBG:'' }"
+        >
+          {{i.name}}
+        </li>
 
-      <!--</ul>-->
+      </ul>
 
 
 
 
-
-      <p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>
+      <p style="margin-bottom: 18px;margin-top: 18px;"></p>
+      <!--<p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>-->
       <div class="num-box">
         <div class="num0" @click="clickFirstWrap()">
           <span>{{formData.num0}}</span>
@@ -47,30 +47,30 @@
       </div>
 
 
-      <div class="radio-box">
-        <label class="flex-items-center">
-          <img v-if="formData.commonCard == 1"
-               src="../../assets/images/parkPay/icon_chose_s@2x.png"
-               alt="">
-          <img v-else
-               src="../../assets/images/parkPay/icon_chose_n@2x.png"
-               alt="">
-          <input type="radio"
-                 v-model="formData.commonCard"
-                 value="1" />普通车牌
-        </label>
-        <label class="flex-items-center">
-          <img v-if="formData.commonCard == 2"
-               src="../../assets/images/parkPay/icon_chose_s@2x.png"
-               alt="">
-          <img v-else
-               src="../../assets/images/parkPay/icon_chose_n@2x.png"
-               alt="">
-          <input type="radio"
-                 v-model="formData.commonCard"
-                 value="2" />新能源车牌
-        </label>
-      </div>
+      <!--<div class="radio-box">-->
+        <!--<label class="flex-items-center">-->
+          <!--<img v-if="formData.commonCard == 1"-->
+               <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
+               <!--alt="">-->
+          <!--<img v-else-->
+               <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
+               <!--alt="">-->
+          <!--<input type="radio"-->
+                 <!--v-model="formData.commonCard"-->
+                 <!--value="1" />普通车牌-->
+        <!--</label>-->
+        <!--<label class="flex-items-center">-->
+          <!--<img v-if="formData.commonCard == 2"-->
+               <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
+               <!--alt="">-->
+          <!--<img v-else-->
+               <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
+               <!--alt="">-->
+          <!--<input type="radio"-->
+                 <!--v-model="formData.commonCard"-->
+                 <!--value="2" />新能源车牌-->
+        <!--</label>-->
+      <!--</div>-->
 
 
       <div class="submit-box" @click="submitFn()">
@@ -301,6 +301,8 @@ import {swiperQuery} from '../../api/plateNumber/plateNumber'
 export default {
   data () {
     return {
+
+      //  0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
       colorList:[
         {
           name:'蓝牌',
@@ -310,16 +312,17 @@ export default {
           name:'黄牌',
           id:'2'
         },
+
         {
-          name:'绿牌',
+          name:'白牌',
           id:'3'
         },
         {
-          name:'白牌',
+          name:'黑牌',
           id:'4'
         },
         {
-          name:'黑牌',
+          name:'绿牌',
           id:'5'
         },
       ],
@@ -420,23 +423,28 @@ export default {
         }
       })
     },
-    chooseColor (index){ // 颜色选择
+    chooseColor (index){ // 颜色选择    0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
       this.currentColor = index
       switch (this.currentColor) {
         case 0 :
+          this.formData.commonCard = '1'
           return this.activeBG = '#0054C0'
           break;
         case 1 :
+          this.formData.commonCard = '1'
           return this.activeBG = '#FEBE00'
           break;
         case 2 :
-          return this.activeBG = '#97DEA1'
+          this.formData.commonCard = '1'
+          return this.activeBG = '#E4E5E7'
           break;
         case 3 :
-          return this.activeBG = '#E4E5E7'
+          this.formData.commonCard = '1'
+          return this.activeBG = '#333333'
           break;
         case 4 :
-          return this.activeBG = '#333333'
+          this.formData.commonCard = '2'
+          return this.activeBG = '#97DEA1'
           break;
       }
     },
--
libgit2 0.21.4