领取优惠券

刘淇
1 parent c5c786b3
Showing 3 changed files with 85 additions and 5 deletions
index.html
src/views/parkPay/coupon.vue
src/views/parkPay/plateNumber.vue
@@ -8,7 +8,7 @@
     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <title>扫描领券</title>
+    <title>扫码领券</title>
   </head>
   <body>
     <div id="app"></div>
 <template>
-  <div>
+  <div v-show="loadFlag">
     <img :src="imgurl" alt="" style="margin: 10px auto;width: 64px;height: 64px;">
     <div style="padding: 10px 30px 50px">
       <p>尊敬的车主您好：{{ tipText }}</p>
     </div>
     <div style="padding: 0 20px">
-      <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;" v-show="payFlag">去支付停车费用
+      <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;" v-show="payFlag">去查询停车费用
       </mt-button>
       <mt-button size="large" type="danger" @click="toBackPage">返回</mt-button>
     </div>
@@ -27,7 +27,7 @@ export default {
   name: "coupon",
   data() {
     return {
-      imgurl: '',
+      imgurl: require('../../assets/images/successIcon.png'),
       successiconUrl: require('../../assets/images/successIcon.png'),
       loseiconUrl: require('../../assets/images/loseIcon.png'),
       carNum: '',
@@ -38,6 +38,8 @@ export default {
       tipText: '',
       payFlag: true,
       couponsType:1,// 1:按次优惠,2:按时优惠,3:折扣优惠(打折),4：满减优惠'
+      cardRuleName:'',
+      loadFlag:false,
     }
   },
   created() {
@@ -82,6 +84,7 @@ export default {
           this.payFlag = true
           this.imgurl = this.successiconUrl
           this.tipText = '领取优惠券成功'
+          this.cardRuleName = response.data.cardRuleName
           this.couponsType = response.data.cardType
           console.log(this.couponsType)
         } else {
@@ -89,6 +92,9 @@ export default {
           this.imgurl = this.loseiconUrl
           this.tipText = response.message
         }
+        setTimeout(() => {
+          this.loadFlag = true
+        }, 300);
  
         // this.tipText =
       })
@@ -194,7 +200,7 @@ export default {
  
         } else {
           //$('.dialog-out').show()
-          this.$msgbox('提示', '现在您无需缴费，请在15分钟内离场')
+          this.$msgbox('提示', '成功领取'+this.cardRuleName+'，离场时自动抵扣')
         }
  
       })
@@ -58,6 +58,15 @@
       <!--</label>-->
       <!--</div>-->
  
+      <div v-if="historyList.length>0">
+        <p style="margin-bottom: 18px;margin-top: 18px;"></p>
+        <p style="margin-bottom: 18px;margin-top: 18px;">历史输入车牌号码</p>
+
+        <mt-cell :title="i.carNumberColor | filterCarNumberColor" is-link v-for="(i, index) in historyList" :key="index" @click.native="toNext(i)">
+          <span style="color: green">{{i.carNumber}}</span>
+        </mt-cell>
+
+      </div>
  
       <div class="submit-box" @click="submitFn()">
         领取
@@ -329,9 +338,12 @@ export default {
       submitConfirmText: '',
       carType: '',
       codeType: '',
+      historyList:[],
     }
   },
   created() {
+    this.historyList = localStorage.getItem('historyArr')?JSON.parse(localStorage.getItem('historyArr')):[]
+    console.log(this.historyList )
     this.carType = this.$route.query.carType
     this.codeType = this.$route.query.codeType
     console.log(this.codeType)
@@ -448,6 +460,26 @@ export default {
       this.$emit('getPlateLicense', plateLicense)
       console.log(plateLicense);
  
+      // historyArr    0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
+      // indexOf
+      if(JSON.stringify(this.historyList).includes(JSON.stringify({
+        carNumber:plateLicense,
+        carNumberColor:this.currentColor,
+      })) ){
+        console.log('122')
+
+      }else{
+        if(this.historyList.length==3){
+          this.historyList.splice(0,1)
+        }
+        this.historyList.push({
+          carNumber:plateLicense,
+          carNumberColor:this.currentColor,
+        })
+
+        localStorage.setItem('historyArr',JSON.stringify(this.historyList))
+      }
+
  
       this.$router.push({
         path: 'coupon',
@@ -461,6 +493,21 @@ export default {
         }
       })
     },
+    toNext(i){
+      console.log(i)
+
+      this.$router.push({
+        path: 'coupon',
+        query: {
+          carNumber: i.carNumber,
+          carNumberColor: i.currentColor,
+          carType: 2,
+          codeType: this.codeType,
+          cardRelParkNo: this.$route.query.cardRelParkNo,
+          key: this.$route.query.key
+        }
+      })
+    },
     palindrome(str) {
       var arr = str.split('')
       arr = arr.filter(function (val) {
@@ -550,6 +597,26 @@ export default {
         this.formData.num7
       )
     }
+  },
+  filters:{
+    filterCarNumberColor(val){
+      // 0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
+      if(val==0){
+        return '蓝牌'
+      }
+      if(val==1){
+        return '黄牌'
+      }
+      if(val==2){
+        return '白牌'
+      }
+      if(val==3){
+        return '黑牌'
+      }
+      if(val==4){
+        return '绿色'
+      }
+    }
   }
 }
 </script>
@@ -865,4 +932,11 @@ export default {
     cursor: pointer;
   }
 }
+
+>>> .mint-cell-wrapper{
+  background-image:none;
+}
+  >>> .mint-cell:last-child{
+    background-image:none;
+  }
 </style>