<template>
    <div class="upload-success">
        <common-svg name="tijiaochenggong" width="140px" height="93px"></common-svg>
        <p class="title">恭喜您，资料上传成功</p>
        <p class="desc">我们会在24小时内审核完成。</p>
        <div @click="goUserCenter" class="btn">返回个人中心</div>
        <div class="tip">5秒后跳转到个人中心</div>
    </div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import { Cell, Form, Field, CellGroup, Button, Image, RadioGroup, Radio } from 'vant';
import { State, Getter, Action, Mutation } from 'vuex-class';
import { Route } from 'vue-router';
@Component({
  components: {
    [Form.name]: Form,
    [Field.name]: Field,
    [Button.name]: Button,
    [Image.name]: Image,
    [Cell.name]: Cell,
    [RadioGroup.name]: RadioGroup,
    [Radio.name]: Radio,
  },
})
export default class UploadSuccess extends Vue {
  private mounted() {
    const timer = setTimeout(() => {
      this.$router.replace('/userCenter/index');
    }, 5000);
    this.$once('hook:beforeDestory', () => {
      clearTimeout(timer);
    });
  }
  private goUserCenter() {
    this.$router.replace('/userCenter/index');
  }
}
</script>
<style scoped lang="scss">
  .upload-success{
    padding: 17px;
    text-align: center;
    .title{
      color: #353535;
      font-size: 16px;
    }
    .desc{
      color: #B6B5BA;
      font-size: 14px;
      line-height: 2em;
    }
    .btn{
      display: inline-block;
      width:200px;
      height:40px;
      line-height: 40px;
      background:linear-gradient(180deg,rgba(70,103,250,1) 0%,rgba(91,119,244,1) 100%);
      box-shadow:0px 2px 15px 0px rgba(63,121,254,0.42);
      border-radius:4px;
      color: #FFFFFF;
    }
    .tip{
      color: #B6B5BA;
      font-size: 14px;
      line-height: 2em;
    }
  }
</style>