<template>
  <div class="resultContainer">
    <nav-bar border />
    <div class="content">
      <img src="@/assets/images/promotion/submit.png" class="img" alt="" />
      <p class="desc1">已提交，等待管理员审核</p>
      <p class="desc2">稍后可在办理记录中查看审核结果</p>
      <cr-button class="continue" shape="circle" type="primary" @click="linkTo(1)"
        >继续办理业务</cr-button
      >
      <cr-button shape="circle" plain type="primary" @click="linkTo(2)">查看办理记录</cr-button>
    </div>
  </div>
</template>
<script>
import navBar from './components/navBar.vue';

export default {
  components: {
    navBar
  },
  methods: {
    linkTo(type) {
      const routerNameMap = {
        1: 'PromotionHandle',
        2: 'PromotionRecords'
      };
      this.$router.replace({ name: routerNameMap[type] });
    }
  }
};
</script>

<style scoped lang="less">
.resultContainer {
  width: 100%;
  height: 100%;
  background: @white;
  padding-top: 45px;
  box-sizing: border-box;
  .content {
    padding-top: 47px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .img {
      width: 100px;
      height: 100px;
    }
    .desc1 {
      margin-top: @padding-sm;
      font-weight: @font-weight-bold;
      .text-size(16);
      color: @black;
    }
    .desc2 {
      margin-top: @padding-sm;
      .text-size(14);
      color: @gray-4;
    }
    .continue {
      margin: @padding-unit * 10 0 @padding-md;
    }
    /deep/ button {
      width: 177px;
      height: 40px;
      .text-size(16);
      span {
        font-weight: @font-weight-bold;
      }
    }
  }
}
</style>
