<template>
 <index-card simple title="高考志愿">
   <el-row :gutter="20">
     <el-col :span="14" class="pointer" @click.native="goSimulate">
       <el-image :src="require('@/assets/images/index/login/pref-simulate.png')" class="rd8 simulate-full" />
     </el-col>
     <el-col :span="5">
       <el-image :src="require('@/assets/images/index/login/pref-batch-line.png')"
                 class="rd8 pointer" @click="goBatchLine" />
       <el-image :src="require('@/assets/images/index/login/pref-shift-line.png')"
                 class="rd8 pointer mt20" @click="goShiftLine" />
     </el-col>
     <el-col :span="5">
       <el-image :src="require('@/assets/images/index/login/pref-score-segment.png')"
                 class="rd8 pointer" @click="goScoreSegment" />
       <el-image :src="require('@/assets/images/index/login/pref-plan.png')"
                 class="rd8 pointer mt20" @click="goPlan" />
     </el-col>
   </el-row>
 </index-card>
</template>

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

export default {
  name: "index-card-simulate-f4",
  mixins: [IndexLoginInterceptorMixin],
  components: {IndexCard},
  methods: {
    async goSimulate() {
      await this.loginCheck()
      this.$router.push('/zhiyuan/SimulatedVolunteer')
    },
    async goBatchLine() {
      await this.loginCheck()
      this.$router.push('/zhiyuan/batch')
    },
    async goShiftLine() {
      await this.loginCheck()
      this.$router.push('/zhiyuan/ShiftLine')
    },
    async goScoreSegment() {
      await this.loginCheck()
      this.$router.push('/zhiyuan/yfyd')
    },
    async goPlan() {
      await this.loginCheck()
      this.$router.push('/zhiyuan/enrollPlan')
    }
  }
}
</script>

<style scoped>
.simulate-full {
  width: 100%;
  height: 367px;
}
</style>
