<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-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>感谢您使用云仓！</p>-->
          <p>您的资料已经提交审核，审核周期为1-3个工作日，请您耐心等待审核结果。</p>
          <p>如果您有其它的问题，可以拔打我们的服务电话与我们联系！</p>
<!--          <p>服务电话：4000-188-199</p>-->
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
  export default {
    name: "ReviewSuccess",
    data() {
      return {}
    },
    created() {
      console.log(444,this.$store.state.user.applyState)
      // 刷新当前页面，如果sys操作，审核通过，那么这个applyState状态值会变为 1，代表审核通过，可以直接跳转登录页面,审核拒绝，则 为3，跳转到失败页面
      if (this.$store.state.user.applyState == 1) {
        this.$router.push({path: '/home/index'});
      }
      if (this.$store.state.user.applyState == 2) {
        this.$router.push({path: '/reviewing'});
      }
      if (this.$store.state.user.applyState == 3) {
        this.$router.push({path: '/reviewFail'});
      }
    }
  }
</script>

<style lang="scss" type="text/stylus" scoped>
.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>
