更新

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/friendLink.vue

@@ -0,0 +1,50 @@
+<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>
+        </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;
+}
+</style>

src/layout/index/recruit.vue

@@ -3,19 +3,74 @@
     <el-row>
       <el-col :span="24">
         <el-tabs v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="校内宣讲" name="first">
-校内宣讲
-            </el-tab-pane>
-            <el-tab-pane label="双选会" name="second">
-双选会
-            </el-tab-pane>
-            <el-tab-pane label="校外宣讲" name="third">
-校外宣讲
-            </el-tab-pane>
-            <el-tab-pane label="招聘快讯" name="fourth">
-招聘快讯
-            </el-tab-pane>
+          <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>
@@ -24,12 +79,18 @@
 <script>
 export default {
   name: 'recruit',
-  props: {},
+  props: {
+    talksList: null,
+    fairsList: null,
+    talksoutList: null,
+    infoList:null,
+  },
   components: {},
   data: () => ({
-    activeName:'first'
+    activeName: 'first',
+    Color: '#850000'
   }),
-  created() {},
+  created() { },
   computed: {},
   methods: {
     handleClick(tab, event) {
@@ -41,5 +102,66 @@ export default {
 </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/views/index/index.vue

@@ -31,12 +31,12 @@
               <calendar :calendar="calendar"></calendar>
             </el-col>
             <el-col :span="16" class="recruit">
-              <recruit></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">
               吉林省事业单位
@@ -61,7 +61,7 @@
             </el-col>
           </el-col>
           <el-col :span="24" class="mainLink">
-            友情链接
+            <friendLink :linkImgList="linkImgList"></friendLink>
           </el-col>
         </div>
       </el-col>
@@ -82,7 +82,8 @@ 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 friendLink from '../../layout/index/friendLink.vue';
 import footDown from '../../layout/index/foot.vue';
 export default {
   name: 'index',
@@ -91,6 +92,11 @@ export default {
     newsList:null,
     noticeList:null,
     calendar:null,
+    talksList:null,
+    fairsList:null,
+    talksoutList:null,
+    infoList:null,
+    linkImgList:null,
     downList:null,
   },
   components: {
@@ -101,6 +107,8 @@ export default {
     login,
     calendar,
     recruit,
+    fast,
+    friendLink,
     footDown,
 
   },
@@ -159,12 +167,13 @@ export default {
   width:830px;
   height:340px;
   border:1px solid #ccc;
+  overflow: hidden;
 }
 .mainQuick{
   margin:0 0 20px 0;
 }
 .mainQuick .fast{
-  height:340px;
+  height:250px;
   border:1px solid #ccc;
 }
 .mainQuick .cause{