john 1 year ago
parent
commit
5172a53a4d
1 changed files with 168 additions and 158 deletions
  1. 168 158
      src/components/plate-number/plateNumber.vue

+ 168 - 158
src/components/plate-number/plateNumber.vue

@@ -28,11 +28,17 @@
         </div>
         <div class="close-box">
           <div class="plate_number_box">
+            <div class="row" v-for="(row, rowIndex) in English_Number" :key="`rowIndex${rowIndex}`">
+              <button :disabled="item.id === 45 || item.id === 46 ? true : false" size="small" v-for="(item, index) in English_Number" :key="item.id" :class="[item.id === 99 && 'del', item.id === 66 && 'mini', item.id === 6609 && 'break']"  @click="checkEnglish_num(index)">
+                <span v-if="item.id !== 99">{{ item.name }}</span>
+                <img v-else :src="require(`../../static/images/back.png`)" alt="" />
+              </button>
+            </div>
             <!-- :disabled="item.id === 45 || item.id === 46 ? true : false" -->
-            <button :disabled="item.id === 45 || item.id === 46 ? true : false" size="small" v-for="(item, index) in English_Number" :key="item.id" :class="[item.id === 99 && 'del', item.id === 66 && 'mini', item.id === 6609 && 'break']"  @click="checkEnglish_num(index)">
+            <!-- <button :disabled="item.id === 45 || item.id === 46 ? true : false" size="small" v-for="(item, index) in English_Number" :key="item.id" :class="[item.id === 99 && 'del', item.id === 66 && 'mini', item.id === 6609 && 'break']"  @click="checkEnglish_num(index)">
               <span v-if="item.id !== 99">{{ item.name }}</span>
               <img v-else :src="require(`../../static/images/back.png`)" alt="" />
-            </button>
+            </button> -->
           </div>
         </div>
       </div>
@@ -250,162 +256,166 @@ export default {
         },
       ],
       English_Number: [
-        {
-          name: '1',
-          id: 28,
-        },
-        {
-          name: '2',
-          id: 29,
-        },
-        {
-          name: '3',
-          id: 30,
-        },
-        {
-          name: '4',
-          id: 31,
-        },
-        {
-          name: '5',
-          id: 32,
-        },
-        {
-          name: '6',
-          id: 33,
-        },
-        {
-          name: '7',
-          id: 34,
-        },
-        {
-          name: '8',
-          id: 35,
-        },
-        {
-          name: '9',
-          id: 36,
-        },
-        {
-          name: '0',
-          id: 37,
-        },
-        {
-          name: 'Q',
-          id: 38,
-        },
-        {
-          name: 'W',
-          id: 39,
-        },
-        {
-          name: 'E',
-          id: 40,
-        },
-        {
-          name: 'R',
-          id: 41,
-        },
-        {
-          name: 'T',
-          id: 42,
-        },
-        {
-          name: 'Y',
-          id: 43,
-        },
-        {
-          name: 'U',
-          id: 44,
-        },
-        {
-          name: 'I',
-          id: 45,
-        },
-        {
-          name: 'O',
-          id: 46,
-        },
-        {
-          name: 'P',
-          id: 47,
-        },
-        {
-          name: 'A',
-          id: 48,
-        },
-        {
-          name: 'S',
-          id: 49,
-        },
-        {
-          name: 'D',
-          id: 50,
-        },
-        {
-          name: 'F',
-          id: 51,
-        },
-        {
-          name: 'G',
-          id: 52,
-        },
-        {
-          name: 'H',
-          id: 53,
-        },
-        {
-          name: 'J',
-          id: 54,
-        },
-        {
-          name: 'K',
-          id: 55,
-        },
-        {
-          name: 'L',
-          id: 56,
-        },
-        {
-          name: '',
-          id: 6609,
-        },
-        {
-          name: '地区',
-          id: 66,
-        },
-        {
-          name: 'Z',
-          id: 57,
-        },
-        {
-          name: 'X',
-          id: 58,
-        },
-        {
-          name: 'C',
-          id: 59,
-        },
-        {
-          name: 'V',
-          id: 60,
-        },
-        {
-          name: 'B',
-          id: 61,
-        },
-        {
-          name: 'N',
-          id: 62,
-        },
-        {
-          name: 'M',
-          id: 63,
-        },
-        {
-          name: '←',
-          id: 99,
-        },
+        [1,2,3,4,5,6,7,8,9,0],
+        ['Q','W','E','R','T','Y','U','I','O','P'],
+        ['A','S','D','F','G','H','J','K','L'],
+        ['Z','X','C','V','B','N','M'],
+        // {
+        //   name: '1',
+        //   id: 28,
+        // },
+        // {
+        //   name: '2',
+        //   id: 29,
+        // },
+        // {
+        //   name: '3',
+        //   id: 30,
+        // },
+        // {
+        //   name: '4',
+        //   id: 31,
+        // },
+        // {
+        //   name: '5',
+        //   id: 32,
+        // },
+        // {
+        //   name: '6',
+        //   id: 33,
+        // },
+        // {
+        //   name: '7',
+        //   id: 34,
+        // },
+        // {
+        //   name: '8',
+        //   id: 35,
+        // },
+        // {
+        //   name: '9',
+        //   id: 36,
+        // },
+        // {
+        //   name: '0',
+        //   id: 37,
+        // },
+        // {
+        //   name: 'Q',
+        //   id: 38,
+        // },
+        // {
+        //   name: 'W',
+        //   id: 39,
+        // },
+        // {
+        //   name: 'E',
+        //   id: 40,
+        // },
+        // {
+        //   name: 'R',
+        //   id: 41,
+        // },
+        // {
+        //   name: 'T',
+        //   id: 42,
+        // },
+        // {
+        //   name: 'Y',
+        //   id: 43,
+        // },
+        // {
+        //   name: 'U',
+        //   id: 44,
+        // },
+        // {
+        //   name: 'I',
+        //   id: 45,
+        // },
+        // {
+        //   name: 'O',
+        //   id: 46,
+        // },
+        // {
+        //   name: 'P',
+        //   id: 47,
+        // },
+        // {
+        //   name: 'A',
+        //   id: 48,
+        // },
+        // {
+        //   name: 'S',
+        //   id: 49,
+        // },
+        // {
+        //   name: 'D',
+        //   id: 50,
+        // },
+        // {
+        //   name: 'F',
+        //   id: 51,
+        // },
+        // {
+        //   name: 'G',
+        //   id: 52,
+        // },
+        // {
+        //   name: 'H',
+        //   id: 53,
+        // },
+        // {
+        //   name: 'J',
+        //   id: 54,
+        // },
+        // {
+        //   name: 'K',
+        //   id: 55,
+        // },
+        // {
+        //   name: 'L',
+        //   id: 56,
+        // },
+        // {
+        //   name: '',
+        //   id: 6609,
+        // },
+        // {
+        //   name: '地区',
+        //   id: 66,
+        // },
+        // {
+        //   name: 'Z',
+        //   id: 57,
+        // },
+        // {
+        //   name: 'X',
+        //   id: 58,
+        // },
+        // {
+        //   name: 'C',
+        //   id: 59,
+        // },
+        // {
+        //   name: 'V',
+        //   id: 60,
+        // },
+        // {
+        //   name: 'B',
+        //   id: 61,
+        // },
+        // {
+        //   name: 'N',
+        //   id: 62,
+        // },
+        // {
+        //   name: 'M',
+        //   id: 63,
+        // },
+        // {
+        //   name: '←',
+        //   id: 99,
+        // },
       ],
       carnoIndex: 0,
       activeIndex: -1,