• 王天霸's avatar
    Merge branch 'master' into oem-51 · ce2d5161
    王天霸 提交于
    # Conflicts:
    #	dist/index.html
    #	dist/static/css/app.018ae2b6.css
    #	dist/static/css/app.62dc0ccb.css
    #	dist/static/css/app.89952327.css
    #	dist/static/css/chunk-2cf0247a.06132cc6.css
    #	dist/static/css/chunk-31be90b5.5818f70b.css
    #	dist/static/css/chunk-395601c8.ef8037a3.css
    #	dist/static/css/chunk-5cf2064d.55ffd948.css
    #	dist/static/css/chunk-62b69e44.e789a15d.css
    #	dist/static/css/chunk-7cc066d4.3cd35b9f.css
    #	dist/static/css/chunk-7f2f7f9d.ca8aeaeb.css
    #	dist/static/css/chunk-fd635f10.35744973.css
    #	dist/static/js/chunk-2cf0247a.a36532bf.js
    #	dist/static/js/chunk-395601c8.6ecf2107.js
    #	dist/static/js/chunk-5139a94e.c9df300b.js
    #	dist/static/js/chunk-54b56470.f476669a.js
    #	dist/static/js/chunk-7c2f4fe6.d4d563ad.js
    #	dist/static/js/chunk-7f2f7f9d.e9179369.js
    ce2d5161
reviewing.vue 3.3 KB
<template>
  <div class="to-review">
    <div class="logo-bg">
      <img v-if="false" src="../../../public/images/logo_white_sm.png" alt="">
    </div>
    <el-card class="box-card">
      <div slot="header" class="clearfix steps">
        <el-steps :active="3" align-center finish-status="success">
          <el-step title="注册账号" ></el-step>
          <el-step title="填写主体信息" ></el-step>
          <el-step title="填写店铺信息" ></el-step>
          <el-step title="提交入驻审核" ></el-step>
        </el-steps>
      </div>
      <div class="main">
        <div class="fuck">
          <p>
            <img src="../../../public/images/entry/reviewSuccess.png" alt="">
          </p>
          <p>资料已提交,工作人员审核中。。。</p>
          <p style="margin-top: 10px;">感谢您使用云仓!</p>
          <p>您的资料已经提交审核,审核周期为1-3个工作日,请您耐心等待审核结果。</p>
          <p>如果您有其它的问题,可以拔打我们的服务电话与我们联系!</p>
<!--          <p>服务电话:4000-188-199</p>-->
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
  import { getInfo } from '@/api/module/entry';
  export default {
    name: "ReviewSuccess",
    data() {
      return {}
    },
    created() {
      getInfo().then(res=> {
        if (res.code == 1 && res.data.user) {
          if (res.data.user.state == 1) {
            this.$router.push({path: '/home/index'});
          }
          if (res.data.user.state == 2) {
            this.$router.push({path: '/reviewing'})
          }
          if (res.data.user.state == 3) {
            this.$router.push({path: '/reviewFail'});
          }
        }
      });
    },
    mounted() {
      /** 禁止 浏览器 后退 */
      history.pushState(null,null,document.URL);
      window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
      })
    }
  }
</script>

<style lang="scss" type="text/stylus" scoped>
html{
  font-size: 12px !important;
}
.to-review {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .logo-bg {
    height: 60px;
    background: #1890ff;
    img {
      height: 44px;
      margin: 8px 0 8px 20px;
    }
  }
  .box-card {
    width: 80%;
    margin: 30px auto 30px;
    height: calc(100% - 120px);
  }
  .steps {
    height: 70px;
    width: 60%;
    margin: 40px auto 0;
  }
  .steps >>> .el-step__title {
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px;
    color: #333;
  }

  .el-step >>> .el-step__head.is-process {
    color: #1890ff;
    border-color: #1890ff;

    .el-step__icon.is-text {
      background-color: #1890ff;

      .el-step__icon-inner {
        color: #fff;
      }
    }
  }

  .el-step >>> .el-step__title.is-process {
    color: #000;
    font-weight : 400;
  }

  .el-step >>> .el-step__head.is-success {
    color: #1890ff;
    border-color: #1890ff;

    .el-step__line {
      background-color: #1890ff;
    }
  }

  .el-step >>> .el-step__title.is-success {
    color: #000;
  }

  .main {
    width: 100%;
    height: calc(66% - 120px);
    display:table;
    .fuck {
      display:table-cell;
      vertical-align:middle;
      p {
        text-align : center;
      }
      p:nth-child(2) {
        font-size: 24px;
        font-weight : bold;
        padding: 10px 0;
      }
    }
  }
}
</style>