<template>
  <div id="kuaisu">
    <el-row>
      <el-col :span="24">
        <el-col :span="24" class="login">
          <el-col :span="12">
            <el-button type="primary" @click="turnTo('stud')">学生登录</el-button>
          </el-col>
          <el-col :span="12">
            <el-button type="success" @click="turnTo('corp')">企业登录</el-button>
          </el-col>
        </el-col>
        <el-col :span="24" class="info">
          <el-link :underline="false" class="link" href="http://www.chsi.com.cn/xlrz/index.jsp" target="_blank">
            <el-image :src="url"></el-image>
            <span>学历认证</span>
          </el-link>
          <el-link :underline="false" class="link" href="http://www.gfbzb.gov.cn/" target="_blank">
            <el-image :src="url"></el-image>
            <span>预征入伍</span>
          </el-link>
          <el-link :underline="false" class="link" href="http://nit.neea.edu.cn/" target="_blank">
            <el-image :src="url"></el-image>
            <span>NIT考试</span>
          </el-link>
          <el-link :underline="false" class="link" href="http://www.jilinjobs.cn:9000" target="_blank">
            <el-image :src="url"></el-image>
            <span>专升本报名系统</span>
          </el-link>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'kuaisu',
  props: {},
  components: {},
  data: () => ({
    url: require('@/assets/shuangkun.jpg'),
  }),
  created() {},
  computed: {},
  methods: {
    turnTo(type) {
      if (type === 'stud')
        this.$notify({
          message: '请进入您的分站进行登录',
          type: 'warning',
        });
      else window.open('http://hr.smart.cc-lotus.info/www/login');
    },
  },
};
</script>

<style lang="less" scoped>
.login {
  text-align: center;
  padding: 10px 0;
}
.info {
  padding: 0 20px;
}
.link {
  margin: 6px 0;
}
.link span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
</style>
