From a17ce3dfc0078a5bb7249d47a5b2a6216cc20074 Mon Sep 17 00:00:00 2001
From: liugongyu <290219706@qq.com>
Date: Tue, 30 May 2023 17:34:12 +0800
Subject: [PATCH] 宣化  小票码

---
 src/components/carPlateNum.vue | 782 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/navigation.vue  |   4 ++--
 src/components/parkRecord.vue  |   5 +++--
 src/router/index.js            |   6 ++++++
 src/utils/request.js           |   2 +-
 src/utils/utils.js             |   2 +-
 6 files changed, 795 insertions(+), 6 deletions(-)
 create mode 100644 src/components/carPlateNum.vue

diff --git a/src/components/carPlateNum.vue b/src/components/carPlateNum.vue
new file mode 100644
index 0000000..299a8ba
--- /dev/null
+++ b/src/components/carPlateNum.vue
@@ -0,0 +1,782 @@
+<template>
+  <div id="page">
+    <div class="wrap">
+      <p style="margin-bottom: 18px;margin-top: 18px;color: #4194EF;">请选择车牌颜色</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>
+
+      </ul>
+
+      <p style="margin-bottom: 18px;margin-top: 18px;color: #4194EF;">请输入车牌号码</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 class="radio-box">
+        <label class="flex-items-center">
+          <img v-if="formData.commonCard == 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"
+                 value="1" />普通车牌
+        </label>
+        <label class="flex-items-center">
+          <img v-if="formData.commonCard == 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" />新能源车牌
+        </label>
+      </div>
+
+
+      <div class="submit-box" @click="submitFn()">
+        查询
+      </div>
+    </div>
+    <div class="first-word-wrap"
+         v-if="firstWrapStatus">
+      <div class="first-word"
+           @click="selectFirstWord($event)">
+        <div class="word">
+          <span>冀</span>
+        </div>
+        <div class="word">
+          <span>湘</span>
+        </div>
+        <div class="word">
+          <span>津</span>
+        </div>
+        <div class="word">
+          <span>鄂</span>
+        </div>
+        <div class="word">
+          <span>沪</span>
+        </div>
+        <div class="word">
+          <span>粤</span>
+        </div>
+        <div class="word">
+          <span>渝</span>
+        </div>
+        <div class="word">
+          <span>琼</span>
+        </div>
+      </div>
+      <div class="first-word"
+           @click="selectFirstWord($event)">
+        <div class="word">
+          <span>蒙</span>
+        </div>
+        <div class="word">
+          <span>川</span>
+        </div>
+        <div class="word">
+          <span>晋</span>
+        </div>
+        <div class="word">
+          <span>贵</span>
+        </div>
+        <div class="word">
+          <span>辽</span>
+        </div>
+        <div class="word">
+          <span>云</span>
+        </div>
+        <div class="word">
+          <span>吉</span>
+        </div>
+        <div class="word">
+          <span>陕</span>
+        </div>
+      </div>
+      <div class="first-word"
+           @click="selectFirstWord($event)">
+        <div class="word">
+          <span>黑</span>
+        </div>
+        <div class="word">
+          <span>甘</span>
+        </div>
+        <div class="word">
+          <span>苏</span>
+        </div>
+        <div class="word">
+          <span>青</span>
+        </div>
+        <div class="word">
+          <span>浙</span>
+        </div>
+        <div class="word">
+          <span>皖</span>
+        </div>
+        <div class="word">
+          <span>藏</span>
+        </div>
+        <div class="word">
+          <span>闽</span>
+        </div>
+      </div>
+      <div class="first-word"
+           @click="selectFirstWord($event)">
+        <div class="word">
+          <span>京</span>
+        </div>
+        <div class="word">
+          <span>赣</span>
+        </div>
+        <div class="word">
+          <span>桂</span>
+        </div>
+        <div class="word">
+          <span>鲁</span>
+        </div>
+        <div class="word">
+          <span>宁</span>
+        </div>
+        <div class="word">
+          <span>豫</span>
+        </div>
+        <div class="word">
+          <span>新</span>
+        </div>
+
+        <!--<div class="word">-->
+        <!--<span>学</span>-->
+        <!--</div>-->
+        <div class="word bordernone">
+          <!-- <img src="../assets/images/icon-switch.png" alt=""> -->
+        </div>
+      </div>
+
+
+      <!--<div class="first-word"-->
+      <!--@click="selectFirstWord($event)">-->
+      <!--<div class="word">-->
+      <!--<span>港</span>-->
+      <!--</div>-->
+      <!--<div class="word">-->
+      <!--<span>澳</span>-->
+      <!--</div>-->
+      <!--<div class="word">-->
+      <!--<span>领</span>-->
+      <!--</div>-->
+
+      <!--<div class="word">-->
+      <!--<span>警</span>-->
+      <!--</div>-->
+
+
+      <!--<div class="word bordernone">-->
+      <!--</div>-->
+      <!--<div class="word bordernone">-->
+      <!--</div>-->
+      <!--<div class="word bordernone">-->
+      <!--</div>-->
+      <!--<div class="word bordernone">-->
+      <!--</div>-->
+      <!--</div>-->
+
+    </div>
+    <div class="keyboard-wrap" v-if="keyBoardStatus === true">
+      <!-- <div class="number-wrap"></div>
+      <div class="letter-wrap"></div>
+      <div class="cn-wrap"></div> -->
+      <div class="keyboard" v-if="activeKeyWordIndex !== 1">
+        <span v-for="(item,index) in allKeyWord._1"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+      </div>
+      <div class="keyboard" v-if="activeKeyWordIndex !== 1">
+        <span v-for="(item,index) in allKeyWord._2"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+        <span class="bordernone"></span>
+        <span class="bordernone"></span>
+        <span class="bordernone"></span>
+        <span class="bordernone"></span>
+      </div>
+      <div class="keyboard">
+        <span v-for="(item,index) in allKeyWord._3"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+      </div>
+      <div class="keyboard">
+        <span v-for="(item,index) in allKeyWord._4"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+      </div>
+      <div class="keyboard">
+        <span v-for="(item,index) in allKeyWord._5"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+      </div>
+      <div class="keyboard">
+        <span v-for="(item,index) in allKeyWord._6"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+        <span class="bordernone"></span>
+        <span class="bordernone"></span>
+        <span class="bordernone"></span>
+        <!-- <span class="bordernone" v-if="activeKeyWordIndex === 1"></span>
+        <span class="bordernone" v-if="activeKeyWordIndex === 1"></span> -->
+        <!-- <span @click="deleteWord" v-if="activeKeyWordIndex === 1">x</span> -->
+      </div>
+      <div class="keyboard" v-if="activeKeyWordIndex !== 1">
+        <span v-for="(item,index) in allKeyWord._7"
+              :key="index"
+              @click="clickKeyBoard(item)">{{item}}</span>
+        <span class="bordernone"></span>
+        <span class="delete" @click="deleteWord"><img src="../assets/images/icon-delete.png" alt=""></span>
+      </div>
+      <div class="cancel">
+        <span @click="keyBoardStatus = false">完成</span>
+      </div>
+    </div>
+
+
+    <modal-alert ref="alert">
+      <div class="trave-tip-content txt-l" slot="content">
+        <div class="confirm-text">
+          <p>请输入正确的车牌号</p>
+        </div>
+      </div>
+      <span slot="button">知道了</span>
+    </modal-alert>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      colorList:[
+        {
+          name:'蓝牌',
+          id:'1'
+        },
+        {
+          name:'黄牌',
+          id:'2'
+        },
+        {
+          name:'白牌',
+          id:'3'
+        },
+        {
+          name:'黑牌',
+          id:'4'
+        },
+        {
+          name:'绿牌',
+          id:'5'
+        },
+      ],
+      currentColor:0,
+      activeBG:'#0054C0',
+      formData: {
+        commonCard: '1',
+        num0: '',
+        num1: '',
+        num2: '',
+        num3: '',
+        num4: '',
+        num5: '',
+        num6: '',
+        num7: ''
+      },
+      allKeyWord: {
+        _1: [1, 2, 3, 4, 5, 6, 7],
+        _2: [8, 9, 0],
+        _3: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
+        _4: ['H', 'J', 'K', 'L', 'M', 'N', 'O'],
+        _5: ['P', 'Q', 'R', 'S', 'T', 'U', 'V'],
+        _6: ['W', 'X', 'Y', 'Z'],
+        _7: ['港', '澳', '学', '领', '警']
+      },
+      activeKeyWordIndex: 1, // 当前车牌号
+      keyBoardStatus: false,
+      firstWrapStatus: false, // 选择弹窗
+      confirmTitle: '',
+      submitConfirm: false,
+      submitConfirmFalse: false,
+      submitConfirmText: ''
+    }
+  },
+  mounted () {
+
+    if (this.$utils.clientBrowser() == "微信") {
+      var appID = this.$utils.myVxAppId;
+      var code = this.getUrlParam('code');
+      var local = window.location.href;
+      if (code == null || code === '') {
+        window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appID+'&redirect_uri='+encodeURIComponent(local)+'&response_type=code&scope=snsapi_userinfo&state=1,0#wechat_redirect'
+      } else {
+        return code;
+      }
+    }
+
+  },
+  methods: {
+    getUrlParam(name) {
+      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+      var r = window.location.search.substr(1).match(reg)
+      if (r != null) return unescape(r[2])
+      return null
+    },
+    chooseColor (index){ // 颜色选择
+      this.currentColor = index
+      switch (this.currentColor) {
+        case 0 :
+          return this.activeBG = '#0054C0'
+          break;
+        case 1 :
+          return this.activeBG = '#FEBE00'
+          break;
+        case 2 :
+          return this.activeBG = '#E4E5E7'
+          break;
+        case 3 :
+          return this.activeBG = '#333333'
+          break;
+        case 4 :
+          return this.activeBG = '#97DEA1'
+          break;
+      }
+    },
+    clickFirstWrap () {
+      // 点击第一个输入框
+      this.firstClickStatus = true
+      this.firstWrapStatus = true
+      this.keyBoardStatus = false
+      this.formData.num0 = ''
+    },
+    selectFirstWord (event) {
+      // 选择省份
+      if (event.target.localName !== 'span') {
+        return
+      }
+      this.formData.num0 = event.target.innerText
+      this.firstSelectStatus = true
+      this.firstWrapStatus = false
+      this.firstClickStatus = false
+      this.keyBoardStatus = true
+      this.activeKeyWordIndex = 1
+      // this.$refs.num1.focus()
+      // document.getElementById('num1').focus()
+    },
+    clickKeyBoard (item) { // 点击自定义键盘
+      console.log(item)
+      this.formData['num' + this.activeKeyWordIndex] = item
+
+      if (this.formData.commonCard === '1') {
+        this.activeKeyWordIndex++
+        if (this.activeKeyWordIndex > 6) {
+          this.keyBoardStatus = false
+        }
+      } else {
+        this.activeKeyWordIndex++
+        if (this.activeKeyWordIndex > 7) {
+          this.keyBoardStatus = false
+        }
+      }
+    },
+    deleteWord () { // 退格
+      // console.log(this.activeKeyWordIndex)
+      // console.log(this.formData['num' + (this.activeKeyWordIndex - 1)])
+      if (this.activeKeyWordIndex > 1) {
+        this.formData['num' + (this.activeKeyWordIndex - 1)] = ''
+        this.activeKeyWordIndex--
+      }
+    },
+    clickKeyWordWrap (activeKeyWordIndex) {
+      this.keyBoardStatus = true
+      this.activeKeyWordIndex = activeKeyWordIndex
+      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
+        }
+      }
+      if (this.formData.commonCard === '2') {
+        plateLicense = this.plate_license_2
+        plateLicense = this.palindrome(plateLicense)
+        if (plateLicense.length < 8) {
+          this.$refs.alert.open()
+          return
+        }
+      }
+      this.$emit('getPlateLicense',plateLicense)
+      console.log(plateLicense);
+      this.$router.push({
+        path:'parkRecord',
+        query:{
+          carNumber:plateLicense,
+          carNumberColor: this.currentColor
+        }
+      })
+    },
+    palindrome (str) {
+      var arr = str.split('')
+      arr = arr.filter(function (val) {
+        return (
+          val !== ' ' &&
+          val !== ',' &&
+          val !== '.' &&
+          val !== '?' &&
+          val !== ':' &&
+          val !== ';' &&
+          val !== '`' &&
+          val !== "'" &&
+          val !== '_' &&
+          val !== '/' &&
+          val !== '-' &&
+          val !== '\\' &&
+          val !== '' &&
+          val !== '(' &&
+          val !== ')'
+        )
+      })
+      return arr.join('')
+    },
+    checkIsHasSpecialStr (str) {
+      var flag = false
+      var arr = str.split('')
+      arr.forEach(val => {
+        if (
+          val === '!' ||
+          val === '}' ||
+          val === '{' ||
+          val === ']' ||
+          val === '[' ||
+          val === '&' ||
+          val === '$' ||
+          val === '@' ||
+          val === ' ' ||
+          val === ',' ||
+          val === '.' ||
+          val === '?' ||
+          val === ':' ||
+          val === ';' ||
+          val === '`' ||
+          val === "'" ||
+          val === '_' ||
+          val === '/' ||
+          val === '-' ||
+          val === '\\' ||
+          val === '' ||
+          val === '(' ||
+          val === ')'
+        ) {
+          flag = true
+        }
+      })
+      return flag
+    },
+    checkIsHasChineseStr (str) {
+      var Reg = /.*[\u4e00-\u9fa5]+.*/
+      if (Reg.test(str)) {
+        return true
+      }
+      return false
+    }
+  },
+  computed: {
+    plate_license_1 () {
+      return (
+        this.formData.num0 +
+        this.formData.num1 +
+        this.formData.num2 +
+        this.formData.num3 +
+        this.formData.num4 +
+        this.formData.num5 +
+        this.formData.num6
+      )
+    },
+    plate_license_2 () {
+      return (
+        this.formData.num0 +
+        this.formData.num1 +
+        this.formData.num2 +
+        this.formData.num3 +
+        this.formData.num4 +
+        this.formData.num5 +
+        this.formData.num6 +
+        this.formData.num7
+      )
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+  .flex-items-center {
+    display: flex;
+    align-items: center;
+  }
+  .wrap {
+    padding:0 18px;
+    .radio-box {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-top: 18px;
+      text-align: right;
+      color: #4194EF;
+      input[type="radio"] {
+        display: none;
+      }
+      label {
+        padding-left: 0.6rem;
+        cursor: pointer;
+        img {
+          width: 0.8rem;
+          margin-right: 0.1rem;
+        }
+      }
+    }
+
+    .color-choose{
+      width: 265px;
+      height: 34px;
+      margin: 0 auto;
+      background: #F3F3F3;
+      border-radius: 6px;
+      display: flex;
+      li{
+        flex: 1;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+      }
+    }
+    .card-header {
+      font-size: 0.75rem;
+      margin: 0.2rem 0 0.5rem;
+      color: #4a4a4a;
+    }
+    // input输入框
+    .num-box {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .spot {
+        width: 0.4rem;
+        height: 0.4rem;
+        border-radius: 50%;
+        background-color: #999;
+      }
+      & > div {
+        width: 2.3rem;
+        height: 2.3rem;
+        border: 1px solid #4194EF;
+        &.first {
+          position: relative;
+          text-align: center;
+          line-height: 1.7rem;
+          font-weight: 200;
+          .input-wrap {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            &.active {
+              z-index: 100;
+            }
+          }
+          em {
+            color: #979797;
+            font-size: 1.6rem;
+            line-height: 1.7rem;
+          }
+          span {
+            display: inline-block;
+            width: 100%;
+            height: 100%;
+            // background-color: #9cbce2;
+            color: #828282;
+            line-height: 1.8rem;
+          }
+        }
+        &.active {
+          border: 1px solid #4a90e2;
+          &:after {
+            border-bottom: 0.5rem solid #4a90e2;
+          }
+        }
+        span {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 100%;
+          height: 100%;
+          font-size: 1.2rem;
+          color: #828282;
+          &.first {
+            background-color: #9cbce2;
+            color: #fff;
+            text-indent: 0.4rem;
+            border-radius: 0;
+          }
+        }
+      }
+    }
+    .submit-box {
+      width: 100%;
+      height: 44px;
+      line-height: 44px;
+      border-radius: 4px;
+      font-size: 20px;
+      margin-top: 18px;
+      background: linear-gradient(180deg, #3885D9 0%, #4194EF 100%);
+      color: #fff;
+      text-align: center;
+    }
+    .info {
+      font-size: 0.5rem;
+      margin-top: 0.9rem;
+      color: #828282;
+      text-align: left;
+      img {
+        width: 0.6rem;
+        vertical-align: middle;
+      }
+    }
+  }
+  .first-word-wrap {
+    // height: 9.4rem;
+    background-color: #D2D5DB;
+    padding: 0.6rem 0.8rem 1.1rem;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    .first-word {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.45rem;
+      .word {
+        box-sizing: border-box;
+        width: 2.2rem;
+        height: 2.2rem;
+        // border: 1px solid #9cbce2;
+        box-shadow: 0px 1px 4px  rgba(0, 0, 0, 0.35);
+        border-radius: 0.16rem;
+        text-align: center;
+        &.bordernone {
+          border: none;
+          box-shadow:none
+        }
+        span {
+          box-sizing: border-box;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          text-align: center;
+          width: 100%;
+          height: 100%;
+          background-color: #fff;
+          color: #000;
+          // border: 1px solid #fff;
+          border-radius: 0.125rem;
+          font-size: 1.2rem;
+        }
+        img {
+          width: 1.6rem;
+        }
+      }
+      &:nth-last-of-type(1){
+        margin-bottom: 0rem;
+      }
+    }
+  }
+  .keyboard-wrap {
+    background-color: #D2D5DB;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 0.6rem 0.6rem 0.4rem;
+    .keyboard {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 2rem;
+      margin-bottom: 0.6rem;
+      span {
+        text-align: center;
+        display: flex;
+        width: 2.2rem;
+        align-items: center;
+        justify-content: center;
+        height: 2.2rem;
+        margin: 0 0.3rem;
+        box-shadow: 0px 1px 4px  rgba(0, 0, 0, 0.35);
+        background-color: #fff;
+        border-radius: 0.125rem;
+        font-size: 1.2rem;
+        &:active {
+          background-color: #e4e4e4;
+        }
+        &.bordernone{
+          border: none;
+          box-shadow: none;
+          background-color: #D2D5DB;
+          &:active{
+            background-color:#D2D5DB;
+          }
+        }
+        &.delete{
+          background-color: #465266;
+          img{
+            width: 1.15rem;
+          }
+        }
+      }
+    }
+    .cancel{
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      span{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 3.6rem;
+        height: 1.8rem;
+        background-color: #465266;
+        color: #fff;
+        border-radius: 0.125rem;
+      }
+    }
+  }
+</style>
diff --git a/src/components/navigation.vue b/src/components/navigation.vue
index 0f77394..02f260a 100644
--- a/src/components/navigation.vue
+++ b/src/components/navigation.vue
@@ -97,11 +97,11 @@ export default {
     },
     openImgUrl(i) { // 点击图片跳转
       console.log(i.jumpUrl)
-      window.open('https://www.baidu.com/')
+      window.open(i.jumpUrl)
     },
     toPlateNumber() { //  前往输入车牌页面
       this.$router.push({
-          path: 'plateNumber',
+          path: 'carPlateNum',
 
         }
       )
diff --git a/src/components/parkRecord.vue b/src/components/parkRecord.vue
index e7d6ef9..54485cf 100644
--- a/src/components/parkRecord.vue
+++ b/src/components/parkRecord.vue
@@ -15,7 +15,7 @@
       <div v-show="currentTabActive==0">
 
         <div v-if="parkingData.length>0">
-          <p class="free-tip" v-if="parkingData[0].parkDuration<=900">停车15分钟内无需缴费，请申请离场。</p>
+          <p class="free-tip" v-if="parkingData[0].parkDuration<=1800">停车30分钟内无需缴费，请申请离场。</p>
 
           <div class="cost-main" v-for="i in parkingData">
             <ul class="cost-header">
@@ -34,7 +34,7 @@
               <p>停车时长：{{ $utils.dateFormat(i.parkDuration)}}</p>
               <div class="out-wrap">
                 <p class="mon-wrap">￥{{(i.unPayFee/100).toFixed(2)}}</p>
-                <p class="out-btn" @click="toPayCurrent(i,parkingData[0].parkDuration)" v-if="parkingData[0].parkDuration<=900">申请离场</p>
+                <p class="out-btn" @click="toPayCurrent(i,parkingData[0].parkDuration)" v-if="parkingData[0].parkDuration<=1800">申请离场</p>
                 <p class="out-btn" @click="toPayCurrent(i,parkingData[0].parkDuration)" v-else>出场缴费</p>
               </div>
             </div>
@@ -241,6 +241,7 @@ export default {
       if(index==0){
         this.parkRecordList(10)
       }else{
+        this.allMoney = 0
         this.parkRecordList(30)
       }
     },
diff --git a/src/router/index.js b/src/router/index.js
index a997302..e0da659 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,6 +15,12 @@ export default new Router({
       }
     },
     {
+      path: '/carPlateNum',
+      name: 'carPlateNum',
+      component: () => import("@/components/carPlateNum.vue")
+    },
+
+    {
       path: '/navigation',
       name: 'navigation',
       component: navigation
diff --git a/src/utils/request.js b/src/utils/request.js
index a6e1d58..bab1603 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -13,7 +13,7 @@ const service = axios.create({
 
   //  https://dev.renniting.cn/pay/  赤峰农行测试环境
 
-  baseURL: 'https://pay.lcybc.com/', // url = base url + request url
+  baseURL: 'https://pay.ccccitd.cc', // url = base url + request url
   // withCredentials: true, // send cookies when cross-domain requests
   timeout: 10000 // request timeout
 })
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 4e37a0b..c6e8272 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -123,7 +123,7 @@ export default {
 
   myDeviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E', // 公共请求设备信息
 
-  myVxAppId: 'wx2fc33e1e61468928',
+  myVxAppId: 'wx1489e48e6a547023',
   // 测试环境 微信赤峰 appid   wxff4cebaedbf4f886
   // 微信赤峰 appid   wx2af2bab90d433c86
   // 黄石 appid    wxa1a66cc7d263afe6
--
libgit2 0.21.4