<template>
  <el-row>
    <el-col :span="16">
      <index-card simple title="我的测评">
        <el-row :gutter="12">
          <el-col :span="12" @click.native="goCareerTest">
            <el-image :src="require('@/assets/images/index/login/career-test-bg.png')" class="pointer rd4"/>
          </el-col>
          <el-col :span="12" @click.native="goElectiveTest">
            <el-image :src="require('@/assets/images/index/login/elective-test-bg.png')" class="pointer rd4"/>
          </el-col>
          <el-col :span="24" class="mt12" @click.native="goElectiveQuery">
            <el-image :src="require('@/assets/images/index/login/elective-query-bg.png')" class="pointer rd4"/>
          </el-col>
        </el-row>
      </index-card>
    </el-col>
    <el-col :span="8" class="pl20">
      <index-card-top v-bind="topOverride" style="height: 410px" />
    </el-col>
  </el-row>
</template>

<script>
import IndexCard from "@/views/index/components/index-card.vue";
import IndexCardTop from "@/views/index/components/index-card-top.vue";
import IndexLoginInterceptorMixin from "@/views/index/blocks/index-login-interceptor-mixin";

export default {
  name: "index-card-test-news",
  components: {IndexCardTop, IndexCard},
  mixins: [IndexLoginInterceptorMixin],
  data() {
    return {
      topOverride: {
        title: '生涯资讯',
        listSpace: 10,
        newsQuery: {
          pageSize: 8,
          tag: '',
          type: '生涯资讯'
        },
        more: '查看全部',
        morePath: '/new-gaokao/volunteering_syzx'
      }
    }
  },
  methods: {
    async goElectiveQuery() {
      await this.loginCheck()
      this.$router.push('/new-gaokao/careerSubjectIndex')
    },
    async goElectiveTest() {
      await this.loginCheck()
      this.$router.push('/new-gaokao/myTest/testSelectSubject')
    },
    async goCareerTest() {
      await this.loginCheck()
      this.$router.push('/new-gaokao/myTest/myTest/CareerEva')
    }
  }
}
</script>

<style scoped>

</style>
