更新

src/components/corp.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="jobfair">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <corpDetail :corpDetails="corpDetails" :jobslist="jobslist"></corpDetail>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info" :backColor="backColor"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import corpDetail from '@/layout/recuit/corpDetail.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'jobfair',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    corpDetails: null, //详情企业
+    jobslist: null,
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    corpDetail, //企业详情
+    foot, //底部信息
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.main {
+  min-height: 1100px;
+  margin: 20px 0;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/components/jobinfo.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="jobinfo">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <jobinfoInfo :jobinfoInfo="jobinfoInfo" :jobslist="jobslist"></jobinfoInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info" :backColor="backColor"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import jobinfoInfo from '@/layout/recuit/jobinfoInfo.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'jobinfo',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    jobinfoInfo: null,
+    jobslist: null,
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    jobinfoInfo, //宣讲会详情
+    foot, //底部信息
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.main {
+  min-height: 1100px;
+  margin: 20px 0;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/layout/recuit/corpDetail.vue

@@ -0,0 +1,101 @@
+<template>
+  <div id="corpDetail">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="24">
+          <el-breadcrumb separator-class="el-icon-arrow-right">
+            <el-breadcrumb-item :to="{ path: '/' }"
+              ><i class="el-icon-s-home"></i>
+              <span>网站首页</span>
+            </el-breadcrumb-item>
+            <el-breadcrumb-item><span>企业详情</span></el-breadcrumb-item>
+          </el-breadcrumb>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="qiye">
+        <h3 style="border-left:5px solid #0457c7;padding:0 10px;">企业信息</h3>
+        <el-col :span="24">
+          <el-col :span="3" style="padding: 25px 0;">
+            <el-image style="width:150px;height:107px;" :src="corpDetails.logo_url"></el-image>
+          </el-col>
+          <el-col :span="20">
+            <el-col :span="24" class="title">
+              <p>{{ corpDetails.corpname }}</p>
+            </el-col>
+            <el-col :span="8" class="title"> 行业：{{ corpDetails.industry }} </el-col>
+            <el-col :span="10" class="title"> 规模：{{ corpDetails.scale }} </el-col>
+            <el-col :span="8" class="title"> 城市：{{ corpDetails.province }}-{{ corpDetails.city }} </el-col>
+            <el-col :span="10" class="title"> 地址：{{ corpDetails.address }} </el-col>
+            <el-col :span="8" class="title"> 联系电话：{{ corpDetails.job_tel }} </el-col>
+            <el-col :span="24" class="title"> 邮箱：{{ corpDetails.job_email }} </el-col>
+            <el-col :span="24" class="title"> 注册资金：{{ corpDetails.reg_capital }} </el-col>
+            <el-col :span="24" class="title">
+              企业标签：<el-tag v-for="(item, index) in corpDetails.tags" :key="index">{{ item }}</el-tag></el-col
+            >
+          </el-col>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="jieshao">
+        <h3 style="border-left:5px solid #0457c7;padding:0 10px;">企业介绍</h3>
+        <el-col :span="24">
+          <p>{{ corpDetails.intro }}</p>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="zhiwei">
+        <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘职位</h3>
+        <el-col :span="24">
+          <el-row class="rowStyle" v-for="(item, index) in jobslist" :key="index" :gutter="10">
+            <el-col :span="16">
+              <el-link class="job__name" :underline="false" @click="turnToJobs(item.id)">
+                <span title="查看职位">{{ item.job_name ? item.job_name : '' }}</span>
+              </el-link>
+            </el-col>
+            <el-col class="money" :span="4">
+              {{ item.salary ? item.salary.text : '' }}
+            </el-col>
+            <el-col :span="4" style="text-align:center;"> 招聘人数：{{ item.job_number | jobNum }} </el-col>
+            <el-col :span="16"> 招聘专业 : {{ item.zy_req ? item.zy_req : '' }} </el-col>
+            <el-col :span="8"> {{ item.xl_req ? item.xl_req : '' }} | {{ item.city ? item.city : '' }} </el-col>
+          </el-row>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'corpDetail',
+  props: {
+    corpDetails: null,
+    jobslist: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.title {
+  font-size: 14px;
+  color: #333;
+  padding: 2px 10px;
+}
+.jieshao p {
+  padding: 0 15px;
+}
+.rowStyle {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.job__name {
+  font-size: 18px;
+}
+</style>

src/layout/recuit/jobinfoInfo.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="jobinfoInfo">
+    <el-row>
+      <el-col :span="24">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item :to="{ path: '/' }"
+            ><i class="el-icon-s-home"></i>
+            <span>网站首页</span>
+          </el-breadcrumb-item>
+          <el-breadcrumb-item><span>招聘信息详情</span></el-breadcrumb-item>
+        </el-breadcrumb>
+      </el-col>
+      <el-col :span="24" class="title">
+        <p>{{ jobinfoInfo.title }}</p>
+      </el-col>
+      <el-col :span="24" class="date"> 发布时间：{{ jobinfoInfo.date }} </el-col>
+      <el-col :span="24" class="content">
+        <p>{{ jobinfoInfo.content }}</p>
+      </el-col>
+      <el-col :span="24" class="zhiwei">
+        <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘职位</h3>
+        <el-col :span="24">
+          <el-row class="rowStyle" v-for="(item, index) in jobslist" :key="index" :gutter="10">
+            <el-col :span="16">
+              <el-link class="job__name" :underline="false" @click="turnToJobs(item.id)">
+                <span title="查看职位">{{ item.job_name ? item.job_name : '' }}</span>
+              </el-link>
+            </el-col>
+            <el-col class="money" :span="4">
+              {{ item.salary ? item.salary.text : '' }}
+            </el-col>
+            <el-col :span="4" style="text-align:center;"> 招聘人数：{{ item.job_number | jobNum }} </el-col>
+            <el-col :span="16"> 招聘专业 : {{ item.zy_req ? item.zy_req : '' }} </el-col>
+            <el-col :span="8"> {{ item.xl_req ? item.xl_req : '' }} | {{ item.city ? item.city : '' }} </el-col>
+          </el-row>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'jobinfoInfo',
+  props: {
+    jobinfoInfo: null,
+    jobslist: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.title {
+  color: #333;
+  font-size: 18px;
+  font-weight: 900;
+  padding: 10px 5px;
+}
+.date {
+  font-size: 16px;
+  padding: 5px 0 10px 5px;
+  border-bottom: 1px dashed #ccc;
+}
+.content {
+  padding: 10px 0;
+}
+.content p {
+  font-size: 16px;
+  text-indent: 2rem;
+}
+.rowStyle {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+</style>

src/views/recruit/corp.vue

@@ -1,15 +1,65 @@
 <template>
-  <div id="corp">
-    <p>corp</p>
+  <div id="jobs">
+    <corp-detail :info="info" :backColor="backColor" :Color="Color" :corpDetails="corpDetails" :jobslist="jobslist"></corp-detail>
   </div>
 </template>
 
 <script>
+import corpDetail from '@/components/corp.vue';
+import { mapActions, mapState } from 'vuex';
 export default {
   name: 'corp',
   props: {},
-  components: {},
-  data: () => ({}),
+  components: {
+    corpDetail,
+  },
+  data: () => ({
+    info: {
+      src: require('@/assets/logo.png'),
+      phone: '0431-12345678',
+      banner: require('@/assets/banner.png'),
+      address: '办公地址：长春市经济技术开发区金川街151号吉林省高等学校毕业生就业指导中心2楼一站式办公大厅',
+      email: '邮编：130012',
+      gongjiao: '公交线路：乘坐120路、227路、20路、260路、80路、130路、281路、154路、190路、125路公交北方市场下车，北方市场南门南行200米。',
+      mobile: '业务咨询电话：0431-84657570 0431-84657571;',
+      date: '办公时间：周一至周五，法定假日不对外办公。',
+      copyright: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+    corpDetails: {
+      logo_url: require('@/assets/news.png'),
+      corpname: '不知道',
+      industry: '不知道',
+      scale: '不知道',
+      province: '不知道',
+      city: '不知道',
+      address: '不知道',
+      job_tel: '不知道',
+      job_email: '不知道',
+      reg_capital: '不知道',
+      item: '不知道',
+      intro: '不知道',
+    },
+    jobslist: [
+      {
+        job_name: '测试测试测试',
+        salary: '测试测试测试',
+        job_number: '2',
+        zy_req: '计算机专业',
+        xl_req: '本科及以上',
+        city: '长春市',
+      },
+      {
+        job_name: '测试测试测试',
+        salary: '测试测试测试',
+        job_number: '2',
+        zy_req: '计算机专业',
+        xl_req: '本科及以上',
+        city: '长春市',
+      },
+    ],
+    backColor: '#0457c7',
+    Color: '#0457c7',
+  }),
   created() {},
   computed: {},
   methods: {},

src/views/recruit/jobinfo.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="jobinfo">
+    <jobinfo-detail :info="info" :backColor="backColor" :Color="Color" :jobinfoInfo="jobinfoInfo" :jobslist="jobslist"></jobinfo-detail>
+  </div>
+</template>
+
+<script>
+import jobinfoDetail from '@/components/jobinfo.vue';
+import { mapActions, mapState } from 'vuex';
+export default {
+  name: 'jobinfo',
+  props: {},
+  components: {
+    jobinfoDetail,
+  },
+  data: () => ({
+    info: {
+      src: require('@/assets/logo.png'),
+      phone: '0431-12345678',
+      banner: require('@/assets/banner.png'),
+      address: '办公地址：长春市经济技术开发区金川街151号吉林省高等学校毕业生就业指导中心2楼一站式办公大厅',
+      email: '邮编：130012',
+      gongjiao: '公交线路：乘坐120路、227路、20路、260路、80路、130路、281路、154路、190路、125路公交北方市场下车，北方市场南门南行200米。',
+      mobile: '业务咨询电话：0431-84657570 0431-84657571;',
+      date: '办公时间：周一至周五，法定假日不对外办公。',
+      copyright: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+    jobinfoInfo: {
+      title: '标题',
+      date: '2019-12-04',
+      content: '介绍',
+    },
+    jobslist: [
+      {
+        job_name: '测试测试测试',
+        salary: '测试测试测试',
+        job_number: '2',
+        zy_req: '计算机专业',
+        xl_req: '本科及以上',
+        city: '长春市',
+      },
+      {
+        job_name: '测试测试测试',
+        salary: '测试测试测试',
+        job_number: '2',
+        zy_req: '计算机专业',
+        xl_req: '本科及以上',
+        city: '长春市',
+      },
+    ],
+    backColor: '#0457c7',
+    Color: '#0457c7',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>