首页模块

src/layout/index/calendar.vue

@@ -0,0 +1,34 @@
+<template>
+  <div id="calendar">
+    <el-row>
+      <el-col :span="24">
+        <el-calendar v-model="calendar">
+        </el-calendar>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'calendar',
+  props: {
+    calendar:null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-calendar__body{
+  padding:0;
+}
+/deep/.el-calendar-table .el-calendar-day{
+  height:39px;
+}
+</style>
+

src/layout/index/cause.vue

@@ -0,0 +1,104 @@
+<template>
+  <div id="cause">
+    <el-row>
+      <el-col :span="24">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="吉林省事业单位招聘" name="first">
+            <el-col :span="24" v-for="(item, index) in enterList" :key="index" class="enterList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="吉林省教师招聘" name="second">
+            <el-col :span="24" v-for="(item, index) in teacherList" :key="index" class="teacherList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+        <el-link :inderline="false" class="moreLink" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i>
+        </el-link>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'cause',
+  props: {
+    enterList: null,
+    teacherList: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    Color: '#850000'
+  }),
+  created() { },
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      // eslint-disable-next-line no-console
+      console.log(tab, event);
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.moreLink {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  color: #850000;
+}
+/deep/.el-tabs__nav {
+  left: 20px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+.talksList {
+  padding: 12px 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.talksList .title .el-link {
+  font-size: 18px;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.enterList {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.enterList .title .el-link {
+  font-size: 18px;
+}
+.enterList .time {
+  font-size: 18px;
+  text-align: right;
+}
+.teacherList {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.teacherList .title .el-link {
+  font-size: 18px;
+}
+.teacherList .time {
+  font-size: 18px;
+  text-align: right;
+}
+</style>

src/layout/index/contact.vue

@@ -0,0 +1,42 @@
+<template>
+  <div id="contact">
+    <el-row>
+      <el-col :span="24">
+        <h4 :style="`color:${Color}`">联系我们</h4>
+        <p class="ii-text">联系地址：长春市朝阳区延安大街2055号</p>
+        <p class="ii-text">邮政编码：130012</p>
+        <p class="ii-text">服务热线：0431-85716395；0431-85717117;</p>
+        <p class="ii-text">传真号码：0431-85717100</p>
+        <p class="ii-text">邮箱地址：ccutjob@163.com</p>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'contact',
+  props: {},
+  components: {},
+  data: () => ({
+    Color: '#850000',
+  }),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+h4 {
+  margin: 0;
+  padding: 0;
+}
+p {
+  margin: 0;
+  padding: 0;
+}
+.ii-text {
+  padding: 5px 0;
+}
+</style>

src/layout/index/danwei.vue

@@ -0,0 +1,148 @@
+<template>
+  <div id="danwei">
+    <el-row>
+      <el-col :span="24">
+         <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="事业单位" name="first">
+            <el-col :span="24" v-for="(item, index) in shiyeList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="公务员" name="second">
+            <el-col :span="24" v-for="(item, index) in gongwuyuanList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="选调生" name="third">
+            <el-col :span="24" v-for="(item, index) in xuantiaoList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="西部计划" name="fourth">
+            <el-col :span="24" v-for="(item, index) in xibuList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="特岗教师" name="fifth">
+            <el-col :span="24" v-for="(item, index) in teguangList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="三支一扶" name="sith">
+            <el-col :span="24" v-for="(item, index) in sanzhiList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="大学生村官" name="seventh">
+            <el-col :span="24" v-for="(item, index) in xueshengList" :key="index" class="shiyeList">
+              <el-col :span="20" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="4" class="time">
+                {{item.time}}
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+        <el-link :inderline="false" class="moreLink" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i>
+        </el-link>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'danwei',
+  props: {
+    shiyeList:null,
+    gongwuyuanList:null,
+    xuantiaoList:null,
+    xibuList:null,
+    teguangList:null,
+    sanzhiList:null,
+    xueshengList:null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    Color: '#850000'
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      // eslint-disable-next-line no-console
+      console.log(tab, event);
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.moreLink {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  color: #850000;
+}
+/deep/.el-tabs__nav {
+  left: 20px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+.talksList {
+  padding: 12px 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.talksList .title .el-link {
+  font-size: 18px;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.shiyeList {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.shiyeList .title .el-link {
+  font-size: 18px;
+}
+.shiyeList .time {
+  font-size: 18px;
+  text-align: right;
+}
+</style>

src/layout/index/fast.vue

@@ -0,0 +1,69 @@
+<template>
+  <div id="fast">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="fastTop" :style="`background:${backColor}`">
+          <i class="el-icon-user-solid"></i>快速通道
+        </el-col>
+        <el-col :span="24" class="fastLink">
+          <el-col :span="11" class="link">
+            <el-link :underline="false" href="http://ccut.51langtu.com/improperBrowser.htm">职业测评</el-link>
+          </el-col>
+          <el-col :span="11" class="link">
+            <el-link :underline="false" href="http://xlzx.zt.ccut.edu.cn/">就业心理咨询</el-link>
+          </el-col>
+          <el-col :span="11" class="link">
+            <el-link :underline="false" href="http://www.jilinjobs.cn/">就业信息网</el-link>
+          </el-col>
+          <el-col :span="11" class="link">
+            <el-link :underline="false" href="http://wzb.dept.ccut.edu.cn/">应征入伍</el-link>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'fast',
+  props: {},
+  components: {},
+  data: () => ({
+    backColor: '#850000',
+  }),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.fastTop {
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+  color: #fff;
+  font-size: 23px;
+}
+.fastLink {
+  margin: 20px 0;
+}
+.fastLink .link {
+  height: 50px;
+  line-height: 45px;
+  text-align: center;
+  border: 1px dashed #ccc;
+  border-radius: 7px;
+  margin: 15px 7px;
+}
+.fastLink .link:hover{
+  border: 1px dashed #850000;
+}
+.fastLink .link:hover .el-link {
+  color: #850000;
+}
+.fastLink .link .el-link {
+  font-size: 16px;
+}
+</style>

src/layout/index/foot.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="foot">
+    <el-row>
+      <el-col :span="24" class="down">
+        <el-col :span="24">
+          <p class="text">{{downList.copyright}}</p>
+        </el-col>
+        <el-col :span="24">
+          <p class="text">域名备案信息：{{downList.domain}}</p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'foot',
+  props: {
+    downList:null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p{
+  margin:0;
+  padding:0;
+}
+.down{
+  padding:10px 0;
+  text-align: center;
+  color:#fff;
+}
+.text{
+  padding:5px 0;
+}
+</style>

src/layout/index/friendLink.vue

@@ -0,0 +1,80 @@
+<template>
+  <div id="friendLink">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="title">
+          <span>友情链接</span>
+        </el-col>
+        <el-col :span="24" class="image">
+          <!-- <el-col :span="3" v-for="(item, index) in linkImgList" :key="index">
+            <el-link :underlne="false">
+              <el-image :src="item.url"></el-image>
+            </el-link>
+          </el-col> -->
+          <ul class="link-list">
+            <li class="link-item" v-for="(item, index) in linkImgList" :key="index">
+              <a :href="item.link" class="link" title="新职业网" target="_blank" rel="nofollow">
+                <img :src="item.url" alt="">
+              </a>
+            </li>
+          </ul>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'friendLink',
+  props: {
+    linkImgList: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.title {
+  height: 49px;
+  background-color: #fbfbfb;
+  border-bottom: 1px solid #850000;
+}
+.title span {
+  display: inline-block;
+  height: 47px;
+  background: #fff;
+  padding: 0 10px;
+  text-align: center;
+  line-height: 49px;
+  color: #850000;
+  border: 1px solid #ccc;
+}
+.link-list{
+  margin:0;
+  padding:0;
+}
+.link-list .link-item {
+  float: left;
+  border: 1px solid #eee;
+  display: table;
+  width: 178px !important;
+  margin: 0 9px 10px 0;
+  padding: 5px;
+}
+.link-list .link {
+  display: table-cell;
+  height: 30px !important;
+  vertical-align: middle;
+  text-align: center;
+}
+.link-list .link img {
+  max-width: 100%;
+  max-height: 100%;
+  vertical-align: middle;
+}
+</style>

src/layout/index/login.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="login">
+        <el-col :span="6" class="common red">
+          <el-link :underline="false">
+            <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
+            <span class="mainTwoTit">生源信息</span>
+          </el-link>
+        </el-col>
+        <el-col :span="6" class="common green">
+          <el-link :underline="false">
+            <span class="mainTwoIcon"><i class="el-icon-office-building"></i></span>
+            <span class="mainTwoTit">单位登录/注册</span>
+          </el-link>
+        </el-col>
+        <el-col :span="6" class="common blue">
+          <el-link :underline="false">
+            <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
+            <span class="mainTwoTit">学生登录</span>
+          </el-link>
+        </el-col>
+        <el-col :span="6" class="common orange">
+          <el-link :underline="false">
+            <span class="mainTwoIcon"><i class="el-icon-user"></i></span>
+            <span class="mainTwoTit">管理员登录</span>
+          </el-link>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'login',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.login{
+  padding:10px;
+}
+.login .common{
+  padding: 10px;
+  text-align:center;
+  border-radius: 17px;
+  margin: 0 10px 0 0;
+  width: 284px;
+}
+.mainTwoIcon{
+  display: inline-block;
+  width: 35px;
+  height: 35px;
+  border-radius: 90px;
+  background: #fff;
+  text-align: center;
+  line-height: 35px;
+  color: #333;
+}
+.mainTwoTit {
+  color: #fff;
+  font-weight: 700;
+  padding: 0 0 0 10px;
+}
+.red {
+  background-color: #d0122c;
+}
+.green {
+  background-color: #75d53a;
+}
+.blue {
+  background-color: #47c0ff;
+}
+.orange {
+  background-color: #ff9147;
+}
+</style>

src/layout/index/lunbo.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="lunbo">
+    <el-row>
+      <el-col :span="24" class="lunbo">
+        <el-col :span="24" class="lunboTop">
+          <span>合作单位</span>
+        </el-col>
+        <el-col :span="24">
+          <el-carousel height="270px" direction="vertical" :autoplay="true">
+            <el-carousel-item v-for="(item, index) in lunboList" :key="index">
+              <img :src="item.url" class="imgList" />
+            </el-carousel-item>
+          </el-carousel>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'lunbo',
+  props: {
+    lunboList:null,
+  },
+  components: {},
+  data: () => ({}),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.lunboTop {
+  height: 30px;
+  border-bottom: 1px solid #ccc;
+  margin: 0 0 10px 0;
+}
+.lunboTop span {
+  display: inline-block;
+  height: 29px;
+  line-height: 29px;
+  border-bottom: 1px solid #850000;
+  padding: 0 5px;
+}
+</style>

src/layout/index/native.vue

@@ -0,0 +1,67 @@
+<template>
+  <div id="native">
+    <el-row>
+      <!-- <el-menu :default-active="activeIndex" mode="horizontal" background-color="#850000" text-color="#fff" active-text-color="#fff" :router="true">
+        <template v-for="(item, index) in menuList">
+          <el-submenu v-if="item.children.length > 0" :index="`${index}`" :key="index">
+            <template slot="title">
+              {{ item.name }}
+            </template>
+            <el-menu-item v-for="(sub, subIndex) in item.children" :key="subIndex" :index="sub.path">{{ sub.name }}</el-menu-item>
+          </el-submenu>
+          <el-menu-item v-else :index="item.path" :key="index">{{ item.name }}</el-menu-item>
+        </template>
+      </el-menu> -->
+      <el-menu
+        :default-active="activeIndex2"
+        class="el-menu-demo"
+        mode="horizontal"
+        @select="handleSelect"
+        background-color="#850000"
+        text-color="#fff"
+        active-text-color="#fff"
+        style="height:40px;"
+        >
+        <el-menu-item index="1">首页</el-menu-item>
+        <el-submenu index="2">
+          <template slot="title">招聘管理</template>
+          <el-menu-item index="2-1">宣讲会</el-menu-item>
+          <el-menu-item index="2-2">招聘会</el-menu-item>
+          <el-menu-item index="2-3">职位管理</el-menu-item>
+        </el-submenu>
+      </el-menu>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'native',
+  props: {
+    // menuList: null,
+  },
+  components: {},
+  data: () => ({
+    activeIndex2:'1'
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSelect(key, keyPath) {
+        // eslint-disable-next-line no-console
+        console.log(key, keyPath);
+      }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-menu--horizontal>.el-menu-item{
+  height: 40px;
+  line-height:40px;
+}
+/deep/.el-menu--horizontal>.el-submenu .el-submenu__title{
+  height: 40px;
+  line-height:40px;
+}
+</style>

src/layout/index/news.vue

@@ -0,0 +1,100 @@
+<template>
+  <div id="news">
+    <el-row>
+      <el-col :span="24" class="news">
+        <el-col :span="24" class="topTit">
+          <el-col :span="20">
+            <span :style="`border-color:${borderColor}`">就业新闻</span>
+          </el-col>
+          <el-col :span="4" style="text-align:right;">
+            <el-link :underline="false" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i></el-link>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="newsMain">
+          <el-col :span="14" class="block">
+            <el-carousel ref="shubiao">
+              <el-carousel-item v-for="(item, index) in newsList" :key="index" :name="`${index}`">
+                <el-link :underline="false" ><img :src="item.picurl" class="newsList" /></el-link>
+              </el-carousel-item>
+            </el-carousel>
+          </el-col>
+          <el-col :span="10" class="newsLi">
+            <ul>
+              <li v-for="(tag, index) in newsList" :key="index" :type="tag.type" @mouseover="shuYi(index)" :class="newListActive(tag)">
+                <el-link :underline="false" class="newsListTit" >{{ tag.title }}</el-link>
+              </li>
+            </ul>         
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'news',
+  props: {
+    newsList:null,
+  },
+  components: {},
+  data: () => ({
+    borderColor:'#850000',
+    Color:'#850000'
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    shuYi(index) {
+      this.$refs.shubiao.setActiveItem(`${index}`);
+    },
+    // eslint-disable-next-line no-unused-vars
+    newListActive(item) {},
+  },
+};
+</script>
+
+<style lang="less" scoped>
+ul {
+  margin: 0;
+  padding: 0;
+}
+li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.news{
+  padding:10px;
+}
+.topTit{
+  border-bottom:1px solid #ccc;
+}
+.topTit span{
+  display: inline-block;
+  height: 30px;
+  border-bottom:1px solid transparent;
+}
+.newsMain{
+  padding:10px 0;
+}
+.block{
+  height:250px;
+}
+.newsList{
+  height:250px;
+}
+.newsLi ul li{
+  padding:9px;
+  border-bottom:1px dashed #ccc;
+}
+.newsListTit{
+  color:#606266;
+}
+/deep/.newsListTit .el-link--inner{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width:315px;
+}
+</style>

src/layout/index/notice.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="notice">
+    <el-row>
+      <el-col :span="24" class="notice">
+        <el-col :span="24" class="topTit">
+          <el-col :span="20">
+           <span :style="`border-color:${borderColor}`">最新公告</span>
+          </el-col>
+          <el-col :span="4">
+            <el-link :underline="false" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i></el-link>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="noticeMain">
+          <el-col :span="24" class="noticeList" v-for="(item, index) in noticeList" :key="index" :name="`${index}`">
+            <el-col :span="4" class="time" >
+              {{item.time}}
+            </el-col>
+            <el-col :span="20" class="title">
+              <el-link :underline="false">
+                <p class="textOver"> {{item.title}}</p>
+              </el-link>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'notice',
+  props: {
+    noticeList:null,
+  },
+  components: {},
+  data: () => ({
+    borderColor:'#850000',
+    Color:'#850000'
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p{
+  margin:0;
+  padding:0;
+}
+.textOver{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.notice{
+  padding:10px;
+}
+.topTit{
+  border-bottom:1px solid #ccc;
+}
+.topTit span{
+  display: inline-block;
+  height: 30px;
+  border-bottom:1px solid transparent;
+}
+.noticeList{
+  padding: 7px 0;
+  border-bottom: 1px dashed #ccc;
+}
+.noticeList .time{
+  height: 38px;
+  line-height: 38px;
+  text-align: center;
+  background: #850000;
+  color: #fff;
+  font-size: 18px;
+}
+.noticeList .title p{
+  width: 290px;
+  padding: 10px;
+}
+</style>

src/layout/index/recruit.vue

@@ -0,0 +1,167 @@
+<template>
+  <div id="recruit">
+    <el-row>
+      <el-col :span="24">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="校内宣讲" name="first">
+            <el-col :span="24">
+              <el-col :span="12" v-for="(item, index) in talksList" :key="index" class="talksList">
+                <el-col :span="18">
+                  <el-col :span="24" class="title textOver">
+                    <el-link :underline="false">{{item.title}}</el-link>
+                  </el-col>
+                  <el-col :span="24" class="schname textOver">
+                    {{item.schname}}
+                  </el-col>
+                  <el-col :span="24" class="address textOver">
+                    {{item.address}}
+                  </el-col>
+                </el-col>
+                <el-col :span="6">
+                  <el-col :span="24" class="time">{{item.time}}</el-col>
+                  <el-col :span="24" class="timedian">{{item.timedian}}</el-col>
+                  <el-col :span="24" class="size"><i class="el-icon-view"></i>{{item.team_size}}</el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="双选会" name="second">
+            <el-col :span="24" v-for="(item, index) in fairsList" :key="index" class="fairsList">
+              <el-col :span="19">
+                <el-col :span="24" class="title textOver">
+                  <el-link :underline="false">{{item.title}}</el-link>
+                </el-col>
+                <el-col :span="24" class="schname textOver">主办方：{{item.schname}}</el-col>
+                <el-col :span="24" class="address textOver">{{item.address}}</el-col>
+              </el-col>
+              <el-col :span="5" class="time">{{item.time}}&nbsp;{{item.timedian}}</el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="校外宣讲" name="third">
+            <el-col :span="24">
+              <el-col :span="12" v-for="(item, index) in talksoutList" :key="index" class="talksList">
+                <el-col :span="18">
+                  <el-col :span="24" class="title textOver">
+                    <el-link :underline="false">{{item.title}}</el-link>
+                  </el-col>
+                  <el-col :span="24" class="schname textOver">
+                    {{item.schname}}
+                  </el-col>
+                  <el-col :span="24" class="address textOver">
+                    {{item.address}}
+                  </el-col>
+                </el-col>
+                <el-col :span="6">
+                  <el-col :span="24" class="time">{{item.time}}</el-col>
+                  <el-col :span="24" class="timedian">{{item.timedian}}</el-col>
+                  <el-col :span="24" class="size"><i class="el-icon-view"></i>{{item.team_size}}</el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="招聘快讯" name="fourth">
+            <el-col :span="24" v-for="(item, index) in infoList" :key="index" class="fairsList">
+              <el-col :span="24" class="title textOver">
+                <el-link :underline="false">{{item.title}}</el-link>
+              </el-col>
+              <el-col :span="24" class="schname textOver">主办方：{{item.schname}}</el-col>
+              <el-col :span="24" class="address textOver">{{item.corpname}}</el-col>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+        <el-link :inderline="false" class="moreLink" :style="`color:${Color}`">MORE<i class="el-icon-video-play"></i>
+        </el-link>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'recruit',
+  props: {
+    talksList: null,
+    fairsList: null,
+    talksoutList: null,
+    infoList:null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    Color: '#850000'
+  }),
+  created() { },
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      // eslint-disable-next-line no-console
+      console.log(tab, event);
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.moreLink {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  color: #850000;
+}
+/deep/.el-tabs__nav {
+  left: 20px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+.talksList {
+  padding: 12px 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.talksList .title .el-link {
+  font-size: 18px;
+}
+.talksList .schname {
+  font-size: 16px;
+  color: #999;
+  padding: 4px 0;
+}
+.talksList .address {
+  font-size: 16px;
+  color: #999;
+}
+.talksList .time {
+  font-size: 16px;
+  color: red;
+}
+.talksList .timedian {
+  font-size: 16px;
+  color: red;
+  padding: 4px 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fairsList {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.fairsList .title .el-link {
+  font-size: 18px;
+}
+.fairsList .schname {
+  font-size: 16px;
+  color: #999;
+  padding: 6px 0;
+}
+.fairsList .address {
+  font-size: 16px;
+  color: #999;
+}
+.fairsList .time {
+  font-size: 16px;
+  color: red;
+}
+</style>

src/layout/index/top.vue

@@ -0,0 +1,53 @@
+<template>
+  <div id="top">
+    <el-row>
+      <el-col :span="24" class="top" :style="'background: url(' + topInfo.logoBei + ');height:300px;'">
+        <div class="w_1200">
+          <el-col :span="2">
+            <el-image style="width:100px;height:100px" :src="topInfo.logo || ''"></el-image>
+          </el-col>
+          <el-col :span="22" class="topTit">
+            <el-link :underline="false">
+              {{ topInfo.title }}
+            </el-link>
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'top',
+  props: {
+    topInfo: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200{
+  width:1200px;
+  margin:0 auto;
+}
+.top{
+  padding: 80px 0;
+}
+.top .topTit{
+  height: 104px;
+  line-height: 104px;
+  padding: 0 10px;
+}
+.top .topTit .el-link.el-link--default {
+  font-size: 3em;
+  font-family: cursive;
+  color: #850000;
+  text-shadow: 2px 2px 0 #fff;
+}
+</style>

src/layout/index/yizhanshi.vue

@@ -0,0 +1,76 @@
+<template>
+  <div id="yizhanshi">
+    <el-row>
+      <el-col :span="24">
+        <el-col class="ThrMainLogin" :span="24">
+          <el-link :underline="false">
+            <el-image style="width: 253px; height: 35px" :src="image.yizhan"></el-image>
+          </el-link>
+          <el-link :underline="false" href="http://jilinbys.ncss.org.cn/login">
+            <el-image style="width: 98px; height: 37px" :src="image.xuesheng"></el-image>
+          </el-link>
+          <el-link :underline="false" href="http://jilinbys.ncss.org.cn/rec/login">
+            <el-image style="width: 98px; height: 37px" :src="image.danwei"></el-image>
+          </el-link>
+          <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/student_guide.pdf">
+            <el-image style="width: 141px; height: 24px" :src="image.shouce"></el-image>
+          </el-link>
+          <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/rec_guide.pdf">
+            <el-image style="width: 141px; height: 24px" :src="image.shouces"></el-image>
+          </el-link>
+        </el-col>
+        <el-col :span="24" class="yizhan">
+          <el-col :span="12" class="yizhanTit" v-for="(item, index) in yizhanList" :key="index" :type="item.type">
+            <el-link :underline="false" href="" class="item-link has-dot" target="_blank">
+              <p style="font-size:13px;">{{ item.title }}({{ item.time }})</p>
+            </el-link>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'yizhanshi',
+  props: {
+    image: null,
+    yizhanList: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p{
+  margin:0;
+  padding:0;
+}
+.ThrMainLogin {
+  float: left;
+  width: 100%;
+  height: auto;
+  background: #4193c5;
+}
+.ThrMainLogin .el-link {
+  margin: 0 9px;
+  padding: 8px 0;
+}
+.ThrMainLogin img {
+  max-width: 100%;
+  max-height: 100%;
+  vertical-align: middle;
+}
+.yizhanTit {
+  padding: 11px 10px;
+  border-bottom: 1px dashed #ccc;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>

src/views/index.vue

@@ -0,0 +1,244 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="top">
+          <top :topInfo="topInfo"></top>
+        </el-col>
+      </el-col>
+      <el-col :span="24">
+        <el-col :span="24" class="menu" :style="`background:${backColor}`">
+          <div class="w_1200">
+            <native></native>
+          </div>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="mainTop">
+            <el-col :span="16" class="news">
+              <news :newsList="newsList"></news>
+            </el-col>
+            <el-col :span="7" class="notice">
+              <notice :noticeList="noticeList"></notice>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="mainLogin">
+            <login></login>
+          </el-col>
+          <el-col :span="24" class="mainData">
+            <el-col :span="7" class="RiLi">
+              <calendar :calendar="calendar"></calendar>
+            </el-col>
+            <el-col :span="16" class="recruit">
+              <recruit :talksList="talksList" :fairsList="fairsList" :talksoutList="talksoutList" :infoList="infoList">
+              </recruit>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="mainQuick">
+            <el-col :span="7" class="fast">
+              <fast></fast>
+            </el-col>
+            <el-col :span="16" class="cause">
+              <cause :enterList="enterList" :teacherList="teacherList"></cause>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="mainWheel">
+            <el-col :span="7" class="wheelLeft">
+              <el-col :span="24" class="lunbo">
+                <lunbo :lunboList="lunboList"></lunbo>
+              </el-col>
+              <el-col :span="24" class="content">
+                <contact></contact>
+              </el-col>
+            </el-col>
+            <el-col :span="16" class="wheelRight">
+              <el-col :span="24" class="danwei">
+                <danwei :shiyeList="shiyeList" :gongwuyuanList="gongwuyuanList" :xuantiaoList="xuantiaoList"
+                        :xibuList="xibuList" :teguangList="teguangList" :sanzhiList="sanzhiList"
+                        :xueshengList="xueshengList"></danwei>
+              </el-col>
+              <el-col :span="24" class="yizhanshi">
+                <yizhanshi :image="image" :yizhanList="yizhanList"></yizhanshi>
+              </el-col>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="mainLink">
+            <friendLink :linkImgList="linkImgList"></friendLink>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="down">
+        <div class="w_1200">
+          <footDown :downList="downList"></footDown>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '../../layout/index/top.vue';
+import native from '../../layout/index/native.vue';
+import news from '../../layout/index/news.vue';
+import notice from '../../layout/index/notice.vue';
+import login from '../../layout/index/login.vue';
+import calendar from '../../layout/index/calendar.vue';
+import recruit from '../../layout/index/recruit.vue';
+import fast from '../../layout/index/fast.vue';
+import cause from '../../layout/index/cause.vue';
+import danwei from '../../layout/index/danwei.vue';
+import yizhanshi from '../../layout/index/yizhanshi.vue';
+import lunbo from '../../layout/index/lunbo.vue';
+import contact from '../../layout/index/contact.vue';
+import friendLink from '../../layout/index/friendLink.vue';
+import footDown from '../../layout/index/foot.vue';
+export default {
+  name: 'index',
+  props: {
+    topInfo: null,
+    newsList: null,
+    noticeList: null,
+    calendar: null,
+    talksList: null,
+    fairsList: null,
+    talksoutList: null,
+    infoList: null,
+    enterList: null,
+    teacherList: null,
+    shiyeList: null,
+    gongwuyuanList: null,
+    xuantiaoList: null,
+    xibuList: null,
+    teguangList: null,
+    sanzhiList: null,
+    xueshengList: null,
+    image:null,
+    lunboList:null,
+    yizhanList:null,
+    linkImgList: null,
+    downList: null,
+  },
+  components: {
+    top,
+    native,
+    news,
+    notice,
+    login,
+    calendar,
+    recruit,
+    fast,
+    cause,
+    danwei,
+    yizhanshi,
+    lunbo,
+    contact,
+    friendLink,
+    footDown,
+
+  },
+  data: () => ({
+    backColor: '#850000',
+  }),
+  created() { },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  min-height: 300px;
+}
+.menu {
+  height: 40px;
+}
+.main {
+  margin: 20px 0 0 0;
+}
+.mainTop {
+  margin: 0 0 20px 0;
+}
+.mainTop .news {
+  height: 316px;
+  border: 1px solid #ccc;
+  overflow: hidden;
+}
+.mainTop .notice {
+  float: right;
+  width: 380px;
+  height: 316px;
+  border: 1px solid #ccc;
+  overflow: hidden;
+}
+.mainLogin {
+  margin: 0 0 20px 0;
+  height: 80px;
+  border: 1px solid #ccc;
+}
+.mainData {
+  margin: 0 0 20px 0;
+}
+.mainData .RiLi {
+  height: 340px;
+  border: 1px solid #ccc;
+}
+.mainData .recruit {
+  float: right;
+  width: 830px;
+  height: 340px;
+  overflow: hidden;
+}
+.mainQuick {
+  margin: 0 0 20px 0;
+}
+.mainQuick .fast {
+  height: 250px;
+}
+.mainQuick .cause {
+  float: right;
+  width: 830px;
+  height: 315px;
+  overflow: hidden;
+}
+.mainWheel {
+  margin: 0 0 20px 0;
+}
+.mainWheel .wheelLeft {
+  height: 620px;
+}
+.mainWheel .wheelLeft .lunbo {
+  height: 270px;
+  margin: 0 0 40px 0;
+  overflow: hidden;
+}
+.mainWheel .wheelLeft .content {
+  height: 310px;
+  overflow: hidden;
+}
+.mainWheel .wheelRight {
+  float: right;
+  width: 830px;
+  height: 620px;
+}
+.mainWheel .wheelRight .danwei {
+  height: 315px;
+  margin: 0 0 20px 0;
+  overflow: hidden;
+}
+.mainWheel .wheelRight .yizhanshi {
+  height: 285px;
+}
+.mainLink {
+  margin: 0 0 20px 0;
+  height: 150px;
+}
+.down {
+  height: 100px;
+  background-color: #333;
+}
+</style>