入场码

liuqimichale
1 parent e2fc6c62
Showing 9 changed files with 154 additions and 8 deletions
index.html
src/api/parkEnter/parkEnter.js
src/components/dynCodePay.vue
src/components/parkEnter.vue
src/components/pay.vue
src/components/plateNumber.vue
src/main.js
src/router/index.js
src/utils/utils.js
@@ -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>
+import request from '@/utils/request'
+
+export function noCarQRcodeInOutPark(params) {  //  /*出、入场接口*/
+  return request({
+    url: 'keyTopQrCodeInOutPark/noCarQRcodeInOutPark',
+    method: 'post',
+    data: params
+  })
+}
+
+
+
+
+
@@ -350,6 +350,7 @@ export default {
     padding: 20px 0 10px;
     font-size: 30px;
     text-align: center;
+    color: #fff;
   }
  
   .payFee {
+<template>
+  <div>
+    <p class="enter-title">请输入手机号码</p>
+    <mt-field style="width: 60%;margin: 10px auto;border: 1px solid #c1bfc5;font-size: 16px;border-radius: 2px;" label="" placeholder="请输入手机号" type="tel" v-model="phone" :attr="{ maxlength: 11 }"></mt-field>
+    <p style="color:#3385ff;text-align: center;">手机号码是出场凭证，请您牢记!</p>
+    <div class="okBtn" @click="onHandle">确定入场</div>
+  </div>
+</template>
+
+<script>
+
+import { noCarQRcodeInOutPark } from '@/api/parkEnter/parkEnter'
+
+export default {
+  name: 'parkEnter',
+  data() {
+    return {
+      query: {},
+      phone: ''
+    }
+  },
+  created() {
+    this.query = this.$utils.getQueryString(window.location)
+    console.log(this.query)
+  },
+  methods: {
+    onHandle: function () {
+      // noCarQRcodeInOutPark
+      if (!/^1[34578]\d{9}$/.test(this.phone)) {
+        this.$msgbox('提示', '请输入正确手机号')
+        return
+      }
+      if (this.query == null) {
+        this.$msgbox('提示', '没有接收到请求参数')
+        return
+      }
+
+      this.query.app_id = 1
+      this.query.salt = 2
+      this.query.deviceInfo = 3
+      this.query.sign_type = 'md5'
+      this.query.sign = 4
+      this.query.token = '666'
+
+      this.query.carNumber = this.phone+'111'
+      this.query.terminalSource = "7";//增加字段：1:任你听 3：微信公共号 4:云平台 7:H5
+      noCarQRcodeInOutPark(this.query).then(res => {
+        if (res.code == 0) {
+          this.$msgbox('提示', '进场信息已录入,请您进场！')
+        } else {
+          this.$msgbox('提示', res.message)
+        }
+      })
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .enter-title {
+    margin-top: 45px;
+    text-align: center;
+    font-size: 18px;
+    color: #000;
+  }
+  .okBtn{
+    background: linear-gradient(180deg, #3885D9 0%, #4194EF 100%);
+    width: 60%;
+    margin: 50px auto 0;
+    height: 48px;
+    line-height: 48px;
+    text-align: center;
+    border-radius: 5px;
+    color: #ffffff;
+    font-size: 18px;
+    cursor: pointer;
+  }
+</style>
@@ -360,6 +360,7 @@ export default {
     padding: 20px 0 10px;
     font-size: 30px;
     text-align: center;
+    color: #fff;
   }
  
   .payFee {
@@ -85,7 +85,7 @@
       <div class="first-word"
            @click="selectFirstWord($event)">
         <div class="word">
-          <span>京</span>
+          <span>蒙</span>
         </div>
         <div class="word">
           <span>湘</span>
@@ -166,7 +166,7 @@
       <div class="first-word"
            @click="selectFirstWord($event)">
         <div class="word">
-          <span>蒙</span>
+          <span>京</span>
         </div>
         <div class="word">
           <span>赣</span>
@@ -480,6 +480,7 @@ export default {
  
           return
         }
+        this.carNum = plateLicense
       }
       if (this.formData.commonCard === '2') {
         plateLicense = this.plate_license_2
@@ -489,6 +490,7 @@ export default {
  
           return
         }
+        this.carNum = plateLicense
       }
       console.log(plateLicense)
       if (this.formData.commonCard === '3') {
@@ -499,11 +501,12 @@ export default {
  
           return
         }
+        this.carNum = this.carNum+'111'
       }
       //
       // this.$emit('getPlateLicense', plateLicense)
       console.log(plateLicense);
-      this.carNum = plateLicense
+
       // this.$router.push({
       //   path: 'pay',
       //   query: {
@@ -16,6 +16,8 @@ import &#39;mint-ui/lib/style.css&#39;
  
 import { MessageBox } from 'mint-ui'
 import { Toast } from 'mint-ui';
+import { Field } from 'mint-ui';
+Vue.component(Field.name, Field);
  
 Vue.prototype.$msgbox = MessageBox
 Vue.prototype.$toast = Toast
@@ -29,6 +31,9 @@ for (let key in vueFilter){
   Vue.filter(key,vueFilter[key])
 }
  
+
+
+
 Vue.config.productionTip = false
  
 /* eslint-disable no-new */
@@ -3,15 +3,16 @@ import Router from &#39;vue-router&#39;
 import plateNumber from '@/components/plateNumber'
 // import parkRecord from '@/components/parkRecord'
 import dynCodePay from '@/components/dynCodePay'
+import parkEnter from '@/components/parkEnter'
  
 Vue.use(Router)
  
-export default new Router({
+const router = new Router({
   routes: [
     {
       path: '/',
       redirect: {
-        name: 'plateNumber'
+        name: 'parkEnter'
       }
     },
     // {
@@ -20,9 +21,20 @@ export default new Router({
     //   component: navigation
     // },
     {
+      path: '/parkEnter',
+      name: 'parkEnter',
+      component: parkEnter,
+      meta: {
+        title: '入场码'
+      }
+    },
+    {
       path: '/plateNumber',
       name: 'plateNumber',
-      component: plateNumber
+      component: plateNumber,
+      meta: {
+        title: '静态码'
+      }
     },
     // {
     //   path: '/parkRecord',
@@ -45,7 +57,10 @@ export default new Router({
     {
       path: '/dynCodePay',
       name: 'dynCodePay',
-      component: () => import("@/components/dynCodePay.vue")
+      component: () => import("@/components/dynCodePay.vue"),
+      meta: {
+        title: '动态码'
+      }
     },
  
     {
@@ -63,3 +78,15 @@ export default new Router({
  
   ]
 })
+
+router.beforeEach((to, from, next) => {
+  /* 路由发生变化修改页面title */
+  if (to.meta.title) {
+    document.title = to.meta.title
+  }
+  next()
+})
+
+export default router
+
+
@@ -11,6 +11,22 @@ export default {
     console.log(pwd);
     return pwd;
   },
+  getQueryString: function(location) {
+    //var url = location.search; //获取url中"?"符后的字串
+    console.log(location)
+    var url = location.href.split("?")[1];
+    var theRequest = new Object();
+    if (url) {
+      // var str = url.substr(1);
+      var strs = url.split("&");
+      for (var i = 0; i < strs.length; i++) {
+        theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
+      }
+    } else {
+      theRequest = null;
+    }
+    return theRequest;
+  },
  
   parseParams: function (data) {
     try {