From 5bdc01825513cbc52352c9d55e9a1aa1916389fd Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 14 Dec 2018 10:40:32 +0800
Subject: [PATCH] 赤峰分支

---
 src/components/inout.vue | 223 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 src/components/pay.vue   | 132 ------------------------------------------------------------------------------------------------------------------------------------
 2 files changed, 0 insertions(+), 355 deletions(-)
 delete mode 100644 src/components/inout.vue
 delete mode 100644 src/components/pay.vue

diff --git a/src/components/inout.vue b/src/components/inout.vue
deleted file mode 100644
index a44ff9d..0000000
--- a/src/components/inout.vue
+++ /dev/null
@@ -1,223 +0,0 @@
-<template>
-  <div class="inout-wrap">
-    <div class="title">无牌车{{ toflag =='0' ? '入场' : '出场' }}结算</div>
-    <div :class="tipsClass" class="tips-text">{{ tipsText }}</div>
-    <div class="inout-fix"></div>
-    <input
-      v-show="inputType"
-      ref="phoneVal"
-      type="text"
-      placeholder="请输入手机号"
-      maxlength="11"
-      onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');">
-    <input
-      v-show="!inputType"
-      ref="carVal"
-      type="text"
-      placeholder="请输入车牌号"
-      maxlength="8">
-    <div class="toggle-btn" @click="togglebtn">
-      <img src="../assets/toggle-btn.png">
-      {{ toggleText }}
-    </div>
-    <div class="commit-btn" @click="commitsure">确定</div>
-  </div>
-</template>
-
-<script>
-import { mapActions } from 'vuex'
-
-export default {
-  name: 'InOut',
-  props: {
-    toflag: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      tipsText: '请输入手机号',
-      toggleText: '切换车牌',
-      inputType: true,
-      tipsClass: ''
-    }
-  },
-  methods: {
-    ...mapActions([
-      'handleShow', 'handleHide', 'handlePayFlag'
-    ]),
-    togglebtn() {
-      this.tipsClass = ''
-      this.inputType = !this.inputType
-      // this.toggleText=this.toggleText === '切换车牌' ? '切换手机' : '切换车牌'
-      if (this.toggleText === '切换车牌') {
-        this.toggleText = '切换手机'
-        this.tipsText = '请输入车牌号'
-      } else {
-        this.toggleText = '切换车牌'
-        this.tipsText = '请输入手机号'
-      }
-    },
-    commitsure() { // 确定事件
-      console.log(this.toflag) // 如果为1 就需要去支付
-      if (this.inputType) {
-        const phonetext = this.$refs.phoneVal.value.trim()
-        const phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/
-        if (phonetext) {
-          if (phoneReg.test(phonetext)) {
-            // ajax
-            this.handleShow()
-            // 模拟成功
-            setTimeout(() => {
-              this.handleHide()
-              this.tipsText = '绑定成功'
-              this.tipsClass = 'successClass'
-              if (this.toflag === 1) {
-                this.handlePayFlag()
-                const passdata = {
-                  title: '手机号123',
-                  money: '¥1000.00'
-                }
-                this.$emit('commitpass', passdata)
-              }
-            }, 2000)
-          } else {
-            this.tipsText = '请输入正确手机号'
-            this.tipsClass = 'errorClass'
-            return
-          }
-        } else {
-          this.tipsText = '请输入手机号'
-          this.tipsClass = ''
-          return
-        }
-      } else {
-        const cartext = this.$refs.carVal.value.trim()
-        const carReg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
-        const carnewreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
-        if (cartext) {
-          if (cartext.length === 7) { // 正常车牌
-            if (carReg.test(cartext)) {
-              // ajax
-              this.handleShow()
-              // 模拟成功
-              setTimeout(() => {
-                this.handleHide()
-                this.tipsText = '绑定成功'
-                this.tipsClass = 'successClass'
-              }, 2000)
-            } else {
-              this.tipsText = '请输入正确车牌号'
-              this.tipsClass = 'errorClass'
-              return
-            }
-          } else if (cartext.length === 8) { // 新能源
-            if (carnewreg.test(cartext)) {
-              // ajax
-              this.handleShow()
-              // 模拟成功
-              setTimeout(() => {
-                this.handleHide()
-                this.tipsText = '绑定成功'
-                this.tipsClass = 'successClass'
-              }, 2000)
-            } else {
-              this.tipsText = '请输入正确车牌号'
-              this.tipsClass = 'errorClass'
-              return
-            }
-          } else {
-            this.tipsText = '请输入正确车牌号'
-            this.tipsClass = 'errorClass'
-            return
-          }
-        } else {
-          this.tipsText = '请输入车牌号'
-          this.tipsClass = ''
-          return
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  $corlorwhit: #fff;
-  .inout-wrap {
-    width: 100%;
-    height: 100%;
-    background: url("../assets/inout-bg.png") repeat;
-    position: relative;
-    text-align: center;
-    .title {
-      height: 42px;
-      line-height: 42px;
-      background-color: rgba(255, 255, 255, .9);
-      font-size: 17px;
-      color: #4A4A4A;
-      font-weight: 500;
-    }
-    .tips-text {
-      margin-top: 44px;
-      margin-bottom: 10px;
-      font-size: 17px;
-      color: $corlorwhit;
-    }
-    .normalClass {
-      color: $corlorwhit;
-    }
-    .successClass {
-      color: #0f0;
-    }
-    .errorClass {
-      color: #f00;
-    }
-    input {
-      border: 0;
-      outline: 0;
-      width: 80%;
-      height: 1.253333rem;
-      line-height: 1.253333rem;
-      background-color: #fff;
-      font-size: 0.48rem;
-      color: #4A4A4A;
-      border-radius: 0.106667rem;
-      text-align: center;
-      font-weight: 500;
-    }
-    .toggle-btn {
-      height: 17px;
-      margin-top: 18px;
-      text-align: center;
-      cursor: pointer;
-      color: $corlorwhit;
-      font-size: 17px;
-      img {
-        width: 16px;
-        height: 16px;
-        vertical-align: top;
-      }
-    }
-    .commit-btn {
-      width: 80%;
-      height: 42px;
-      margin: 156px auto 0;
-      line-height: 42px;
-      border-radius: 21px;
-      background: #fff;
-      font-size: 18px;
-      color: #75CBBE;
-      cursor: pointer;
-    }
-    .inout-fix {
-      width: 100%;
-      height: 122px;
-      position: absolute;
-      bottom: 0;
-      background: url("../assets/inout-fix.png") no-repeat;
-      background-size: 100% 100%;
-    }
-  }
-</style>
diff --git a/src/components/pay.vue b/src/components/pay.vue
deleted file mode 100644
index 874c47f..0000000
--- a/src/components/pay.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <div class="pay-wrap">
-    <div class="title">订单支付</div>
-    <div class="tipstext">{{ title }}</div>
-    <div class="money">{{ money }}</div>
-    <div class="choosetext">选择支付方式</div>
-    <ul class="pay-way">
-      <li v-for="(item, index) in payArr" :key="index" :class="{checkedClass : index===currentId}" @click="currentId = index">
-        <span></span>
-        {{ item }}
-      </li>
-    </ul>
-    <div class="commit-btn" @click="commitsure">确认支付</div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Pay',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    money: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      payArr: ['支付宝支付', '微信支付'],
-      currentId: 0
-    }
-  },
-  methods: {
-    commitsure() {
-      alert(this.currentId)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-  .pay-wrap {
-    width: 100%;
-    height: 100%;
-    background-color: #eff4f5;
-    text-align: center;
-    .title {
-      height: 42px;
-      line-height: 42px;
-      background-color: rgba(255, 255, 255, .9);
-      font-size: 17px;
-      color: #4A4A4A;
-      font-weight: 500;
-    }
-    .tipstext {
-      margin: 35px auto 35px;
-      font-size: 18px;
-      font-weight: bold;
-      color: rgba(255, 7, 7, 1);
-    }
-    .money {
-      height: 48px;
-      line-height: 48px;
-      font-size: 48px;
-      font-weight: 400;
-      color: rgba(74, 74, 74, 1);
-    }
-    .choosetext {
-      padding-left: 10px;
-      margin: 60px 0 10px;
-      text-align: left;
-      font-size: 17px;
-      font-weight: 400;
-      color: rgba(74, 74, 74, 1);
-    }
-    .pay-way {
-      padding-left: 10px;
-      padding-right: 18px;
-      background-color: #fff;
-      text-align: left;
-      cursor: pointer;
-      li {
-        height: 43px;
-        line-height: 43px;
-        font-size: 14px;
-        font-weight: 400;
-        color: rgba(74, 74, 74, 1);
-        background-image: url("../assets/unchecked-icon.png");
-        background-repeat: no-repeat ;
-        background-position: right center ;
-        background-size: 18px 18px;
-        span {
-          width: 24px;
-          height: 24px;
-          display: inline-block;
-          margin-right: 11px;
-          vertical-align: middle;
-        }
-        &:nth-of-type(1) {
-          border-bottom: 1px solid rgba(240, 244, 245, 1);
-          span {
-            background: url("../assets/ali-icon.png") no-repeat;
-            background-size: 100% 100%;
-          }
-        }
-        &:nth-of-type(2) {
-          span {
-            background: url("../assets/wechat-icon.png") no-repeat;
-            background-size: 100% 100%;
-          }
-        }
-      }
-      .checkedClass{
-        background-image: url("../assets/checked-icon.png");
-      }
-    }
-    .commit-btn {
-      width: 80%;
-      height: 42px;
-      line-height: 42px;
-      margin: 120px auto 0;
-      border-radius: 21px;
-      background-color: #75CBBE;
-      font-size: 18px;
-      font-weight: 400;
-      color: rgba(255, 255, 255, 1);
-    }
-  }
-</style>
--
libgit2 0.21.4