历史记录

刘淇
1 parent 7f049c3f
Showing 6 changed files with 66 additions and 30 deletions
src/main.js
src/router/index.js
src/utils/variables.js
src/views/binding/binDing.vue
src/views/eInvoice/invoiceRecord/exchange.vue
src/views/eInvoice/invoiceRecord/invoiceRecord.vue
@@ -6,8 +6,8 @@ import router from &#39;./router&#39;
 import './assets/css/reset.css'  // 引入公共样式
-import h5Popup from 'vue-h5-popup' // 引入弹窗
-Vue.use(h5Popup)
+// import h5Popup from 'vue-h5-popup' // 引入弹窗
+// Vue.use(h5Popup)
 // import MintUI from 'mint-ui'
@@ -42,6 +42,9 @@ Vue.prototype.$utils = utils
 import common from './utils/common' // 公共
 Vue.prototype.$common = common
+import variables from './utils/variables' // 公共验证
+Vue.prototype.$variables = variables
+
 import Mint from 'mint-ui';
 import 'mint-ui/lib/style.css'
 Vue.use(Mint);
@@ -103,12 +103,12 @@ export default new Router({
-    //  //---------------- 个人页面导航
-    // {
-    //   path: '/selfNav',
-    //   name: 'selfNav',
-    //   component: () => import("@/views/mySelf/selfNav.vue")
-    // },
+     //---------------- 个人页面导航
+    {
+      path: '/selfNav',
+      name: 'selfNav',
+      component: () => import("@/views/mySelf/selfNav.vue")
+    },
     //
     // // ------------------------建议反馈
     // {
@@ -125,13 +125,13 @@ export default new Router({
     // },
     //
     //
-    // // ------------------------停车记录
-    // {
-    //   path: '/binDing',
-    //   name: 'binDing',
-    //   component: () => import("@/views/binding/binDing.vue")
-    // },
-    //
+    // ------------------------绑定手机
+    {
+      path: '/binDing',
+      name: 'binDing',
+      component: () => import("@/views/binding/binDing.vue")
+    },
+
     //
     // // ------------------------购买会员卡提示
     // {
+export default {
+  /* 是否手机号码*/
+  isPhone: function(rule, value, callback) {
+    const reg = /^[1][3,4,5,7,8][0-9]{9}$/;
+    if (value == "" || value == undefined || value == null) {
+      callback();
+    } else {
+      if ((!reg.test(value)) && value != "") {
+        callback(new Error("请输入正确的电话号码"));
+      } else {
+        callback();
+      }
+    }
+  }
+};
+
@@ -3,7 +3,7 @@
     <mt-field label="手机号" placeholder="请输入正确的手机号" type="tel" v-model="phone" :attr="{ maxlength: 13 }"></mt-field>
-    <mt-field label="验证码" v-model="codeText">
+    <mt-field label="验证码" v-model="codeText" :disabled="disabled">
       <div class="getCode" @click="getCode">{{timeNum}}</div>
     </mt-field>
@@ -21,7 +21,8 @@ export default {
       codeText: '',
       phone: '',
       timeText: '获取验证码',
-      timeNum: 60,
+      time: 0,
+      disabled:false
     }
   },
   created(){
@@ -29,17 +30,33 @@ export default {
   },
   methods: {
     getCode: function () {
-      var _this = this
-      // this.timeText = this.timeNum+'S'
-      let Num = 5
-      var timer = setInterval(function () {
-        _this.timeNum = Num-- +'s'
-        if(Num== -1){
-          _this.timeNum = '获取验证码'
-          clearInterval(timer)
-        }
-      }, 1000)
-    }
+      var reg=11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
+      //var url="/nptOfficialWebsite/apply/sendSms?mobile="+this.ruleForm.phone;
+      if(this.phone==''){
+        this.$vux.toast.text('请输入手机号码', 'top')
+      }else if(!reg.test(this.phone)){
+        this.$vux.toast.text('手机格式不正确', 'top')
+      }else{
+        this.time=60;
+        this.disabled=true;
+        this.timer();
+        /*axios.post(url).then(
+            res=>{
+            this.phonedata=res.data;
+        })*/
+      }
+    },
+    timer() {
+      if (this.time > 0) {
+        this.time--;
+        this.btntxt=this.time+"s后重新获取";
+        setTimeout(this.timer, 1000);
+      } else{
+        this.time=0;
+        this.btntxt="获取验证码";
+        this.disabled=false;
+      }
+    },
   }
 }
 </script>
 <template>
     <div>
       <group>
-        <cell  v-for="(i, index) in list" align-items="left" class="inovice-list" :value="'¥'+ (i.orderTotalFee/100).toFixed(2)">
+        <cell  v-for="(i, index) in list" align-items="left" class="inovice-list" :value="'¥'+ (i.orderTotalFee/100).toFixed(2)" :key="index">
           <div slot="title">
             <span>{{i.carNumber}}</span>
           </div>
@@ -3,7 +3,7 @@
     <group title="开票历史">
       <cell :title="i.invoiceBigType | invoiceBigTypeFilter" @click.native="toInvoiceDetail(i)"
             :inline-desc="$utils.getLocalTime(i.invoiceDate)"
-            v-for="(i, index) in list">
+            v-for="(i, index) in list" :key="index">
         <div>
           <p>{{i.invoiceState | invoiceStateFilter}}</p>
           <p>¥ {{(i.invoiceTotalFee/100).toFixed(2)}}</p>