<template>
  <div id="index">
    <el-row style="overflow-y:hidden;">
      <el-col :span="24" class="top">
        <div class="w_1200">
          <top :topinfo="topinfo" :menulist="menulist"></top>
        </div>
      </el-col>
      <el-col :span="24" class="banner">
        <banner :bannerinfo="bannerinfo"></banner>
      </el-col>
      <el-col :span="24" class="main">
        <el-col :span="24" class="newsNotice">
          <div class="w_1200">
            <el-col :span="15" class="news">
              <news :newsList="newsList"></news>
            </el-col>
            <el-col :span="8" class="notice">
              <notice :noticeinfo="noticeinfo" :noticelist="noticelist"></notice>
            </el-col>
          </div>
        </el-col>
        <el-col :span="24" class="mainTwo">
          <div class="w_1200">
            <el-col :span="8" class="mainTwoLeft">
              <el-col :span="24" class="login">
                <login></login>
              </el-col>
              <el-col :span="24" class="rili">
                <slot name="rili"></slot>
              </el-col>
            </el-col>
            <el-col :span="15" class="mainTwoRight">
              <el-col :span="24" class="recruit">
                <huodong :fairsList="fairsList" :talksList="talksList" :infoList="infoList"></huodong>
              </el-col>
              <el-col :span="24" class="jilin">
                <recruit :recruitList="recruitList"></recruit>
              </el-col>
              <el-col :span="24" class="cause">
                <other :otherList="otherList"></other>
              </el-col>
              <el-col :span="24" class="linkOut">
                <fast></fast>
              </el-col>
            </el-col>
          </div>
        </el-col>
        <el-col :span="24" class="yizhan">
          <div class="w_1200">
            <yizhan></yizhan>
          </div>
        </el-col>
        <el-col :span="24" class="contCom">
          <div class="w_1200">
            <el-col :span="8">
              <contact :contactinfo="contactinfo" :content="content"></contact>
            </el-col>
            <el-col :span="16">
              <company :companytop="companytop" :companylist="companylist"></company>
            </el-col>
          </div>
        </el-col>
      </el-col>
      <el-col :span="24" class="unit">
        <unit :unittop="unittop" :unitlist="unitlist"></unit>
      </el-col>
      <el-col :span="24" class="foot">
        <foot :footinfo="footinfo"></foot>
      </el-col>
      <el-col :span="24" class="floating">
        <span onClick="javascript:this.parentNode.style.display='none';">关闭</span>
        <floating :floating="floating"></floating>
      </el-col>
      <el-col :span="24" class="erweima">
        <erweima></erweima>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import top from '../../../layout/master/index/top.vue';
import banner from '../../../layout/master/index/banner.vue';
import news from '../../../layout/master/index/news.vue';
import notice from '../../../layout/master/index/notice.vue';
import login from '../../../layout/master/index/login.vue';
import huodong from '../../../layout/master/index/huodong.vue';
import recruit from '../../../layout/master/index/recruit.vue';
import other from '../../../layout/master/index/other.vue';
import fast from '../../../layout/master/index/fast.vue';
import contact from '../../../layout/master/index/contact.vue';
import yizhan from '../../../layout/master/index/yizhan.vue';
import company from '../../../layout/master/index/company.vue';
import unit from '../../../layout/master/index/unit.vue';
import foot from '../../../layout/master/index/foot.vue';
import floating from '../../../layout/master/index/floating.vue';
import erweima from '@publics/src/layout/index/erweima.vue';
export default {
  name: 'index',
  props: {
    topinfo: null, //头部内容
    menulist: null, //导航
    bannerinfo: null, //banner图片
    newsList: null, //新闻列表
    noticeinfo: null, //通知公告头部内容
    noticelist: null, //通知公告列表
    huodonginfo: null, //活动头部内容
    fairsList: null, //双选会列表
    talksList: null, //校外宣讲会列表
    infoList: null, //招聘快讯列表
    recruitList: null, //吉林省事业单位列表
    otherList: null,
    rilitop: null, //日历头部内容
    calendar: null, //日历
    fasttop: null, //快速通道头部内容
    fastlist: null, //快速通道列表
    contactinfo: null, //联系我们内容
    content: null,
    companytop: null, //招聘企业头部内容
    companylist: null, //招聘企业列表
    unittop: null, //合作单位头部内容
    unitlist: null, //合作单位列表
    footinfo: null, //底部内容
    floating: null, //浮窗内容
    erweima, //二维码
  },
  components: {
    top,
    banner,
    news,
    notice,
    login,
    huodong,
    recruit,
    other,
    fast,
    yizhan,
    contact,
    company,
    unit,
    foot,
    floating,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.w_1200 {
  width: 1200px;
  margin: 0 auto;
}
.top {
  height: 140px;
}
.banner {
  height: 556px;
  overflow: hidden;
}
.main {
  height: 1488px;
  overflow: hidden;
}
.newsNotice {
  height: 370px;
  overflow: hidden;
}
.news {
  width: 730px;
  height: 370px;
  margin: 0 35px 0 0;
}
.notice {
  width: 415px;
  height: 370px;
}
.mainTwo {
  height: 780px;
  margin: 35px 0;
  overflow: hidden;
}
.mainTwoLeft {
  height: 780px;
  margin: 0 20px 0 0;
  overflow: hidden;
}
.login {
  height: 157px;
  overflow: hidden;
}
.rili {
  height: 623px;
  overflow: hidden;
}
.mainTwoRight {
  width: 760px;
  height: 780px;
  overflow: hidden;
}
.recruit {
  height: 187px;
  margin: 0 0 20px 0;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #efefef;
  overflow: hidden;
}
.jilin {
  height: 187px;
  margin: 0 0 20px 0;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #efefef;
  overflow: hidden;
}
.cause {
  height: 187px;
  margin: 0 0 20px 0;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #efefef;
  overflow: hidden;
}
.linkOut {
  height: 157px;
  overflow: hidden;
}
.yizhan {
  height: 55px;
  overflow: hidden;
}
.contCom {
  height: 213px;
  overflow: hidden;
}
.unit {
  height: 360px;
  overflow: hidden;
}
.foot {
  height: 109px;
  overflow: hidden;
}
.floating {
  position: fixed;
  top: 30%;
  right: 10%;
  width: 350px;
  height: 140px;
  color: blue;
  background: #fff;
  border: 2px solid red;
}
.floating span {
  display: inline-block;
  width: 35px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #ccc;
  color: #333;
  position: absolute;
  right: 0;
  z-index: 10;
}
.floating span:hover {
  cursor: pointer;
}
.erweima {
  position: fixed;
  top: 30%;
  right: 1%;
  z-index: 999;
  width: 60px;
  height: 120px;
}
</style>
