月卡

819527061@qq.com

2025-01-08 1618162f712fc414702bce924ff367397ff8ec1d

 src/components/page/MonthFeePay.vue

@@ -1,12 +1,12 @@
<template>
    <div class="weizhang-box yuezucard-wrap">
<!--      <div class="weizhang-main-top">
        <h1 class="title">月租车办理</h1>
      </div>-->
<!--      <div class="weizhang-main-top">-->
<!--        <h1 class="title">月租车办理</h1>-->
<!--      </div>-->
      <div class="weizhang-main-box">
            <div class="weizhang-main-bootom">
                <div class="weizhang-main-form">
                    <el-form label-width="100px" :model="statisticData" ref="statisticData" :rules="rules" label-position="left">
                    <el-form label-width="110px" :model="statisticData" ref="statisticData" :rules="rules" label-position="left">
                        <el-form-item label="车牌号：" style="margin-left: 25px;" prop="carNo">
                            <el-input readonly @focus="isShow=true" v-model="statisticData.carNo" ></el-input>
                        </el-form-item>
@@ -34,8 +34,8 @@
                </div>
                <div class="yuezu-box" v-if="searchShow">
                  <div>
                    <div class="current-box" v-if="startTime && endTime">剩余使用时间：<span class="utilTime">{{untilToday}}天（{{endTime}}结束）</span></div>
                    <div class="current-box" v-else>剩余使用时间：暂未开通月票</div>
                    <div class="current-box" v-if="startTime && endTime">月票剩余时间：<span class="utilTime">{{untilToday}}天（{{endTime}} 结束）</span></div>
                    <div class="current-box" v-else>月票剩余时间：暂未开通月票</div>
                  </div>
<!--                  <div class="current-box" v-if="startTime && endTime">
                    <span class="title">当前使用时间：</span>
@@ -152,6 +152,7 @@
          }
        },
        created(){
          document.title = "月租车办理";
          var url = window.location.href;
          var cs = url.split('?')[1];
          var cs_arr = cs.split('&');
@@ -168,27 +169,6 @@
          pay(){
              this.$refs.statisticData.validate((valid) => {
                if(valid) {
                  this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/monthFeePay/pay', this.statisticData, res => {
                    console.log(res,'res====')
                    if(res.code == 0){
                      this.searchShow = true
                      this.activeIndex = ''  //重置
                      this.money = null
                      this.compStartTime = ''
                      this.compEndTime = ''
                      //未查询到月票，可正常缴费
                      if(res.data) {
                        this.startTime = res.data.startTime
                        this.endTime = res.data.endTime
                      }else {
                        this.startTime = ''
                        this.endTime = ''
                      }
                    }else {

                    }
                  })

                  this.getYuezuMoney()
                }
              })
@@ -198,12 +178,36 @@
              parkId:this.statisticData.parkId,
              type:this.statisticData.allFlag
            }
            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/whiteListRule/getByPark', params, res => {
              if(res.code == 0){
                 this.yueZuObj = res.data
              }else {

            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/whiteListRule/getByPark', params, res => {
              console.log(res,'res====111')
              if(res.code == 0){
                this.yueZuObj = res.data
                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/monthFeePay/pay', this.statisticData, res => {
                  console.log(res,'res====')
                  if(res.code == 0){
                    this.searchShow = true
                    this.activeIndex = ''  //重置
                    this.money = null
                    this.compStartTime = ''
                    this.compEndTime = ''
                    //未查询到月票，可正常缴费
                    if(res.data) {
                      this.startTime = res.data.startTime
                      this.endTime = res.data.endTime
                    }else {
                      this.startTime = ''
                      this.endTime = ''
                    }
                  }else {

                  }
                })
              }else {
                this.searchShow = false
                this.$message.error(res.msg)
              }

            })
          },
          handleSelect(key) {
@@ -324,6 +328,10 @@
  }
  .el-input__inner{
    height: 5.33vw  /* 40/7.5 */;
    line-height: 5.33vw;
  }
  .el-select{
    width: 100%;
  }
}
    .weizhang-main-bootom{
@@ -422,8 +430,8 @@
    .title{
      font-size: 4.27vw  /* 32/7.5 */;
      font-weight: bolder;
      height: 10.67vw  /* 80/7.5 */;
      line-height: 10.67vw  /* 80/7.5 */;
      height: 11.73vw  /* 88/7.5 */;
      line-height: 11.73vw  /* 88/7.5 */;
    }
    .money{
        font-size: 6.93vw  /* 52/7.5 */;