<template>
  <div class="recordsuccess-container">
    <!-- 面包屑 -->
    <a-breadcrumb class="w">
      <a-breadcrumb-item href="">
        <router-link to="/main"><a-icon type="home" /></router-link>
      </a-breadcrumb-item>
      <a-breadcrumb-item href="">
        <router-link to="/list">
          <span>一手职位</span>
        </router-link>
      </a-breadcrumb-item>
      <!-- <a-breadcrumb-item href="" v-if="!islist"> -->
      <a-breadcrumb-item>
        <router-link :to="'/detail/' + firminfo.id">
          <!-- <span @click="$router.back(-1)">企业详情</span> -->
          <span>企业详情</span>
        </router-link>
      </a-breadcrumb-item>
      <a-breadcrumb-item href="">
        <span>报名成功</span>
      </a-breadcrumb-item>
    </a-breadcrumb>
    <div class="content w">
      <div>
        <div><img src="../../../assets/success.png" alt="" /></div>
        <div>报名成功</div>
      </div>
      <div class="upline">
        <div>
          <a-button
            type="primary"
            @click="onClose"
            :style="{
              color: '#666',
              backgroundColor: '#fafafa',
              borderColor: '#ddd',
              boxShadow: 'none',
              textShadow: 'none',
            }"
          >
            返回
          </a-button>
          <a-button
            style="
              color: #fff;
              background-color: #ff6a00;
              border-color: #ff6a00;
            "
            @click="handleOk"
          >
            我的工单
          </a-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "",
  // 局部注册的组件
  components: {},
  // 组件参数 接收来自父组件的数据
  props: {},
  // 组件状态值
  data() {
    return {
      firminfo: {},
    };
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 生命周期钩子   注：没用到的钩子请自行删除
  /**
   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
   */
  created() {
    this.firminfo = JSON.parse(sessionStorage.getItem("CURRENT_FIRM"));
    console.log(this.firminfo);
  },
  /**
   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
   */
  mounted() {},
  // 组件方法
  methods: {
    onClose() {
      this.$router.push("/detail/" + this.firminfo.id);
    },
    handleOk() {
      this.$router.push("/userinfo/usercenter/mybill");
    },
  },
};
</script>

<style scoped lang="less">
.recordsuccess-container {
  .content {
    overflow: hidden;
    margin-top: 16px;
    height: 450px;

    background-color: #fff;
    > div {
      // position: absolute;
      text-align: center;
      margin: 100px auto 110px;
      font-size: 24px;
    }
    img {
      width: 72px;
      height: 72px;
      margin-bottom: 20px;
    }
    .upline {
      position: relative !important;
      box-shadow: none;
      // transform: translateX(-10px);
      margin-top: -12px;
      > div {
        // margin-left: 251px;
        display: flex;
        justify-content: center;
      }
      button:first-child {
        margin-right: 20px;
      }
      button::after {
        display: none;
      }
    }
  }
}
</style>
