西城绿牌支付

刘淇
1 parent 92544c76
Showing 6 changed files with 97 additions and 69 deletions
config/index.js
index.html
src/components/parkRecord.vue
src/components/plateNumber.vue
src/main.js
src/utils/utils.js
@@ -8,7 +8,7 @@ module.exports = {
   dev: {
     // Paths
-    assetsSubDirectory: 'static',
+    assetsSubDirectory: 'select',
     assetsPublicPath: '/',
     proxyTable: {},
     // proxyTable: {
@@ -48,11 +48,11 @@ module.exports = {
   build: {
     // Template for index.html
-    index: path.resolve(__dirname, '../dist/index.html'),
+    index: path.resolve(__dirname, '../select/select.html'),
     // Paths
-    assetsRoot: path.resolve(__dirname, '../dist'),
-    assetsSubDirectory: 'static',
+    assetsRoot: path.resolve(__dirname, '../select'),
+    assetsSubDirectory: 'select',
     assetsPublicPath: './',
     /**
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="google" content="notranslate">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>小票码扫码支付</title>
+    <title>扫码支付</title>
   </head>
   <body>
     <div id="app"></div>
@@ -422,26 +422,26 @@ export default {
     font-weight: bold;
     li:first-child {
       width: 150px;
-      &.carBlue {
-        background: url("../assets/images/carBlue.png") no-repeat 90px center;
-        background-size: 28px 17px;
-      }
-      &.carYellow {
-        background: url("../assets/images/carYellow.png") no-repeat 90px center;
-        background-size: 28px 17px;
-      }
-      &.carGreen {
-        background: url("../assets/images/carGreen.png") no-repeat 90px center;
-        background-size: 28px 17px;
-      }
-      &.carWhite {
-        background: url("../assets/images/carWhite.png") no-repeat 90px center;
-        background-size: 28px 17px;
-      }
-      &.carBlack {
-        background: url("../assets/images/carBlack.png") no-repeat 90px center;
-        background-size: 28px 17px;
-      }
+      /*&.carBlue {*/
+        /*background: url("../assets/images/carBlue.png") no-repeat 90px center;*/
+        /*background-size: 28px 17px;*/
+      /*}*/
+      /*&.carYellow {*/
+        /*background: url("../assets/images/carYellow.png") no-repeat 90px center;*/
+        /*background-size: 28px 17px;*/
+      /*}*/
+      /*&.carGreen {*/
+        /*background: url("../assets/images/carGreen.png") no-repeat 90px center;*/
+        /*background-size: 28px 17px;*/
+      /*}*/
+      /*&.carWhite {*/
+        /*background: url("../assets/images/carWhite.png") no-repeat 90px center;*/
+        /*background-size: 28px 17px;*/
+      /*}*/
+      /*&.carBlack {*/
+        /*background: url("../assets/images/carBlack.png") no-repeat 90px center;*/
+        /*background-size: 28px 17px;*/
+      /*}*/
     }
     li:last-child {
       margin-right: 18px;
 <template>
   <div id="page">
     <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:'' }"
-        >
-          {{i.name}}
-        </li>
+      <div v-if="formData.sgFlage==1">
+        <p style="margin-bottom: 18px;margin-top: 18px;">请选择车牌颜色</p>
-      </ul>
+        <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>
-      <p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>
-      <div class="num-box">
-        <div class="num0" @click="clickFirstWrap()">
-          <span>{{formData.num0}}</span>
-        </div>
-        <div class="num1" @click="clickKeyWordWrap(1)"><span>{{formData.num1}}</span></div>
-        <!--<em class="spot"></em>-->
-        <div class="num1" @click="clickKeyWordWrap(2)"><span>{{formData.num2}}</span></div>
-        <div class="num1" @click="clickKeyWordWrap(3)"><span>{{formData.num3}}</span></div>
-        <div class="num1" @click="clickKeyWordWrap(4)"><span>{{formData.num4}}</span></div>
-        <div class="num1" @click="clickKeyWordWrap(5)"><span>{{formData.num5}}</span></div>
-        <div class="num1" @click="clickKeyWordWrap(6)"><span>{{formData.num6}}</span></div>
-        <div v-if="formData.commonCard == '2'" class="num1" @click="clickKeyWordWrap(7)"><span>{{formData.num7}}</span></div>
+        </ul>
+
+        <p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>
+        <div class="num-box">
+          <div class="num0" @click="clickFirstWrap()">
+            <span>{{formData.num0}}</span>
+          </div>
+          <div class="num1" @click="clickKeyWordWrap(1)"><span>{{formData.num1}}</span></div>
+          <!--<em class="spot"></em>-->
+          <div class="num1" @click="clickKeyWordWrap(2)"><span>{{formData.num2}}</span></div>
+          <div class="num1" @click="clickKeyWordWrap(3)"><span>{{formData.num3}}</span></div>
+          <div class="num1" @click="clickKeyWordWrap(4)"><span>{{formData.num4}}</span></div>
+          <div class="num1" @click="clickKeyWordWrap(5)"><span>{{formData.num5}}</span></div>
+          <div class="num1" @click="clickKeyWordWrap(6)"><span>{{formData.num6}}</span></div>
+          <div v-if="formData.commonCard == '2'" class="num1" @click="clickKeyWordWrap(7)"><span>{{formData.num7}}</span></div>
+        </div>
+      </div>
+
+      <div v-else style="padding-top: 20px;">
+        <mt-field label="车牌" placeholder="请输入使馆车牌" v-model="username"></mt-field>
       </div>
+
       <div class="radio-box">
         <label class="flex-items-center">
-          <img v-if="formData.commonCard == 1"
+          <img v-if="formData.sgFlage == 1"
                src="../assets/images/icon_chose_s@2x.png"
                alt="">
           <img v-else
                src="../assets/images/icon_chose_n@2x.png"
                alt="">
           <input type="radio"
-                 v-model="formData.commonCard"
+                 v-model="formData.sgFlage"
                  value="1" />普通车牌
         </label>
         <label class="flex-items-center">
-          <img v-if="formData.commonCard == 2"
+          <img v-if="formData.sgFlage == 2"
                src="../assets/images/icon_chose_s@2x.png"
                alt="">
           <img v-else
                src="../assets/images/icon_chose_n@2x.png"
                alt="">
           <input type="radio"
-                 v-model="formData.commonCard"
-                 value="2" />新能源车牌
+                 v-model="formData.sgFlage"
+                 value="2" />使馆车牌
         </label>
       </div>
@@ -295,10 +303,12 @@ export default {
           id:'5'
         },
       ],
+      username:'',
       currentColor:0,
       activeBG:'#0054C0',
       formData: {
         commonCard: '1',
+        sgFlage:1,
         num0: '',
         num1: '',
         num2: '',
@@ -349,6 +359,11 @@ export default {
     },
     chooseColor (index){ // 颜色选择
       this.currentColor = index
+      if(index == 4){
+        this.formData.commonCard = 2
+      }else{
+        this.formData.commonCard = 1
+      }
       switch (this.currentColor) {
         case 0 :
           return this.activeBG = '#0054C0'
@@ -363,6 +378,7 @@ export default {
           return this.activeBG = '#333333'
           break;
         case 4 :
+
           return this.activeBG = '#97DEA1'
           break;
       }
@@ -418,30 +434,38 @@ export default {
       this.formData['num' + this.activeKeyWordIndex] = ''
     },
     submitFn () {
-      let plateLicense
-      if (this.formData.commonCard === '1') {
-        plateLicense = this.plate_license_1
-        plateLicense = this.palindrome(plateLicense)
-        if (plateLicense.length < 7) {
-          this.$refs.alert.open()
-          return
+      var plateLicense
+      if(this.formData.sgFlage==1){
+        // alert(this.formData.commonCard)
+        if (this.formData.commonCard == '1') {
+          plateLicense = this.plate_license_1
+          plateLicense = this.palindrome(plateLicense)
+          if (plateLicense.length < 7) {
+            this.$refs.alert.open()
+            return
+          }
         }
-      }
-      if (this.formData.commonCard === '2') {
-        plateLicense = this.plate_license_2
-        plateLicense = this.palindrome(plateLicense)
-        if (plateLicense.length < 8) {
-          this.$refs.alert.open()
-          return
+        if (this.formData.commonCard == '2') {
+          // alert('2')
+          plateLicense = this.plate_license_2
+          plateLicense = this.palindrome(plateLicense)
+          console.log(plateLicense)
+          if (plateLicense.length < 8) {
+            this.$refs.alert.open()
+            return
+          }
         }
+        this.$emit('getPlateLicense',plateLicense)
+        console.log(plateLicense);
+      }else{
+        plateLicense = this.username
       }
-      this.$emit('getPlateLicense',plateLicense)
-      console.log(plateLicense);
+      console.log(plateLicense)
       this.$router.push({
         path:'parkRecord',
         query:{
           carNumber:plateLicense,
-          carNumberColor: this.currentColor
+          carNumberColor: 0
         }
       })
     },
@@ -18,6 +18,10 @@ Vue.prototype.$utils = utils
 import 'mint-ui/lib/style.css'
 import { MessageBox } from 'mint-ui'
+
+import { Field } from 'mint-ui';
+
+Vue.component(Field.name, Field);
 // Vue.use(MessageBox)
 Vue.prototype.$msgbox = MessageBox
@@ -128,7 +128,7 @@ export default {
   // 微信赤峰 appid   wx2af2bab90d433c86
   // 黄石 appid    wxa1a66cc7d263afe6
-  myOrgId: '10003', // 归属地 赤峰id  10003    黄石 10079
+  myOrgId: '10007', // 归属地 赤峰id  10003    黄石 10079
   myGetSign: function (objb) { // 获取签名
     var compare = function (obj1, obj2) {