首页更新

src/components/index.vue

@@ -11,7 +11,55 @@
         <menuInfo></menuInfo>
       </el-col>
       <el-col :sapn="24" class="main">
-        主題
+        <div class="w_1270">
+          <el-col class="main_1">
+            <el-col :span="11" class="lunbo">
+              <lunbo :carouselList="carouselList"></lunbo>
+            </el-col>
+            <el-col :span="9" class="noticeNews">
+              <noticeNews :noticeNewsList="noticeNewsList"></noticeNews>
+            </el-col>
+            <el-col :span="4" class="kuaisu">
+              <kuaisu></kuaisu>
+            </el-col>
+          </el-col>
+          <el-col class="main_2">
+            <el-col :span="11" class="zhidao">
+              <zhidao :zhidaoList="zhidaoList"></zhidao>
+            </el-col>
+            <el-col :span="9" class="law">
+              <law :lawList="lawList"></law>
+            </el-col>
+            <el-col :span="4" class="daohang">
+              <daohang></daohang>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="main_3">
+            <weilai></weilai>
+          </el-col>
+          <el-col :span="24" class="main_4">
+            <el-col :span="11" class="service">
+              <service :serviceList="serviceList"></service>
+            </el-col>
+            <el-col :span="9" class="huji">
+              <huji :hujiList="hujiList"></huji>
+            </el-col>
+            <el-col :span="4" class="xiazai">
+              <xiazai :xiazaiList="xiazaiList"></xiazai>
+            </el-col>
+          </el-col>
+        </div>
+        <el-col :span="24" class="main_5">
+          <recruit :recruitList="recruitList" :zixunList="zixunList"></recruit>
+        </el-col>
+        <div class="w_1270">
+          <el-col :span="24" class="login">
+            <login></login>
+          </el-col>
+          <el-col :span="24" class="naitve">
+            <naitve :nativeList="nativeList"></naitve>
+          </el-col>
+        </div>
       </el-col>
       <el-col :sapn="24" class="down">
         <down :info="info"></down>
@@ -24,16 +72,52 @@
 import top from "@/layout/index/top.vue";
 import banner from "@/layout/index/banner.vue";
 import menuInfo from "@/layout/index/menuInfo.vue";
+import lunbo from "@/layout/index/lunbo.vue";
+import noticeNews from "@/layout/index/noticeNews.vue";
+import kuaisu from "@/layout/index/kuaisu.vue";
+import zhidao from "@/layout/index/zhidao.vue";
+import law from "@/layout/index/law.vue";
+import daohang from "@/layout/index/daohang.vue";
+import weilai from "@/layout/index/weilai.vue";
+import service from "@/layout/index/service.vue";
+import huji from "@/layout/index/huji.vue";
+import xiazai from "@/layout/index/xiazai.vue";
+import recruit from "@/layout/index/recruit.vue";
+import login from "@/layout/index/login.vue";
+import naitve from "@/layout/index/naitve.vue";
 import down from "@/layout/index/down.vue";
 export default {
   name: "index",
   props: {
-    info: null //站点信息
+    info: null, //站点信息
+    carouselList: null, //輪播圖
+    noticeNewsList: null, //通知公告+就業動態
+    zhidaoList: null, //就業指導
+    lawList: null, //政策法规
+    serviceList: null, //档案服务
+    hujiList: null, //户籍管理
+    xiazaiList: null, //下载专区
+    recruitList: null, //最新招聘
+    zixunList: null, //就业咨询
+    nativeList: null //网站导航
   },
   components: {
     top, //头部
     banner, //banner
     menuInfo, //菜单
+    lunbo, //轮播图
+    noticeNews, //通知公告+就业动态
+    kuaisu, //快速通道
+    zhidao, //就业指导
+    law, //政策法规
+    daohang, //导航
+    weilai, //未來计划
+    service, //档案服务
+    huji, //户籍管理
+    xiazai, //下载专区
+    recruit, //最新招聘
+    login, //登录
+    naitve, //网站导航
     down //底部
   },
   data: () => ({}),
@@ -65,6 +149,97 @@ export default {
   min-height: 1000px;
   background: #f6f6f6;
 }
+.main_1 {
+  height: 304px;
+  overflow: hidden;
+  margin: 10px 0 0 0;
+}
+.lunbo {
+  width: 540px;
+  height: 304px;
+  overflow: hidden;
+  margin: 0 10px 0 0;
+}
+.noticeNews {
+  width: 460px;
+  height: 304px;
+  overflow: hidden;
+  background-color: #fff;
+  margin: 0 10px 0 0;
+}
+.kuaisu {
+  width: 247px;
+  height: 304px;
+  background-color: #fff;
+}
+.main_2 {
+  height: 369px;
+  overflow: hidden;
+  margin: 10px 0 0 0;
+}
+.zhidao {
+  width: 540px;
+  height: 369px;
+  overflow: hidden;
+  margin: 0 10px 0 0;
+  background-color: #fff;
+}
+.law {
+  width: 460px;
+  height: 369px;
+  overflow: hidden;
+  background-color: #fff;
+  margin: 0 10px 0 0;
+}
+.daohang {
+  width: 247px;
+  height: 369px;
+  background-color: #fff;
+}
+.main_3 {
+  height: 200px;
+  overflow: hidden;
+  margin: 10px 0 0 0;
+}
+.main_4 {
+  height: 370px;
+  overflow: hidden;
+  margin: 10px 0 0 0;
+}
+.service {
+  width: 540px;
+  height: 369px;
+  overflow: hidden;
+  margin: 0 10px 0 0;
+  background-color: #fff;
+}
+.huji {
+  width: 460px;
+  height: 369px;
+  overflow: hidden;
+  background-color: #fff;
+  margin: 0 10px 0 0;
+}
+.xiazai {
+  width: 247px;
+  height: 369px;
+  background-color: #fff;
+}
+.main_5 {
+  height: 560px;
+  overflow: hidden;
+  margin: 10px 0 0 0;
+}
+.login {
+  height: 50px;
+  margin: 10px 0 0 0;
+  overflow: hidden;
+}
+.naitve {
+  min-height: 300px;
+  margin: 30px 0 20px 0;
+  overflow: hidden;
+}
 .down {
   height: 135px;
   overflow: hidden;

src/config/url.js

@@ -0,0 +1,389 @@
+export const urlList = [
+  {
+    title: "各地毕业生",
+    children: [
+      {
+        title: "北京市高等院校毕业生就业信息网",
+        url: "http://www.bjbys.net.cn"
+      },
+      {
+        title: "天津市高等院校毕业生就业信息网",
+        url: "http://www.tjbys.com"
+      },
+      {
+        title: "河北省高等院校毕业生就业信息网",
+        url: "http://www.hbxsw.com/"
+      },
+      {
+        title: "山西省高等院校毕业生就业信息网",
+        url: "http://www.sxbys.com.cn"
+      },
+      {
+        title: "内蒙古高等院校毕业生就业信息网",
+        url: "http://www.nmbys.com/jy/"
+      },
+      {
+        title: "山东省高等院校毕业生就业信息网",
+        url: "http://www.sdbys.cn/"
+      },
+      {
+        title: "江苏省高等院校毕业生就业信息网",
+        url: "http://www.91job.gov.cn/Default.aspx?channel=1"
+      },
+      {
+        title: "安徽省高等院校毕业生就业信息网",
+        url: "http://www.ahbys.com"
+      },
+      {
+        title: "浙江省高等院校毕业生就业信息网",
+        url: "http://www.ejobmart.cn"
+      },
+      {
+        title: "福建省高等院校毕业生就业信息网",
+        url: "http://www.fjbys.org/"
+      },
+      {
+        title: "上海市高等院校毕业生就业信息网",
+        url: "http://www.firstjob.com.cn/"
+      },
+      {
+        title: "辽宁省高等院校毕业生就业信息网",
+        url: "http://www.lnjy.com.cn/"
+      },
+      {
+        title: "吉林省高等院校毕业生就业信息网",
+        url: "http://www.jilinjobs.cn/"
+      },
+      {
+        title: "黑龙江省高等院校毕业生就业信息网",
+        url: "http://www.work.gov.cn"
+      },
+      {
+        title: "广东省高等院校毕业生就业信息网",
+        url: "http://www.gradjob.com.cn/"
+      },
+      {
+        title: "广西省高等院校毕业生就业信息网",
+        url: "http://www.gxbys.com"
+      },
+      {
+        title: "海南省高等院校毕业生就业信息网",
+        url: "http://www.hnbys.net/"
+      },
+      {
+        title: "湖北省高等院校毕业生就业信息网",
+        url: "http://job.e21.edu.cn"
+      },
+      {
+        title: "湖南省高等院校毕业生就业信息网",
+        url: "http://www.hunbys.com"
+      },
+      {
+        title: "河南省高等院校毕业生就业信息网",
+        url: "http://www.hnbys.gov.cn/"
+      },
+      {
+        title: "江西省省高等院校毕业生就业信息网",
+        url: "http://www.jxbys.net.cn"
+      },
+      {
+        title: "四川省高等院校毕业生就业信息网",
+        url: "http://www.scbys.net"
+      },
+      {
+        title: "云南高等院校毕业生就业信息网",
+        url: "http://www.yn111.net/"
+      },
+      {
+        title: "贵州省高等院校毕业生就业信息网",
+        url: "http://www.gzsjyzx.com/"
+      },
+      {
+        title: "西藏高等院校毕业生就业信息网",
+        url: "http://www.xzjyzdzx.com.cn/"
+      },
+      {
+        title: "重庆市高等院校毕业生就业信息网",
+        url: "http://www.cqbys.com"
+      },
+      {
+        title: "宁夏高等院校毕业生就业信息网",
+        url: "http://www.nxbys.com/"
+      },
+      {
+        title: "新疆高等院校毕业生就业信息网",
+        url: "http://xsc.xjedu.gov.cn/"
+      },
+      {
+        title: "青海省高等院校毕业生就业信息网",
+        url: "http://www.qhbys.com/"
+      },
+      {
+        title: "陕西省高等院校毕业生就业信息网",
+        url: "http://www.sxgxbys.com/"
+      },
+      {
+        title: "甘肃省高等院校毕业生就业信息网",
+        url: "http://www.gscjjy.cn/"
+      }
+    ]
+  },
+  {
+    title: "吉林省高校联盟",
+    children: [
+      {
+        url: "http://www.jlu.edu.cn/newjlu/",
+        title: "吉林大学"
+      },
+      {
+        url: "http://www.nenu.edu.cn/",
+        title: "东北师范大学"
+      },
+      {
+        url: "http://www.cust.edu.cn/",
+        title: "长春理工大学"
+      },
+      {
+        url: "http://www.ybu.edu.cn/",
+        title: "延边大学"
+      },
+      {
+        url: "http://www.jlau.edu.cn/index_2013.asp",
+        title: "吉林农业大学"
+      },
+      {
+        url: "http://www.beihua.edu.cn/",
+        title: "北华大学"
+      },
+      {
+        url: "http://www.ccut.edu.cn/ccut.html",
+        title: "长春工业大学"
+      },
+      {
+        url: "http://www.nedu.edu.cn/",
+        title: "东北电力大学"
+      },
+      {
+        url: "http://www.ccucm.edu.cn//",
+        title: "长春中医药大学"
+      },
+      {
+        url: "http://www.jlnu.edu.cn/",
+        title: "吉林师范大学"
+      },
+      {
+        url: "http://www.jlufe.edu.cn/",
+        title: "吉林财经大学"
+      },
+      {
+        url: "http://www.hqwy.com/hqwy/",
+        title: "吉林华桥外国语学院"
+      },
+      {
+        url: "http://www.ccu.edu.cn/",
+        title: "长春大学"
+      },
+      {
+        url: "http://www.jliae.edu.cn/",
+        title: "吉林建筑大学"
+      },
+      {
+        url: "http://www.jlict.edu.cn/",
+        title: "吉林化工学院"
+      },
+      {
+        url: "http://www.ccit.edu.cn/",
+        title: "长春工程学院"
+      },
+      {
+        url: "http://www.jlnku.com/",
+        title: "吉林农业科技学院"
+      },
+      {
+        url: "http://www.jlmpc.cn/",
+        title: "吉林医药学院"
+      },
+      {
+        url: "http://www.cncnc.edu.cn/",
+        title: "长春师范大学"
+      },
+      {
+        url: "http://www.thnu.edu.cn/",
+        title: "通化师范学院"
+      },
+      {
+        url: "http://www.jltiet.net/webtest/default.htm",
+        title: "吉林工程技术师范学院"
+      },
+      {
+        url: "http://www.bcsfxy.com/new/",
+        title: "白城师范学院"
+      },
+      {
+        url: "http://www.jlbtc.edu.cn/",
+        title: "吉林工商学院"
+      },
+      {
+        url: "http://www.jlty.com.cn/",
+        title: "吉林体育学院"
+      },
+      {
+        url: "http://www.jlart.edu.cn/",
+        title: "吉林艺术学院"
+      },
+      {
+        url: "http://www.jljcxy.com/",
+        title: "吉林警察学院"
+      },
+      {
+        url: "http://new.jldh.com.cn/index1/index.php",
+        title: "吉林动画学院"
+      },
+      {
+        url: "http://www.jledu.net/",
+        title: "吉林省教育学院"
+      },
+      {
+        url: "http://www.jlrtvu.jl.cn/",
+        title: "吉林广播电视大学"
+      },
+      {
+        url: "http://www.jemcc.net/",
+        title: "吉林经济职业技术学院"
+      },
+      {
+        url: "http://www.caii.edu.cn/caii/sites/main_gz/index.jsp",
+        title: "长春汽车工业高等专科学校"
+      },
+      {
+        url: "http://jz.jeten.com/",
+        title: "长春金融高等专科学校"
+      },
+      {
+        url: "http://www.cmcedu.com/",
+        title: "长春医学高等专科学校"
+      },
+      {
+        url: "http://www.bcyz.cn/",
+        title: "白城医学高等专科学校"
+      },
+      {
+        url: "http://www.jjtc.com.cn/",
+        title: "吉林交通职业技术学院"
+      },
+      {
+        url: "http://www.jltc.edu.cn/",
+        title: "吉林电子信息职业技术学院"
+      },
+      {
+        url: "http://www.jvcit.edu.cn/index.asp",
+        title: "吉林工业职业技术学院"
+      },
+      {
+        url: "http://www.jtpt.cn/",
+        title: "吉林铁道职业技术学院"
+      },
+      {
+        url: "http://www.jlnyxy.com.cn/",
+        title: "吉林农业工程职业技术学院"
+      },
+      {
+        url: "http://www.jlsfjy.cn/",
+        title: "吉林司法警官高等职业学院"
+      },
+      {
+        url: "http://www.jlsppc.cn/",
+        title: "四平职业大学"
+      },
+      {
+        url: "http://www.lyvtc.cn/",
+        title: "辽源职业技术学院"
+      },
+      {
+        url: "http://www.cvit.com.cn/",
+        title: "长春职业技术学院"
+      },
+      {
+        url: "http://www.sypt.cn/",
+        title: "松原职业技术学院"
+      },
+      {
+        url: "http://www.bcvit.cn/",
+        title: "白城职业技术学院"
+      },
+      {
+        url: "http://www.cbsvtc.com.cn/",
+        title: "长白山职业技术学院"
+      },
+      {
+        url: "http://www.ybvtc.com/",
+        title: "延边职业技术学院"
+      },
+      {
+        url: "http://www.dfzyxy.net/",
+        title: "长春东方职业学院"
+      },
+      {
+        url: "http://www.citpc.net/",
+        title: "长春信息职业技术学院"
+      },
+      {
+        url: "http://www.jilinkj.com/",
+        title: "吉林科技职业技术学院"
+      },
+      {
+        url: "http://www.chsnenu.edu.cn/",
+        title: "东北师范大学人文学院"
+      },
+      {
+        url: "http://www.ccughc.net/",
+        title: "长春光华学院"
+      },
+      {
+        url: "http://cctourcollege.com/",
+        title: "长春大学旅游学院"
+      },
+      {
+        url: "http://www.csoei.com/",
+        title: "长春理工大学光电信息学院"
+      },
+      {
+        url: "http://www.ccutchi.com/",
+        title: "长春工业大学人文信息学院"
+      },
+      {
+        url: "http://www.jlaudev.com.cn/",
+        title: "长春科技学院"
+      },
+      {
+        url: "http://www.bdxy.com.cn/index.asp",
+        title: "吉林师范大学博达学院"
+      },
+      {
+        url: "http://www.iecjlufe.edu.cn/",
+        title: "吉林财经大学信息经济学院"
+      },
+      {
+        url: "http://www.jlucc.net/",
+        title: "吉林建筑工程学院城建学院"
+      },
+      {
+        url: "http://www.jladi.com/",
+        title: "长春建筑学院"
+      }
+    ]
+  },
+  {
+    title: "相关服务网站",
+    children: [
+      {
+        title: "中国高等教育学生信息网",
+        url: "http: //www.chsi.com.cn/"
+      },
+      {
+        title: "吉林省教育厅",
+        url: "http: //jyt.jl.gov.cn"
+      }
+    ]
+  }
+];

src/layout/index/banner.vue

@@ -49,6 +49,7 @@ p {
   position: absolute;
   top: 20%;
   left: 5%;
+  width: 93%;
 }
 .info .title {
   font-size: 42px;

src/layout/index/daohang.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="daohang">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="20" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="phone">
+          <p class="tit"><i class="el-icon-phone"></i>咨询电话：</p>
+          <p class="haoma">0431-84657570</p>
+        </el-col>
+        <el-col :span="24" class="btn">
+          <el-col
+            :span="8"
+            class="list"
+            v-for="(item, index) in list"
+            :key="index"
+          >
+            <el-link :underline="false" :href="item.url">
+              <el-image
+                style="width:55px;height:55px;border-radius: 10px;"
+                :src="item.pic"
+              ></el-image>
+              <P>{{ item.title }}</P>
+            </el-link>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "daohang",
+  props: {},
+  components: {},
+  data: () => ({
+    title: "快速导航",
+    list: [
+      {
+        pic: require("@/assets/kuaisu1.jpg"),
+        title: "就业派遣"
+      },
+      {
+        pic: require("@/assets/kuaisu2.jpg"),
+        title: "档案管理"
+      },
+      {
+        pic: require("@/assets/kuaisu3.jpg"),
+        title: "流动党员"
+      },
+      {
+        pic: require("@/assets/kuaisu4.jpg"),
+        title: "户籍管理"
+      },
+      {
+        pic: require("@/assets/kuaisu5.jpg"),
+        title: "学历认证"
+      },
+      {
+        pic: require("@/assets/kuaisu6.jpg"),
+        title: "常见问题"
+      }
+    ]
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #ccc;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  border-bottom: 1px solid #176ebb;
+}
+.phone {
+  padding: 15px 20px;
+}
+.phone .tit {
+  font-size: 20px;
+}
+.phone .haoma {
+  font-size: 20px;
+  color: #176ebb;
+  padding: 10px 0px;
+}
+.list {
+  text-align: center;
+  padding: 10px 0;
+}
+</style>

src/layout/index/huji.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="huji">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="20" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+        <el-col :span="4" class="topLink">
+          <el-link :underline="false"
+            >more<i class="el-icon-d-arrow-right"></i
+          ></el-link>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col
+          :span="24"
+          class="list"
+          v-for="(item, index) in hujiList"
+          :key="index"
+        >
+          <el-col :span="19" class="title">
+            <p class="textOver">
+              <i class="el-icon-caret-right icon"></i>{{ item.title }}
+            </p>
+          </el-col>
+          <el-col :span="5" class="date">
+            {{ item.date }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "huji",
+  props: {
+    hujiList: null
+  },
+  components: {},
+  data: () => ({
+    title: "户籍管理"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #176ebb;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  background-color: #176ebb;
+}
+.top .topLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.top .topLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.top .topLink:hover .el-link {
+  color: #a32324;
+}
+.list {
+  padding: 8px 10px;
+}
+.list .title {
+  font-size: 16px;
+}
+.list .title .icon {
+  float: left;
+  padding: 4px 4px;
+  // color: #176ebb;
+}
+.list .date {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+.list:hover .date {
+  color: #a32324;
+}
+</style>

src/layout/index/kuaisu.vue

@@ -0,0 +1,92 @@
+<template>
+  <div id="kuaisu">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="login">
+          <el-col :span="12">
+            <el-button type="primary">学生登录</el-button>
+          </el-col>
+          <el-col :span="12">
+            <el-button type="success">企业登录</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: {}
+};
+</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>

src/layout/index/law.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="law">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="20" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+        <el-col :span="4" class="topLink">
+          <el-link :underline="false"
+            >more<i class="el-icon-d-arrow-right"></i
+          ></el-link>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col
+          :span="24"
+          class="list"
+          v-for="(item, index) in lawList"
+          :key="index"
+        >
+          <el-col :span="19" class="title">
+            <p class="textOver">
+              <i class="el-icon-caret-right icon"></i>{{ item.title }}
+            </p>
+          </el-col>
+          <el-col :span="5" class="date">
+            {{ item.date }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "law",
+  props: {
+    lawList: null
+  },
+  components: {},
+  data: () => ({
+    title: "政策法规"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #176ebb;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  background-color: #176ebb;
+}
+.top .topLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.top .topLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.top .topLink:hover .el-link {
+  color: #a32324;
+}
+.list {
+  padding: 8px 10px;
+}
+.list .title {
+  font-size: 16px;
+}
+.list .title .icon {
+  float: left;
+  padding: 4px 4px;
+  // color: #176ebb;
+}
+.list .date {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+.list:hover .date {
+  color: #a32324;
+}
+</style>

src/layout/index/login.vue

@@ -0,0 +1,76 @@
+<template>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="login">
+        <el-link :underline="false">
+          <el-image
+            style="width:294px;height:50px;padding: 0 0 0 40px;"
+            :src="yizhanshi"
+          ></el-image>
+        </el-link>
+        <el-link :underline="false" href="http://jilinbys.ncss.org.cn/login">
+          <el-image
+            style="width:112px;height:50px;padding: 0 0 0 15px;"
+            :src="xuesheng"
+          ></el-image>
+        </el-link>
+        <el-link
+          :underline="false"
+          href="http://jilinbys.ncss.org.cn/rec/login"
+        >
+          <el-image
+            style="width:112px;height:50px;padding: 0 0 0 15px;"
+            :src="qiye"
+          ></el-image>
+        </el-link>
+        <el-link
+          :underline="false"
+          href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/student_guide.pdf"
+        >
+          <el-image
+            style="width:167px;height:50px;padding: 0 0 0 190px;"
+            :src="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:167px;height:50px;padding: 0 0 0 15px;"
+            :src="shouces"
+          ></el-image>
+        </el-link>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "login",
+  props: {},
+  components: {},
+  data: () => ({
+    yizhanshi: require("@/assets/yizhan.png"),
+    xuesheng: require("@/assets/xuesheng.png"),
+    qiye: require("@/assets/qiye.png"),
+    shouce: require("@/assets/shouce.png"),
+    shouces: require("@/assets/shouces.png")
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.login {
+  height: 50px;
+  line-height: 0px;
+  background-color: #4193c5;
+}
+.login .el-link {
+  height: 48px;
+}
+</style>

src/layout/index/lunbo.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="lunbo">
+    <el-row>
+      <el-col :span="24">
+        <div class="block">
+          <el-carousel height="304px">
+            <el-carousel-item
+              class="list"
+              v-for="(item, index) in carouselList"
+              :key="index"
+            >
+              <el-image
+                style="width:540px;height:304px;"
+                :src="item.url"
+              ></el-image>
+              <span class="title textOver">{{ item.title }}</span>
+            </el-carousel-item>
+          </el-carousel>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "lunbo",
+  props: {
+    carouselList: null
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/deep/.el-carousel__indicators {
+  display: none;
+}
+.list .title {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  background-color: rgba(0, 0, 0, 0.4);
+  padding: 0 10px;
+  font-size: 16px;
+  color: #fff;
+}
+</style>

src/layout/index/menuInfo.vue

@@ -12,7 +12,7 @@
             text-color="#fff"
             active-text-color="#fff"
           >
-            <el-menu-item index="1">首页</el-menu-item>
+            <el-menu-item index="1">网站首页</el-menu-item>
             <el-menu-item index="2">政策法规</el-menu-item>
             <el-menu-item index="3">网上大厅</el-menu-item>
             <el-menu-item index="4">招聘信息</el-menu-item>

src/layout/index/naitve.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="naitve">
+    <el-row>
+      <el-col :span="24" class="native">
+        <el-tabs v-model="activeName" type="card">
+          <el-tab-pane disabled name="disabled">
+            <span slot="label">网站导航</span>
+          </el-tab-pane>
+          <el-tab-pane
+            v-for="(item, index) in nativeList"
+            :key="index"
+            :name="`${index}`"
+          >
+            <span slot="label">{{ item.title }}</span>
+            <el-col
+              :span="6"
+              v-for="(tag, index) in item.children"
+              :key="index"
+              class="enterList"
+            >
+              <el-col :span="24" class="title">
+                <el-link :underline="false" :href="tag.url" target="_blank"
+                  >{{ tag.title }}
+                </el-link>
+              </el-col>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "naitve",
+  props: {
+    nativeList: null
+  },
+  components: {},
+  data: () => ({
+    activeName: 0
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-tabs__nav-scroll {
+  background-color: #e3eaf7;
+}
+/deep/.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
+  border-bottom-color: none;
+}
+/deep/.el-tabs__item.is-active {
+  color: #fff;
+  background: #0d5cb8;
+}
+/deep/.el-tabs__item {
+  color: #0d5cb8;
+}
+.enterList {
+  padding: 5px 20px;
+}
+.title {
+  font-size: 14px;
+  color: #5b5b5b;
+  text-align: left;
+}
+</style>

src/layout/index/noticeNews.vue

@@ -0,0 +1,100 @@
+<template>
+  <div id="noticeNews">
+    <el-row>
+      <el-col :span="24">
+        <el-tabs v-model="activeName" type="card" :before-leave="handleClick">
+          <el-tab-pane v-for="(item, index) in noticeNewsList" :key="index">
+            <span slot="label">{{ item.title }}</span>
+            <el-col
+              :span="24"
+              v-for="(tag, index) in item.children"
+              :key="index"
+              class="list"
+            >
+              <el-col :span="18" class="title">
+                <i class="el-icon-caret-right icon"></i>
+                <p class="textOver">{{ tag.title }}</p>
+              </el-col>
+              <el-col :span="5" class="date">{{ tag.date }}</el-col>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "noticeNews",
+  props: {
+    noticeNewsList: null
+  },
+  components: {},
+  data: () => ({
+    activeName: ""
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      // eslint-disable-next-line no-console
+      console.log(tab, event);
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/deep/.el-tabs__item {
+  font-size: 16px;
+}
+/deep/.el-tabs--card > .el-tabs__header {
+  border-bottom: 1px solid #176ebb;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs--card > .el-tabs__header .el-tabs__item {
+  border-bottom: none;
+}
+/deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
+  border: none;
+}
+/deep/.el-tabs__item.is-active {
+  color: #fff;
+  background: #176ebb;
+}
+.list {
+  padding: 7px 10px 7px 0;
+}
+.list .title {
+  font-size: 16px;
+}
+.list .title .icon {
+  float: left;
+  padding: 4px 4px;
+  // color: #176ebb;
+}
+.list .date {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+.list:hover .date {
+  color: #a32324;
+}
+</style>

src/layout/index/recruit.vue

@@ -0,0 +1,225 @@
+<template>
+  <div id="recruit">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="bejing">
+          <el-image style="width:100%;height:410px;" :src="url"></el-image>
+        </el-col>
+        <el-col :span="24" class="info">
+          <div class="w_1270">
+            <el-col :span="24" class="top">
+              <span>{{ title }}</span>
+            </el-col>
+            <el-col :span="24" class="list">
+              <el-col :span="20" class="leftList">
+                <el-col :span="24" class="noList">
+                  <el-col :span="6" class="jobs">
+                    招聘职位
+                  </el-col>
+                  <el-col :span="10" class="company">
+                    单位名称
+                  </el-col>
+                  <el-col :span="4" class="gongneng">
+                    功能
+                  </el-col>
+                  <el-col :span="4" class="date">
+                    发布时间
+                  </el-col>
+                </el-col>
+                <el-col
+                  :span="24"
+                  class="recruitList"
+                  v-for="(item, index) in recruitList"
+                  :key="index"
+                >
+                  <el-col :span="6" class="jobs">
+                    <p class="textOver">{{ item.jobs }}</p>
+                  </el-col>
+                  <el-col :span="10" class="company">
+                    <p class="textOver">{{ item.company }}</p>
+                  </el-col>
+                  <el-col :span="4" class="btn">
+                    <el-button>[在线投递简历]</el-button>
+                  </el-col>
+                  <el-col :span="4" class="date">
+                    {{ item.date }}
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="4" class="rightList">
+                <el-col :span="24" class="rightTop">
+                  <el-col :span="16" class="rightTopTit">
+                    <span>{{ zixunTitle }}</span>
+                  </el-col>
+                  <el-col :span="8" class="rightTopLink">
+                    <el-link :underline="false"
+                      >more<i class="el-icon-d-arrow-right"></i
+                    ></el-link>
+                  </el-col>
+                </el-col>
+                <el-col :span="24">
+                  <el-col
+                    :span="24"
+                    class="zixunList"
+                    v-for="(item, index) in zixunList"
+                    :key="index"
+                  >
+                    <p class="title textOver">{{ item.title }}</p>
+                  </el-col>
+                </el-col>
+              </el-col>
+            </el-col>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "recruit",
+  props: {
+    recruitList: null,
+    zixunList: null
+  },
+  components: {},
+  data: () => ({
+    url: require("@/assets/zhaopin.jpg"),
+    title: "最新招聘",
+    zixunTitle: "就业咨询"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
+}
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.info {
+  position: absolute;
+  top: 0;
+}
+.top {
+  text-align: center;
+  margin: 60px 0 20px 0;
+}
+.top span {
+  font-size: 25px;
+  color: #fff;
+}
+.leftList {
+  width: 1010px;
+  height: 416px;
+  overflow: hidden;
+  margin: 0 10px 0 0;
+  background-color: #fff;
+  padding: 10px;
+}
+.noList {
+  height: 40px;
+  line-height: 40px;
+  background-color: #f5f5f5;
+  font-size: 16px;
+  color: #a01f25;
+}
+.noList .jobs {
+  text-align: left;
+  padding: 0 15px;
+}
+.noList .company {
+  text-align: center;
+}
+.noList .gongneng {
+  text-align: center;
+}
+.noList .date {
+  text-align: center;
+}
+.recruitList {
+  height: 40px;
+  line-height: 40px;
+  font-size: 16px;
+}
+.recruitList .jobs {
+  text-align: left;
+  padding: 0 15px;
+}
+.recruitList .company {
+  text-align: center;
+}
+.recruitList .btn {
+  text-align: center;
+}
+/deep/.recruitList .btn .el-button {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  color: red;
+}
+.recruitList .date {
+  text-align: center;
+}
+.rightList {
+  width: 247px;
+  height: 416px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.rightTop {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #ccc;
+}
+.rightTop .rightTopTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  border-bottom: 1px solid #176ebb;
+}
+.rightTop .rightTopLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.rightTop .rightTopLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.rightTop .rightTopLink:hover .el-link {
+  color: #a32324;
+}
+.zixunList {
+  padding: 10px;
+}
+.zixunList .title {
+  font-size: 16px;
+}
+.zixunList:hover {
+  cursor: pointer;
+}
+.zixunList:hover .title {
+  color: #a32324;
+}
+</style>

src/layout/index/service.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="service">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="20" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+        <el-col :span="4" class="topLink">
+          <el-link :underline="false"
+            >more<i class="el-icon-d-arrow-right"></i
+          ></el-link>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col
+          :span="24"
+          class="list"
+          v-for="(item, index) in serviceList"
+          :key="index"
+        >
+          <el-col :span="19" class="title">
+            <p class="textOver">
+              <i class="el-icon-caret-right icon"></i>{{ item.title }}
+            </p>
+          </el-col>
+          <el-col :span="5" class="date">
+            {{ item.date }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "service",
+  props: {
+    serviceList: null
+  },
+  components: {},
+  data: () => ({
+    title: "档案服务"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #176ebb;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  background-color: #176ebb;
+}
+.top .topLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.top .topLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.top .topLink:hover .el-link {
+  color: #a32324;
+}
+.list {
+  padding: 8px 10px;
+}
+.list .title {
+  font-size: 16px;
+}
+.list .title .icon {
+  float: left;
+  padding: 4px 4px;
+  // color: #176ebb;
+}
+.list .date {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+.list:hover .date {
+  color: #a32324;
+}
+</style>

src/layout/index/weilai.vue

@@ -0,0 +1,25 @@
+<template>
+  <div id="weilai">
+    <el-row>
+      <el-col :span="24" class="image">
+        <el-image style="width:100%;height:200px;" :src="url"></el-image>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "weilai",
+  props: {},
+  components: {},
+  data: () => ({
+    url: require("@/assets/weilai.jpg")
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped></style>

src/layout/index/xiazai.vue

@@ -0,0 +1,97 @@
+<template>
+  <div id="xiazai">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="16" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+        <el-col :span="8" class="topLink">
+          <el-link :underline="false"
+            >more<i class="el-icon-d-arrow-right"></i
+          ></el-link>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col
+          :span="24"
+          class="list"
+          v-for="(item, index) in xiazaiList"
+          :key="index"
+        >
+          <p class="title textOver">{{ item.title }}</p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "xiazai",
+  props: {
+    xiazaiList: null
+  },
+  components: {},
+  data: () => ({
+    title: "下载专区"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #ccc;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  border-bottom: 1px solid #176ebb;
+}
+.top .topLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.top .topLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.top .topLink:hover .el-link {
+  color: #a32324;
+}
+.list {
+  padding: 10px;
+}
+.list .title {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+</style>

src/layout/index/zhidao.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="zhidao">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="20" class="topTit">
+          <span>{{ title }}</span>
+        </el-col>
+        <el-col :span="4" class="topLink">
+          <el-link :underline="false"
+            >more<i class="el-icon-d-arrow-right"></i
+          ></el-link>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col
+          :span="24"
+          class="list"
+          v-for="(item, index) in zhidaoList"
+          :key="index"
+        >
+          <el-col :span="19" class="title">
+            <p class="textOver">
+              <i class="el-icon-caret-right icon"></i>{{ item.title }}
+            </p>
+          </el-col>
+          <el-col :span="5" class="date">
+            {{ item.date }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "zhidao",
+  props: {
+    zhidaoList: null
+  },
+  components: {},
+  data: () => ({
+    title: "就业指导"
+  }),
+  created() {},
+  computed: {},
+  methods: {}
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 39px;
+  line-height: 39px;
+  border-bottom: 1px solid #176ebb;
+}
+.top .topTit span {
+  display: inline-block;
+  width: 110px;
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  background-color: #176ebb;
+}
+.top .topLink {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+}
+.top .topLink .el-link {
+  height: 39px;
+  line-height: 39px;
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+  text-transform: uppercase;
+}
+.top .topLink:hover .el-link {
+  color: #a32324;
+}
+.list {
+  padding: 8px 10px;
+}
+.list .title {
+  font-size: 16px;
+}
+.list .title .icon {
+  float: left;
+  padding: 4px 4px;
+  // color: #176ebb;
+}
+.list .date {
+  font-size: 16px;
+}
+.list:hover {
+  cursor: pointer;
+}
+.list:hover .title {
+  color: #a32324;
+}
+.list:hover .date {
+  color: #a32324;
+}
+</style>

src/views/index.vue

@@ -1,11 +1,24 @@
 <template>
   <div id="index">
-    <index-detail :info="info"></index-detail>
+    <index-detail
+      :info="info"
+      :carouselList="carouselList"
+      :noticeNewsList="noticeNewsList"
+      :zhidaoList="zhidaoList"
+      :lawList="lawList"
+      :serviceList="serviceList"
+      :hujiList="hujiList"
+      :xiazaiList="xiazaiList"
+      :recruitList="recruitList"
+      :zixunList="zixunList"
+      :nativeList="nativeList"
+    ></index-detail>
   </div>
 </template>
 
 <script>
 import indexDetail from "@/components/index.vue";
+import { urlList } from "@/config/url";
 export default {
   name: "index",
   props: {},
@@ -20,7 +33,75 @@ export default {
       logo: require("@/assets/logo.png"),
       copyright:
         "吉ICP备09006292号-1 Copyright 2019 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved"
-    }
+    },
+    carouselList: [
+      {
+        url: require("@/assets/news.jpg"),
+        title: "标题"
+      }
+    ],
+    noticeNewsList: [
+      {
+        title: "通知公告",
+        children: [
+          {
+            title: "通知公告信息",
+            date: "2019-12-10"
+          }
+        ]
+      },
+      {
+        title: "就业动态",
+        children: [
+          {
+            title: "就业动态信息",
+            date: "2019-12-10"
+          }
+        ]
+      }
+    ],
+    zhidaoList: [
+      {
+        title: "標題",
+        date: "2019-12-10"
+      }
+    ],
+    lawList: [
+      {
+        title: "標題",
+        date: "2019-12-10"
+      }
+    ],
+    serviceList: [
+      {
+        title: "標題",
+        date: "2019-12-10"
+      }
+    ],
+    hujiList: [
+      {
+        title: "標題",
+        date: "2019-12-10"
+      }
+    ],
+    xiazaiList: [
+      {
+        title: "标题"
+      }
+    ],
+    recruitList: [
+      {
+        jobs: "web工程师",
+        company: "长春福瑞科技有限公司",
+        date: "2019-12-10"
+      }
+    ],
+    zixunList: [
+      {
+        title: "标题"
+      }
+    ],
+    nativeList: urlList
   }),
   created() {},
   computed: {},