新增有效期限

Admin

2022-10-31 1692aafebcb6466a9ff9e3c90cdec57a2c3d6414

新增有效期限

 src/views/login/index.vue

@@ -16,13 +16,14 @@
          title="账户到期提醒"
          :visible.sync="dialogTip"
          :close-on-click-modal="false"
          width="40%"
          top="30vh"
          width="45%"
          top="28vh"
          :show-close="false"
          center>
          <div style="text-indent: 28px;line-height: 1.5">
              <div style="margin-bottom: 10px">尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限即将过期，为不影响您的正常使用，请于{{ deadline }}之前缴（续）费，逾期未缴费您的账户将不能继续登录使用。</div>
              <div style="margin-bottom: 10px">系统年度技术服务费人民币1800元，点击下方“去缴费”即可进行缴（续）费操作。</div>
          <div class="dateTip">
              <div v-if="isOverTime">尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限已过期(<span>截止到：{{deadline}}</span>)，为不影响您的正常使用，请尽快缴（续）费，过期未缴费期间您的账户将不能继续登录使用。</div>
              <div v-else>尊敬的烟花爆竹生产、经营厂家，您的账户免费使用权限即将过期，为不影响您的正常使用，请于<span>{{ deadline }}</span>之前缴（续）费，逾期未缴费您的账户将不能继续登录使用。</div>
              <div style="margin-bottom: 10px">系统年度技术服务费人民币<span class="money">1800</span>元，点击下方“去缴费”即可进行缴（续）费操作。</div>
              <div>感谢您的配合！</div>
          </div>
          <span slot="footer" class="dialog-footer">
@@ -34,14 +35,19 @@
          title="缴（续）费须知"
          :visible.sync="dialogPay"
          :close-on-click-modal="false"
          width="40%"
          top="30vh"
          width="45%"
          top="23vh"
          @closed="isLogin()"
          center>
          <div class="payTip">
              <div>
                  <h2>付款方式：</h2>
                  <span>苏州国科鸿宇智能科技有限公司</span>纳税人识别号：91320594MA1YCQQ60E<br/>开户行：中国银行股份有限公司苏州独墅湖支行<br/>账号：517073268476<br/>地址：苏州工业园区若水路398号D0313<br/>联系电话：0512-62872586
                  <span>苏州国科鸿宇智能科技有限公司</span>
                  <div><span>纳税人识别号：</span><span>91320594MA1YCQQ60E</span></div>
                  <div><span>开户行：</span><span>中国银行股份有限公司苏州独墅湖支行</span></div>
                  <div><span>账号：</span><span>517073268476</span></div>
                  <div><span>地址：</span><span>苏州工业园区若水路398号D0313</span></div>
                  <div><span>联系电话：</span><span>0512-62872586</span></div>
              </div>
              <div class="payInfo">
                  <h3>提醒：</h3>
@@ -149,8 +155,8 @@
            _this.loading = false
            const data = res.result
            if(data.deadline && data.deadline != null){
                const deadline = data.deadline;
                const date = new Date(deadline);
                _this.deadline = data.deadline;
                const date = new Date(_this.deadline);
                if(date.getTime() < Date.now()){
                    _this.isOverTime = true
                    _this.dialogTip = true
@@ -432,17 +438,62 @@
          line-height: 20px;
      }
  }

    .dateTip{
        text-indent: 36px;
        line-height: 1.5;
        font-size:18px;

        &>div{
            margin-bottom: 10px;

            &:last-of-type{
                margin-bottom: 0;
            }

            span{
                color: #ff0000;
                margin: 0 6px;
            }

            .money{
                font-size: 22px;
                font-weight: bolder;
                color: #409EFF;
            }
        }
    }

    .payTip{
        div{
        &>div{
            line-height: 1.5;
            font-size: 18px;
            h2{
                margin-top: 0;
                margin-bottom: 6px;
            }
            span{
                font-size: 16px;
            &>span{
                font-size: 22px;
                font-weight: bolder;
                display: block;
                color: #409EFF;
                margin-bottom: 6px;
            }
            div{
                display: flex;
                align-items: center;

                &>span{
                    &:first-child{
                        width: 20%;
                        text-align: justify;
                        margin-right: 20px;
                    }
                    &:last-of-type{
                        width: calc(80% - 20px);
                        text-align: left;
                    }
                }
            }
        }
        .payInfo{