<template>
  <index-card simple title="三大库">
    <el-row :gutter="20">
      <el-col :span="8" @click.native="goUniversity">
        <el-image :src="require('@/assets/images/index/elective/three-university.png')" class="rd8 pointer" />
      </el-col>
      <el-col :span="8" @click.native="goProfession">
        <el-image :src="require('@/assets/images/index/elective/three-profession.png')" class="rd8 pointer" />
      </el-col>
      <el-col :span="8" @click.native="goVocation">
        <el-image :src="require('@/assets/images/index/elective/three-vocation.png')" class="rd8 pointer" />
      </el-col>
      <el-col :span="24" class="mt12" @click.native="goSubjectQuery">
        <el-image :src="require('@/assets/images/index/elective/three-subject-query.png')" class="rd8 pointer" />
      </el-col>
    </el-row>
  </index-card>
</template>

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

export default {
  name: "index-card-three-subject-query",
  components: {IndexCard},
  mixins: [MxTransferMixin, IndexLoginInterceptorMixin],
  methods: {
    async goUniversity() {
      await this.loginCheck()
      this.transferTo({name: 'LibraryCollege'})
    },
    async goProfession() {
      await this.loginCheck()
      this.transferTo({name: 'LibraryProfession'})
    },
    async goVocation() {
      await this.loginCheck()
      this.transferTo({name: 'LibraryVocation'})
    },
    async goSubjectQuery() {
      await this.loginCheck()
      this.transferTo({name: 'ElectiveQueryIndex'})
    }
  }
}
</script>

<style scoped>

</style>
