<template>
  <div class="detail bg-page fx-column fx-cen-cen">
    <index-card title="测评记录" sub-title="专业兴趣测评" class="index-block">
      <el-button slot="more" v-has-history size="small" round @click="$router.back()">返回</el-button>
      <holland :holl-info="hollInfo" />
    </index-card>
  </div>
</template>
<script>
import IndexCard from '@/views/login/components/modules/shared/IndexCard'
import Holland from './result/Holland.vue'
import { getHollandReportDetail } from '@/api/webApi/career-evalua'

export default {
  components: {
    IndexCard,
    Holland
  },
  data() {
    return {
      code: '',
      hollInfo: {}
    }
  },
  created() {
    const {
      code
    } = this.$route.query || {}
    this.code = code || []
    this.getDetail()
  },
  methods: {
    getDetail() {
      getHollandReportDetail({
        code: this.code
      }).then(res => {
        this.hollInfo = res.data
      })
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
