<template>
  <div class="recruit">
    <el-header height="104px">
      <Header></Header>
      <div class="bg-top"></div>
    </el-header>
    <div class="com-container content">
      <div class="title">{{ info.name }}</div>
      <div class="time">发布时间：{{ info.update_time }}</div>
      <div v-html="info.student_recruitment_brochure"></div>
      <!-- <div class="part">
        <span>第一部分</span>
        <p>
          南开大学是教育部直属重点综合性大学，是敬爱的周恩来总理的母校。新中国成立以来，学校发展始终得到党和国家的亲切关怀。毛泽东主席题写校名、亲临视察；周恩来总理三回母校指导；邓小平同志会见数学大师陈省身，批示成立南开数学研究所；江泽民同志、胡锦涛同志先后视察南开。特别是党的十八大以来，习近平总书记多次对南开的发展给予肯定，并对相关工作回信和勉励，更在百年校庆之际亲临南开视察。
        </p>
      </div>
      <div class="part">
        <span>第二部分</span>
        <p>
          南开大学由严修、张伯苓秉承教育救国理念创办，肇始于1904年，成立于1919年。1937年校园遭侵华日军炸毁，学校南迁。1938年与北京大学、清华大学合组西南联合大学，被誉为“学府北辰”。1946年回津复校并改为国立。
        </p>
        <p>
          新中国成立后，经历高等教育院系调整，成为文理并重的全国重点大学。改革开放以来，天津对外贸易学院、中国旅游管理干部学院相继并入，经教育部与天津市共建支持，学校发展成为国家“211工程”和“985工程”重点建设的综合性研究型大学。2015年9月，新校区建成启用后，初步形成了八里台校区、津南校区、泰达学院“一校三区”办学格局。2017年9月，入选国家42所世界一流大学建设高校，且为36所A类高校之一。
        </p>
      </div>
      <div class="paper">
        <img src="../../../assets/img/recruit.png" alt="" />
      </div>
      <div class="part">
        <span>第三部分</span>
        <p>
          南开大学坚持“允公允能，日新月异”的校训，弘扬“爱国、敬业、创新、乐群”的传统和“文以治国、理以强国、商以富国”的理念，以“知中国，服务中国”为宗旨，以杰出校友周恩来为楷模，作育英才，繁荣学术，强国兴邦，传承文明，努力建设世界一流大学。
        </p>

        <p>
          南开大学占地443.12万平方米，其中八里台校区占地121.60万平方米，津南校区占地245.89万平方米，泰达学院占地6.72万平方米。校舍建筑总面积195.19万平方米。按照“独立办学、紧密合作”的原则，与天津大学全面合作办学。
        </p>
      </div> -->

      <div class="btn">
        <el-button @click="toLogin()">立即报名</el-button>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
/* eslint-disable */
import Cookie from "js-cookie";
import Header from "@/components/index/Header.vue";
import Footer from "@/components/index/Footer.vue";

export default {
  name: "recruit",
  data() {
    return {
      info: {},
    };
  },
  created() {
    this.info = this.$store.state.info;
  },
  methods: {
    toLogin() {
      let code = Cookie.get("index-identity");
      this.$router.push("/login?code=" + code);
    },
  },
  components: {
    Header,
    Footer,
  },
};
</script>
<style lang="scss">
@import "a/scss/common";

.recruit {
  font-family: PingFang SC;
  .el-header {
    position: fixed;
    width: 100%;
    padding: 0;
    background-color: #ffffff;
    z-index: 2000;

    // .bg-top {
    //   // height: 24px;
    //   // background-color: #f8f8f8;
    // }
  }
  .content {
    .title {
      padding: 170px 0 20px 0;
      font-size: 34px;
      text-align: center;
    }

    .time {
      font-size: 12px;
      font-weight: 500;
      color: #828282;
      text-align: center;
    }

    .paper {
      text-align: center;
      margin: 8px 0 24px 0;
      img {
        width: 654px;
        height: 368px;
      }
    }

    .part {
      span {
        font-size: 16px;
        font-weight: 600;
        color: #333333;
      }

      p {
        font-size: 16px;
        font-weight: 500;
        color: #666666;
        line-height: 32px;
      }
    }

    .btn {
      text-align: center;
      padding-bottom: 104px;

      .el-button {
        width: 200px;
        height: 50px;
        background: var(--color);
        border-radius: 4px;
        opacity: 0.8;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding: 0;
        margin: 30px 0 0 0;
      }
    }
  }
}
</style>
