科技人才更新

src/components/personnel/guidance.vue

@@ -0,0 +1,106 @@
+<template>
+  <div id="guidance">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="mainLeft">
+            <mainLeft></mainLeft>
+          </el-col>
+          <el-col :span="19" class="direct">
+            <direct :directData="directData"></direct>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import mainLeft from '@/layout/personnel/mainMenu.vue';
+import direct from '@/layout/personnel/direct.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'guidance',
+  props: {
+    info: null, //站点信息
+    directData: null, //就业指导
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    mainLeft, //侧边导航
+    direct, //就业指导
+    foot, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  height: 580px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .mainLeft {
+  width: 240px;
+  height: 580px;
+  overflow: hidden;
+  // background-color: #fff;
+  margin: 0 10px 0 0;
+}
+.main .direct {
+  width: 950px;
+  height: 580px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/components/personnel/recruit.vue

@@ -0,0 +1,106 @@
+<template>
+  <div id="personnel">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="mainLeft">
+            <mainLeft></mainLeft>
+          </el-col>
+          <el-col :span="19" class="recruitList">
+            <recruitList :recruitData="recruitData"></recruitList>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import mainLeft from '@/layout/personnel/mainMenu.vue';
+import recruitList from '@/layout/personnel/recruitList.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'personnel',
+  props: {
+    info: null, //站点信息
+    recruitData: null, //招聘信息
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    mainLeft, //侧边导航
+    recruitList, //招聘信息列表
+    foot, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  height: 580px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .mainLeft {
+  width: 240px;
+  height: 580px;
+  overflow: hidden;
+  // background-color: #fff;
+  margin: 0 10px 0 0;
+}
+.main .recruitList {
+  width: 950px;
+  height: 580px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/layout/personnel/direct.vue

@@ -0,0 +1,105 @@
+<template>
+  <div id="direct">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="topInfo">
+          <el-col :span="20" class="left">{{ title }}</el-col>
+        </el-col>
+        <el-col :span="24" class="list">
+          <el-table :data="directData" stripe style="width: 100%">
+            <el-table-column prop="title" label="名称" align="center"> </el-table-column>
+            <el-table-column prop="type" label="信息类型" align="center"> </el-table-column>
+            <el-table-column prop="person" label="发布人" align="center"> </el-table-column>
+            <el-table-column prop="date" label="发布时间" align="center"> </el-table-column>
+          </el-table>
+          <el-col :span="24" class="page">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              layout="total, prev, pager, next, jumper"
+              :total="1"
+            >
+            </el-pagination>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'direct',
+  props: {
+    directData: null,
+  },
+  components: {},
+  data: () => ({
+    title: '指导信息',
+    currentPage: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.info {
+  width: 100%;
+  height: 580px;
+  overflow: hidden;
+  padding: 20px;
+  background-color: #fff;
+}
+.topInfo {
+  height: 30px;
+  line-height: 30px;
+  margin: 0 0 10px 0;
+}
+.topInfo .left {
+  font-size: 22px;
+  color: #2c3350;
+  font-weight: bold;
+}
+.topInfo .more {
+  height: 30px;
+  text-align: right;
+  padding: 6px 0;
+}
+.list {
+  height: 500px;
+  overflow: hidden;
+}
+/deep/.el-table {
+  height: 430px;
+}
+/deep/.el-table td {
+  padding: 8px 0;
+}
+/deep/.el-table th {
+  padding: 8px 0;
+  background-color: #f5f4f4;
+}
+/deep/ .el-table th.is-leaf {
+  border-bottom: none;
+  color: #000;
+}
+/deep/.el-table td {
+  border-bottom: none;
+}
+.page {
+  position: absolute;
+  bottom: 20px;
+  width: 910px;
+  text-align: center;
+}
+</style>

src/layout/personnel/recruitList.vue

@@ -0,0 +1,109 @@
+<template>
+  <div id="recruitList">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="topInfo">
+          <el-col :span="20" class="left">{{ title }}</el-col>
+        </el-col>
+        <el-col :span="24" class="list">
+          <el-table :data="recruitData" stripe style="width: 100%">
+            <el-table-column prop="title" label="招聘信息名称" align="center"> </el-table-column>
+            <el-table-column prop="company" label="公司名称" align="center"> </el-table-column>
+            <el-table-column prop="address" label="工作地点" align="center"> </el-table-column>
+            <el-table-column prop="jingyan" label="工作经验" align="center"> </el-table-column>
+            <el-table-column prop="num" label="招聘人数" align="center"> </el-table-column>
+            <el-table-column prop="edu" label="学历" align="center"> </el-table-column>
+            <el-table-column prop="xinzi" label="期望月薪" align="center"> </el-table-column>
+            <el-table-column prop="date" label="发布时间" align="center"> </el-table-column>
+          </el-table>
+          <el-col :span="24" class="page">
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page="currentPage"
+              layout="total, prev, pager, next, jumper"
+              :total="1"
+            >
+            </el-pagination>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'recruitList',
+  props: {
+    recruitData: null,
+  },
+  components: {},
+  data: () => ({
+    title: '招聘信息',
+    currentPage: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.info {
+  width: 100%;
+  height: 580px;
+  overflow: hidden;
+  padding: 20px;
+  background-color: #fff;
+}
+.topInfo {
+  height: 30px;
+  line-height: 30px;
+  margin: 0 0 10px 0;
+}
+.topInfo .left {
+  font-size: 22px;
+  color: #2c3350;
+  font-weight: bold;
+}
+.topInfo .more {
+  height: 30px;
+  text-align: right;
+  padding: 6px 0;
+}
+.list {
+  height: 500px;
+  overflow: hidden;
+}
+/deep/.el-table {
+  height: 412px;
+}
+/deep/.el-table td {
+  padding: 8px 0;
+}
+/deep/.el-table th {
+  padding: 8px 0;
+  background-color: #f5f4f4;
+}
+/deep/ .el-table th.is-leaf {
+  border-bottom: none;
+  color: #000;
+}
+/deep/.el-table td {
+  border-bottom: none;
+}
+.page {
+  position: absolute;
+  bottom: 20px;
+  width: 910px;
+  text-align: center;
+}
+</style>

src/router/index.js

@@ -9,6 +9,18 @@ const routes = [
     name: 'index',
     component: () => import('../views/index.vue'),
   },
+  // 科技政务
+  {
+    path: '/government/government',
+    name: 'government',
+    component: () => import('../views/government/government.vue'),
+  },
+  // 科技政策
+  {
+    path: '/policy/policy',
+    name: 'policy',
+    component: () => import('../views/policy/policy.vue'),
+  },
   // 科技超市
   {
     path: '/supermaket/supermarket',
@@ -63,24 +75,6 @@ const routes = [
     name: 'supermarketinnovate',
     component: () => import('../views/supermaket/supermarketinnovate.vue'),
   },
-  // 科技政务
-  {
-    path: '/government/government',
-    name: 'government',
-    component: () => import('../views/government/government.vue'),
-  },
-  //科技人才
-  {
-    path: '/personnel/personnel',
-    name: 'personnel',
-    component: () => import('../views/personnel/personnel.vue'),
-  },
-  // 科技政策
-  {
-    path: '/policy/policy',
-    name: 'policy',
-    component: () => import('../views/policy/policy.vue'),
-  },
   //科技数据
   {
     path: '/shuju/shuju',
@@ -93,6 +87,23 @@ const routes = [
     name: 'service',
     component: () => import('../views/service/service.vue'),
   },
+  //科技人才
+  {
+    path: '/personnel/personnel',
+    name: 'personnel',
+    component: () => import('../views/personnel/personnel.vue'),
+  },
+  //科技人才-招聘信息
+  {
+    path: '/personnel/recruit',
+    name: 'recruit',
+    component: () => import('../views/personnel/recruit.vue'),
+  },
+  {
+    path: '/personnel/guidance',
+    name: 'guidance',
+    component: () => import('../views/personnel/guidance.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/views/personnel/guidance.vue

@@ -0,0 +1,47 @@
+<template>
+  <div id="guidance">
+    <guidance-detail :info="info" :directData="directData"></guidance-detail>
+  </div>
+</template>
+
+<script>
+import guidanceDetail from '@/components/personnel/guidance.vue';
+export default {
+  name: 'guidance',
+  props: {},
+  components: {
+    guidanceDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    directData: [
+      {
+        title: '标题',
+        type: '就业指导',
+        person: 'HSD',
+        date: '2019-01-02',
+      },
+      {
+        title: '十条数据',
+        type: '就业指导',
+        person: 'HSD',
+        date: '2019-01-02',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personnel/recruit.vue

@@ -0,0 +1,55 @@
+<template>
+  <div id="recruit">
+    <recruit-detail :info="info" :recruitData="recruitData"></recruit-detail>
+  </div>
+</template>
+
+<script>
+import recruitDetail from '@/components/personnel/recruit.vue';
+export default {
+  name: 'recruit',
+  props: {},
+  components: {
+    recruitDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    recruitData: [
+      {
+        title: '标题',
+        company: '长春福瑞科技有限公司',
+        address: '吉林省长春市',
+        jingyan: '无经验',
+        num: '2',
+        edu: '本科',
+        xinzi: '1k-2k',
+        date: '2019-01-02',
+      },
+      {
+        title: '标题',
+        company: '六条数据',
+        address: '吉林省长春市',
+        jingyan: '无经验',
+        num: '2',
+        edu: '本科',
+        xinzi: '1k-2k',
+        date: '2019-01-02',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>