江阴支付

刘淇
1 parent 943f9186
Showing 8 changed files with 615 additions and 107 deletions
src/assets/images/loseIcon.png
src/assets/images/successIcon.png
src/router/index.js
src/utils/request.js
src/utils/utils.js
src/views/parkPay/coupon.vue
src/views/parkPay/couponPay.vue
src/views/parkPay/plateNumber.vue
@@ -25,6 +25,17 @@ export default new Router({
       name: 'parkRecord',
       component: () => import("@/views/parkPay/parkRecord.vue")
     },
+
+    {
+      path: '/coupon',
+      name: 'coupon',
+      component: () => import("@/views/parkPay/coupon.vue")
+    },
+    {
+      path: '/couponPay',
+      name: 'couponPay',
+      component: () => import("@/views/parkPay/couponPay.vue")
+    },
     {
       path: '/plateNumber',
       name: 'plateNumber',
@@ -37,6 +48,8 @@ export default new Router({
       component: () => import("@/views/parkPay/orderPay.vue")
     },
  
+
+
     //  //---------------- 个人页面导航
     // {
     //   path: '/selfNav',
@@ -5,7 +5,7 @@ import axios from &#39;axios&#39;
 const service = axios.create({
   // https://dev.renniting.cn/pay/  赤峰测试
   // http://pay.service.renniting.cn/  赤峰
-  baseURL: 'http://pay.service.renniting.cn/', // url = base url + request url
+  baseURL: 'https://pay.jycrtc.com/', // url = base url + request url
   // withCredentials: true, // send cookies when cross-domain requests
   timeout: 6000 // request timeout
 })
@@ -139,22 +139,15 @@ export default {
       return '1'
     }
   },
-  // 0eca8f5373ca4866aec2f8e9d9367104  老的id
-  // 14318527b13840c2a4af63fef52c2d6e 老的签名
  
-  // ud8yq5tv0inxupc05xfeau39jywlqoj2  新的id
-  // ny1u72b6k374sg379z0kqjgfxe2ycnpw 新的签名
  
-  myVarAppid:'65grtq5tv0wewec05xfeau39jyghhjm',// 公共请求Appid
+  myVarAppid:'0eca8f5373ca4866aec2f8e9d9367104',// 公共请求Appid
  
   myDeviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E', // 公共请求设备信息
  
-  myVxAppId: 'wx2af2bab90d433c86',
-  // 测试环境 微信赤峰 appid   wxff4cebaedbf4f886
-  // 微信赤峰 appid   wx2af2bab90d433c86
-  // 黄石 appid    wxa1a66cc7d263afe6
+  myVxAppId: 'wxfdc1af620d3ab750',
  
-  myOrgId: '10003', // 归属地 赤峰id  10003    黄石 10079
+  myOrgId: '10107', //
  
   myGetSign: function (objb) { // 获取签名
     var compare = function (obj1, obj2) {
@@ -169,13 +162,13 @@ export default {
       }
     }
     objb.sort(compare);
-    var strmd5 = 'dfdf2b6k37r5y79z0kqjgfxe2wet3434';
+    var strmd5 = '14318527b13840c2a4af63fef52c2d6e';
     for(var i=0;i<objb.length;i++){
       if(objb[i].value != null&&objb[i].value != ''){
         strmd5 += objb[i].keyname+objb[i].value;
       }
     }
-    strmd5 += 'dfdf2b6k37r5y79z0kqjgfxe2wet3434';
+    strmd5 += '14318527b13840c2a4af63fef52c2d6e';
     // console.log('strmd5-------->'+strmd5);
     strmd5 = md5(strmd5);
     strmd5=strmd5.toUpperCase();
+<template>
+   <div>
+     <img :src="successiconUrl" alt="" style="margin: 10px auto;width: 64px;height: 64px;">
+     <div style="padding: 10px 30px 50px">
+       <p>尊敬的车主您好：</p>
+       <p>尊敬的车主您好：</p>
+       <p>尊敬的车主您好：</p>
+     </div>
+    <div style="padding: 0 20px">
+      <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;">去支付</mt-button>
+      <mt-button size="large" type="danger" @click="toBackPage">返回</mt-button>
+    </div>
+
+   </div>
+</template>
+
+<script>
+export default {
+  name: "coupon",
+  data(){
+    return{
+      successiconUrl:require('../../assets/images/successIcon.png'),
+      loseiconUrl:require('../../assets/images/loseIcon.png'),
+    }
+  },
+  methods:{
+    toPay(){
+      this.$router.push({
+        path:'couponPay'
+      })
+    },
+    toBackPage(){
+      this.$router.back()
+    }
+  }
+};
+</script>
+
+<style scoped>
+
+</style>
+<template>
+  <div>
+    <div class="car-wrap">
+      <div class="carBG" :class="carWrapBG | formateColor">
+        <p class="carNumber">{{carNumber}}</p>
+        <p class="payFee">{{(arrearageActFee/100).toFixed(2)}}元</p>
+      </div>
+    </div>
+
+    <ul class="fee-wrap">
+      <li>
+        <span>停放车场</span>
+        <span>{{parkName}}</span>
+      </li>
+      <li>
+        <span>入场时间</span>
+        <span>{{parkInTime}}</span>
+      </li>
+      <li>
+        <span>出场时间</span>
+        <span>{{parkOutTime}}</span>
+      </li>
+      <li>
+        <span>停车时长</span>
+        <span>{{$utils.dateFormat(parkDuration)}}</span>
+      </li>
+      <li>
+        <span>应付金额</span>
+        <span> ¥{{(totalFee/100).toFixed(2)}}元</span>
+      </li>
+      <li>
+        <span>停车优惠</span>
+        <p>
+          ({{cardTypeFormat(carType)}})   <span style="color: #3cc51f">-20.00元</span>
+        </p>
+      </li>
+      <li>
+        <span>实际支付</span>
+        <span style="color: red"> ¥{{(unPayFee/100).toFixed(2)}}元</span>
+      </li>
+    </ul>
+
+
+
+    <div style="padding: 20px 18px">
+      <div class="toPay" @click="toPay">{{clientBrowser}}支付</div>
+    </div>
+
+    <div v-if="appOrderTimeout.length>0">
+      <p class="tip">
+        温馨提示：
+      </p>
+      <p style="color: #666;padding: 0 18px;">
+        {{appOrderTimeout}}
+      </p>
+    </div>
+
+
+
+  </div>
+</template>
+
+<script>
+// import CryptoJS from '../utils/AES.js'
+// let Base64 = require('js-base64').Base64
+import {  MessageBox } from 'mint-ui';
+import { aliPay, getOpenId, vxPayQuery, bankH5Pay, queryParkingRecordPageByCarNumbers } from '@/api/orderPay/orderPay'
+
+export default {
+  name: 'orderPay',
+  data() {
+    return {
+      carWrapBG: 0,
+      carNumber: '苏BB210V',
+      parkName:'',
+      parkInTime:'',
+      parkOutTime:'',
+      parkDuration:'',
+      carType:1,
+      arrearageActFee: 0,
+      arrearageDiscFee: 0,
+      arrearageActFee: 0,
+      totalFee:0,// 应付
+      unPayFee:0,// 实付
+      parkingData: [], //  在停数据
+      historyList: [], // 历史欠费数据
+      clientBrowser: '', // 客户端
+      paySrcType: '', //支付的类型   101 是本次   103是历史欠费
+      orderId: '',  //支付的订单
+      webAppCode: '', // 微信code
+      appOrderTimeout: '', // 超时描述
+    }
+  },
+  created() {
+    // this.carWrapBG = this.$route.query.carColor //车牌颜色
+    // this.carNumber = this.$route.query.carNumber
+    // this.arrearageTotalFee = this.$route.query.arrearageTotalFee // 应收
+    // this.arrearageDiscFee = this.$route.query.arrearageDiscFee // 优惠
+    // this.arrearageActFee = this.$route.query.arrearageActFee // 实收
+    this.clientBrowser = this.$utils.clientBrowser() //支付方式
+    // this.paySrcType = this.$route.query.paySrcType // 实收
+    // this.orderId = this.$route.query.ordeID
+    // console.log(this.orderId)
+    // this.appOrderTimeout = this.$route.query.appOrderTimeout
+    if (this.clientBrowser == "微信") {
+      this.webAppCode = this.getCode();
+    }
+
+    this.parkRecordList()
+
+  },
+  mounted(){
+
+  },
+  methods: {
+    parkRecordList() {  // 获取停车记录数据
+      var salt = this.$utils.myCommonSalt(32);
+      var jsondata = {
+        app_id: this.$utils.myVarAppid,
+        deviceInfo: this.$utils.myDeviceInfo,
+        salt: salt,
+        sign_type: "md5",
+        pageNum: '1',
+        pageSize: '1000',
+        parkState: '10',
+        terminalSource: '3',
+        parkState:'10',
+        carNumber: this.carNumber,
+        carNumberColor: '0',
+        orgId: this.$utils.myOrgId,
+
+      }
+      jsondata.sign = this.$utils.signObject(jsondata)
+
+      // jsondata.sign = md5sign
+      console.log('停车记录传参  ' + JSON.stringify(jsondata));
+      queryParkingRecordPageByCarNumbers(jsondata).then(response => {
+        console.log(response)
+        let res = response.data.dataList[0]
+        this.parkName = res.parkName
+
+        this.parkInTime = res.parkInTime
+        this.parkOutTime = res.parkOutTime
+        this.parkDuration = res.parkDuration
+        this.carType = res.carType
+
+        this.totalFee = res.totalFee
+        this.unPayFee = res.unPayFee
+
+      })
+    },
+    getCode() {
+      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#wechat_redirect'
+      } else {
+        return code;
+      }
+    },
+    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
+    },
+    toPay() {
+      let me = this
+      let _order = []
+
+      console.log(this.orderId)
+      if (this.paySrcType == 103) {
+        this.orderId = JSON.parse(this.orderId)
+        this.orderId.forEach(item => {
+          _order.push({
+            orderId: item
+          })
+        })
+        this.orderId = []
+        this.orderId = _order
+      }
+
+
+      if (this.clientBrowser == '支付宝') { // 支付宝支付
+        let me = this
+        var aliParams = {};
+        aliParams.orderId = this.orderId;
+        aliParams.carNumber = this.carNumber;
+        aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+        aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+        aliParams.paySrcType = this.paySrcType;//101停车支付
+        aliParams.orgId = this.$utils.myOrgId
+        aliParams.backType = 2
+        aliParams.recordArreaInfos = JSON.stringify(this.orderId);
+        console.log(aliParams)
+        aliPay(aliParams).then(response => {
+          console.log(response)
+          if (response.code == 0) {//进场
+            document.write(response.data);//打开支付表单
+          } else if(response.code == 1002){//其他情况如【该卡号场内已存在】
+            console.log(response.message);
+            MessageBox.confirm('', {
+              message: response.message,
+              title: '温馨提示',
+              showCancelButton:false,
+              confirmButtonText: '确定',
+            }).then(action => {
+              if (action == 'confirm') {     //确认的回调
+                console.log('确定');
+                this.$router.go(-1)
+              }
+            }).catch(err => {
+              if (err == 'cancel') {     //取消的回调
+                console.log('取消');
+              }
+            });
+          }else{
+            alert(response.message)
+          }
+
+        })
+      }
+
+
+      if (this.clientBrowser == '微信') { // 微信支付
+        let _openId = sessionStorage.getItem('openIdData')
+        if(_openId){
+          me.vxPay(_openId, this.orderId)
+        }else{
+          //第一步获取openid
+          var codeParams = {
+            code: this.webAppCode,
+            appId: this.$utils.myVxAppId
+          };
+          getOpenId(codeParams).then(res => {
+            if (res.code == 0) {
+              me.vxPay(res.data, this.orderId)
+              sessionStorage.setItem('openIdData',res.data)
+            } else if (res.code == 40163) { //code been used, hints[重复code问题]
+              alert('请重新支付！重复code问题')
+              console.log(res.message);
+            } else {
+              alert('请重新支付')
+            }
+          })
+        }
+      }
+    },
+    vxPay(openIdData, orderIdData) {
+      let vm = this
+      var wxParams = {};
+      wxParams.orderId = orderIdData;
+      wxParams.backType = 2,
+        wxParams.orgId = this.$utils.myOrgId,
+        wxParams.payType = 4;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+      wxParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+      wxParams.carNumber = this.carNumber;
+      wxParams.paySrcType = this.paySrcType;//101停车支付
+      wxParams.recordArreaInfos = JSON.stringify(orderIdData);
+      wxParams.openId = openIdData;
+        wxParams.appId = this.$utils.myVxAppId;
+      vxPayQuery(wxParams).then(res => {
+        if (res.code == 0) { //
+          if (res.data) {
+            var data = res.data;
+            console.log(JSON.stringify(data));
+            if (typeof WeixinJSBridge === 'undefined') { // 微信浏览器内置对象。参考微信官方文档
+              if (document.addEventListener) {
+                document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(data), false)
+              } else if (document.attachEvent) {
+                document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady(data))
+                document.attachEvent('onWeixinJSBridgeReady', vm.onBridgeReady(data))
+              }
+            } else {
+              console.log('准备调用微信支付')
+              vm.onBridgeReady(data)
+            }
+          } else {
+            alert("没有找到返回值");
+          }
+        } else if(res.code == 1002){//其他情况如【该卡号场内已存在】
+          console.log(res.message);
+          MessageBox.confirm('', {
+            message: res.message,
+            title: '温馨提示',
+            showCancelButton:false,
+            confirmButtonText: '确定',
+          }).then(action => {
+            if (action == 'confirm') {     //确认的回调
+              console.log('确定');
+              this.$router.go(-1)
+            }
+          }).catch(err => {
+            if (err == 'cancel') {     //取消的回调
+              console.log('取消');
+            }
+          });
+        }else{
+          alert(res.message)
+        }
+      })
+    },
+    onBridgeReady(params) {
+      let me = this
+      console.log('调用微信支付WeixinJSBridge')
+      WeixinJSBridge.invoke(
+        'getBrandWCPayRequest', params,
+        //
+        // 'getBrandWCPayRequest', { // 下面参数内容都是后台返回的
+        //   'appId': data.appId, // 公众号名称，由商户传入
+        //   'timeStamp': data.timeStamp, // 时间戳
+        //   'nonceStr': data.nonceStr, // 随机串
+        //   'package': data.package, // 预支付id
+        //   'signType': data.signType, // 微信签名方式
+        //   'paySign': data.paySign // 微信签名
+        // },
+        function (res) {
+          // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
+          if (res.err_msg === 'get_brand_wcpay_request:ok') {
+            console.log('成功')
+            var salt = me.$utils.myCommonSalt(32);
+            let wxparams = {
+              pageNum: 1,
+              pageSize: 10000,
+              parkState: 10,
+              terminalSource: 7,
+              carNumber: me.carNumber,
+              app_id: me.$utils.myVarAppid,
+              deviceInfo: me.$utils.myDeviceInfo,
+              salt: salt,
+              sign_type: "md5",
+              token:'',
+            }
+            wxparams.sign = me.$utils.signObject(wxparams)
+            queryParkingRecordPageByCarNumbers(wxparams).then(response => {
+              console.log(response)
+              me.parkList = response.data.dataList
+
+              // alert(JSON.stringify(me.parkList))
+              // alert(me.parkList.length)
+              if(me.parkList.length == 0){
+                me.$router.push({
+                  path:'parkRecord',
+                  query:{
+                    carNumber: me.carNumber,
+                    carNumberColor: me.carWrapBG,
+                    parkFlag: 0 //  0表示在停    1表示历史
+                  }
+                })
+
+              }else{
+                me.parkingData = me.parkList.filter(item => {
+                  return item.parkState == '10'
+                })
+                console.log(me.parkingData)
+                me.historyList = me.parkList.filter(item => {
+                  return item.parkState == '20'
+                })
+                console.log(me.historyList)
+
+                if(me.historyList.length>0){
+                  MessageBox.confirm('', {
+                    message: '您当前有历史欠费 是否立即补缴?',
+                    title: '温馨提示',
+                    confirmButtonText: '去补缴',
+                    cancelButtonText: '取消'
+                  }).then(action => {
+                    if (action == 'confirm') {     //确认的回调
+                      console.log('确定');
+                      me.$router.push({
+                        path:'parkRecord',
+                        query:{
+                          carNumber: me.carNumber,
+                          carNumberColor: me.carWrapBG,
+                          parkFlag: 1 //  0表示在停    1表示历史
+                        }
+                      })
+                    }
+                  }).catch(err => {
+                    if (err == 'cancel') {     //取消的回调
+                      console.log('取消');
+                    }
+                  });
+                }else{
+
+                  if(me.paySrcType==101){  //缴费了本次
+                    me.$router.push({
+                      path:'parkRecord',
+                      query:{
+                        carNumber: me.carNumber,
+                        carNumberColor: me.carWrapBG,
+                        parkFlag: 0 //  0表示在停    1表示历史
+                      }
+                    })
+                  }else{
+                    MessageBox.confirm('', {
+                      message: '您当前有在停订单 是否立即支付?',
+                      title: '温馨提示',
+                      confirmButtonText: '去支付',
+                      cancelButtonText: '取消'
+                    }).then(action => {
+                      if (action == 'confirm') {     //确认的回调
+                        console.log('确定');
+                        me.$router.push({
+                          path:'parkRecord',
+                          query:{
+                            carNumber: me.carNumber,
+                            carNumberColor: me.carWrapBG,
+                            parkFlag: 0 //  0表示在停    1表示历史
+                          }
+                        })
+                      }
+                    }).catch(err => {
+                      if (err == 'cancel') {     //取消的回调
+                        console.log('取消');
+                      }
+                    });
+                  }
+
+                }
+              }
+
+
+
+            })
+
+
+
+          } else {
+            console.log('失败')
+            alert('支付失败')
+            me.$router.go(-2);
+          }
+        }
+      )
+    },
+    cardTypeFormat :  function(num){
+      if(num == '1'){
+        return '单次券'
+      }
+      if(num == 2){
+        return '时长券'
+      }
+      if(num == 3){
+        return '满减券'
+      }
+      if(num == 4){
+        return '金额券'
+      }
+      if(num == 5){
+        return '包天券'
+      }
+      if(num == 6){
+        return '折扣券'
+      }
+    }
+  },
+  filters: {
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .car-wrap {
+    padding: 7px 7px;
+    background: #FFF;
+  }
+
+  .carBG {
+    width: 100%;
+    height: 130px;
+  }
+
+  .carBlue {
+    background: url("../../assets/images/blueBG.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .carYellow {
+    background: url("../../assets/images/yellowBG.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .carGreen {
+    background: url("../../assets/images/greenBG.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .carWhite {
+    background: url("../../assets/images/whiteBG.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .carBlack {
+    background: url("../../assets/images/blackBG.png") no-repeat;
+    background-size: 100% 100%;
+  }
+
+  .carNumber {
+    padding: 20px 0 10px;
+    font-size: 30px;
+    color: #fff;
+    text-align: center;
+  }
+
+  .payFee {
+    font-size: 24px;
+    color: #FF7B7B;
+    text-align: center;
+  }
+
+  .fee-wrap {
+    background: #FFF;
+    padding: 0 18px;
+    > li {
+      display: flex;
+      justify-content: space-between;
+      height: 30px;
+      line-height: 30px;
+      border-bottom: 1px solid #EAEAEA;
+      &:last-child {
+        border-bottom: 0;
+      }
+    }
+
+  }
+
+  .toPay {
+    width: 100%;
+    height: 44px;
+    margin: 0 auto;
+    line-height: 44px;
+    text-align: center;
+    background: linear-gradient(180deg, #3885D9 0%, #4194EF 100%);
+    border-radius: 4px;
+    border: 1px solid #0D72E2;
+    font-size: 20px;
+    color: #FFF;
+    cursor: pointer;
+  }
+
+  .tip {
+    padding-left: 40px;
+    background: url("../../assets/images/tip.png") no-repeat 18px center;
+    background-size: 16px 16px;
+    color: #666;
+  }
+</style>
 <template>
   <div id="page">
  
-    <div class="swiper-container" style="height: 260px">
-      <div class="swiper-wrapper">
-        <div class="swiper-slide" v-for="item in swiperData" :key="item.id"
-             :style="{backgroundImage:'url(' + item.url + ')'}"
-             @click="openImgUrl(item)"
-        ></div>
-      </div>
-      <!-- 如果需要分页器 -->
-      <div class="swiper-pagination"></div>
  
-      <!-- 如果需要滚动条 -->
-      <!--    <div class="swiper-scrollbar"></div>-->
-    </div>
  
     <div class="wrap">
-      <!--<p style="margin-bottom: 18px;margin-top: 18px;">请选择车牌颜色</p>-->
+      <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)"
@@ -31,7 +19,7 @@
  
  
       <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>
@@ -74,18 +62,7 @@
  
  
       <div class="submit-box" @click="submitFn()">
-        查询
-      </div>
-
-      <div>
-        <p style="margin-bottom: 18px;margin-top: 18px;">查询记录</p>
-        <ul class="bound-list" v-if="boundList.length>0">
-          <li v-for="i in boundList" :key="i" @click="boundHandle(i)">
-            <span>{{ i }}</span>
-          </li>
-        </ul>
-        <div v-else style="text-align: center;padding: 10px 0;">暂无查询记录</div>
-        <!--<div class="addCarNum"><span></span>添加车辆</div>-->
+        领取
       </div>
  
  
@@ -355,12 +332,10 @@ export default {
       submitConfirm: false,
       submitConfirmFalse: false,
       submitConfirmText: '',
-      swiperData: [], // 轮播数据
-      boundList:[] // 历史记录
     }
   },
   created(){
-    this.initSWiper()
+
   },
   mounted () {
     //
@@ -375,54 +350,9 @@ export default {
     //   }
     // }
  
-    this.boundList = JSON.parse(localStorage.getItem('parkRecordList')) ? JSON.parse(localStorage.getItem('parkRecordList')) : []
-    console.log(this.boundList)
   },
   methods: {
-    initSWiper() {
-      var salt = this.$utils.myCommonSalt(32)
-      var jsondata = {
-        app_id: this.$utils.myVarAppid,
-        deviceInfo: this.$utils.myDeviceInfo,
-        salt: salt,
-        sign_type: 'md5',
-        sign: '1',
-        orgId: this.$utils.myOrgId,
-        jumpType: '7'   //  7 微信公众号    8小票
-      };
-      // jsondata = JSON.stringify(jsondata);
-      swiperQuery(jsondata).then(res => {
-        this.swiperData = res.data
-        console.log(this.swiperData)
-        new Swiper('.swiper-container', {
-          pagination: '.swiper-pagination',
-          paginationClickable: true,
-          centeredSlides: true,
-          notNextTick: true,
-          autoplay: 5000,
-          autoplayDisableOnInteraction: true,
-
-          observer: true,       //修改swiper自己或子元素时，自动初始化swiper
-          observeParents: true, //修改swiper的父元素时，自动初始化swiper
-          onSlideChangeStart: function (swiper) {
-            //console.log(swiper.activeIndex)
-          }
-        })
-      })
-    },
-    openImgUrl(i) { // 点击图片跳转
-      window.open(i.jumpUrl)
-    },
-    boundHandle(i) { // 记录点击事件
-      console.log(i)
-      this.$router.push({
-        path:'parkRecord',
-        query:{
-          carNumber:i,
-          carNumberColor: this.currentColor
-        }
-      })
-    },
+
     chooseColor (index){ // 颜色选择    0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
       this.currentColor = index
       switch (this.currentColor) {
@@ -519,15 +449,7 @@ export default {
       this.$emit('getPlateLicense',plateLicense)
       console.log(plateLicense);
  
-      // boundList
-      if(this.boundList.indexOf(plateLicense) == -1 ){
-        if(this.boundList.length == 3){
-          this.boundList.pop()
-        }
-        this.boundList.unshift(plateLicense)
-      }
-      localStorage.setItem('parkRecordList',JSON.stringify(this.boundList))
-      console.log(this.boundList)
+
  
       this.$router.push({
         path:'parkRecord',
@@ -631,16 +553,6 @@ export default {
 </script>
 <style lang="scss" scoped>
  
-  .swiper-container {
-    height: 206px;
-  }
-
-  .swiper-slide {
-    /*width: 100%;*/
-    height: 206px;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-  }
  
   .flex-items-center {
     display: flex;