更新

package-lock.json

@@ -10995,6 +10995,14 @@
       "integrity": "sha1-eGQcSIuObKkadfUR56OzKobl3aA=",
       "dev": true
     },
+    "vshare": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/vshare/-/vshare-2.0.0.tgz",
+      "integrity": "sha512-Z5AUwrCq2bwatLno1TtYkGyRE4vyDmSq4Ub3KuRr9sZCgPJCGJxo+FucvZuhgEafwXIJRR2iXXgD2hC0SsO7Ww==",
+      "requires": {
+        "vue": "^2.5.11"
+      }
+    },
     "vue": {
       "version": "2.6.10",
       "resolved": "https://registry.npm.taobao.org/vue/download/vue-2.6.10.tgz",

package.json

@@ -14,6 +14,7 @@
     "ginkgo-map": "^1.0.2",
     "lodash": "^4.17.15",
     "naf-core": "^0.1.2",
+    "vshare": "^2.0.0",
     "vue": "^2.6.10",
     "vue-baidu-map": "^0.21.22",
     "vue-meta": "^2.3.1",

src/components/jobfair.vue

@@ -0,0 +1,73 @@
+<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">
+          <jobfairInfo :jobfairInfo="jobfairInfo" :jobslist="jobslist"></jobfairInfo>
+        </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 jobfairInfo from '@/layout/recuit/jobfairInfo.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'jobfair',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    jobfairInfo: null,
+    jobslist: null,
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    jobfairInfo, //宣讲会详情
+    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;
+  border: 1px solid #ccc;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/components/jobs.vue

@@ -0,0 +1,80 @@
+<template>
+  <div id="jobs">
+    <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">
+          <el-col :span="18">
+            <jobsInfo :jobInfo="jobInfo"></jobsInfo>
+          </el-col>
+          <el-col :span="6">
+            <corpInfo :corpsInfo="corpsInfo"></corpInfo>
+          </el-col>
+        </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 jobsInfo from '@/layout/recuit/jobsInfo.vue';
+import corpInfo from '@/layout/recuit/corpInfo.vue';
+
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'jobs',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    jobInfo: null, //职位详情
+    corpsInfo: null, //企业详情
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    jobsInfo, //职位
+    corpInfo, //企业
+    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/talk.vue

@@ -0,0 +1,72 @@
+<template>
+  <div id="talk">
+    <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">
+          <talkInfo :talkInfo="talkInfo" :list="list"></talkInfo>
+        </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 talkInfo from '@/layout/recuit/talkInfo.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'talk',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    talkInfo: null,
+    list: null,
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    talkInfo, //宣讲会详情
+    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/corpInfo.vue

@@ -0,0 +1,44 @@
+<template>
+  <div id="corpInfo">
+    <!-- v-if="corpsInfo && corpsInfo.id" -->
+    <el-row style="padding: 35px 15px;">
+      <el-col>
+        <el-image style="width:280px;height:80px;" :src="corpsInfo.logo_url"></el-image>
+      </el-col>
+      <el-col style="padding-bottom: 10px; border-bottom: 1px dashed #ddd;">
+        <el-link :underline="false" @click="$router.push({ path: '/corp', query: { id: corpsInfo.id } })">
+          <span style="font-size: 14px; color: #0457c7;">{{ corpsInfo.corpname }}</span>
+        </el-link>
+      </el-col>
+      <el-col class="right_Detail" style="padding-top: 10px;">
+        <el-row>
+          <el-col>
+            <span>邮箱：{{ corpsInfo.job_email }}</span>
+          </el-col>
+          <el-col>
+            <span>地址：{{ corpsInfo.address }}</span>
+          </el-col>
+          <el-col>
+            <span>电话：{{ corpsInfo.tel }}</span>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'corpInfo',
+  props: {
+    corpsInfo: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/layout/recuit/jobfairInfo.vue

@@ -0,0 +1,122 @@
+<template>
+  <div id="jobfairInfo">
+    <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-item class="webDetail">详情</el-breadcrumb-item>
+          </el-breadcrumb>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="talk">
+        <el-col :span="24" class="talkTop">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘会信息</h3>
+          <el-col :span="24" class="talkTopInfo">
+            <p>
+              {{ jobfairInfo && jobfairInfo.title ? jobfairInfo.title : '2019年11月30日招聘会'
+              }}<el-button type="primary" icon="el-icon-search" class="btn" @click="turnTo">工商查询</el-button>
+            </p>
+          </el-col>
+          <el-col :span="24" class="talkTopInfo">
+            <p>时间：{{ jobfairInfo && jobfairInfo.time ? jobfairInfo.time : '2019-11-30' }}</p>
+          </el-col>
+          <el-col :span="24" class="talkTopInfo">
+            <p>地点：{{ jobfairInfo && jobfairInfo.address ? jobfairInfo.address : '不知道' }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="talkJianjie">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘会说明</h3>
+          <p>{{ jobfairInfo && jobfairInfo.intro ? jobfairInfo.intro : '招聘会说明' }}</p>
+        </el-col>
+        <el-col :span="24" class="talkJobs">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘会相关</h3>
+          <el-col :span="24">
+            <el-tabs v-model="tabs" type="card">
+              <el-tab-pane label="企业列表" name="corp">
+                <el-table :data="corpList" style="width: 100%" stripe :show-header="false">
+                  <el-table-column label="企业" prop="corpname">
+                    <template v-slot="scoped">
+                      <el-link @click="$router.push({ path: '/corp/detail', query: { id: scoped.row.corpid } })">{{ scoped.row.corpname }}</el-link>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </el-tab-pane>
+              <el-tab-pane label="招聘职位" name="jobs">
+                <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-tab-pane>
+            </el-tabs>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'jobfairInfo',
+  props: {
+    jobfairInfo: null,
+    jobslist: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    turnTo() {
+      window.open('https://www.tianyancha.com/');
+    },
+    turnToJobs(id) {
+      let query = {};
+      if (this.origin) query.origin = this.origin;
+      if (this.type) query.type = this.type;
+      query.id = id;
+      this.$router.push({ path: '/jobs', query: query });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.btn {
+  margin: 0 20px;
+}
+.top {
+  padding: 10px 0;
+}
+.talkTopInfo {
+  padding: 5px 15px;
+}
+.talkJianjie p {
+  padding: 0 15px;
+}
+.talkJobs .rowStyle {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.job__name {
+  font-size: 18px;
+}
+</style>

src/layout/recuit/jobsInfo.vue

@@ -0,0 +1,96 @@
+<template>
+  <div id="jobInfo">
+    <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-item class="webDetail">详情</el-breadcrumb-item>
+          </el-breadcrumb>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="jobInfo">
+        <!-- <span v-if="jobInfo && jobInfo.id"> -->
+        <el-card class="cards">
+          {{ jobInfo.job_name }}
+        </el-card>
+        <el-row style="margin-top;1rem;">
+          <el-col :span="22" style="padding:10px;">
+            <span style="color:#f40;font-size:18px;">
+              <i class="el-icon-coin"></i>
+              <!-- {{ jobInfo.salary.text }} -->
+              {{ jobInfo.text }}
+            </span>
+            <span class="row_icon">
+              <i class="el-icon-location"></i>
+              {{ jobInfo.city }}
+            </span>
+            <span class="row_icon">
+              <i class="el-icon-collection">{{ jobInfo.xl_req }}</i>
+            </span>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col style="padding: 5px 10px;" :span="24">
+            职位诱惑: {{ jobInfo && jobInfo.job_tag ? jobInfo.job_tag : '绩效奖金 岗前培训 节日礼物 扁平管理 年度旅游 岗位晋升 带薪年假 餐补 股票期权 ' }}
+          </el-col>
+          <el-col style="padding:5px 10px;" :span="24"> 薪酬福利: {{ jobInfo && jobInfo.welfare ? jobInfo.welfare : '五险一金 ' }} </el-col>
+          <el-col style="padding:5px 10px;" :span="24"> 截止时间: {{ jobInfo && jobInfo.end_date ? jobInfo.end_date : '2017年11月22日 ' }} </el-col>
+        </el-row>
+        <el-col :span="24" class="miaoshu">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">职位描述</h3>
+          <el-col :span="24">
+            <p>{{ jobInfo.content }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="jieshao">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">单位介绍</h3>
+          <el-col>
+            <p>{{ jobInfo.intro }}</p>
+          </el-col>
+        </el-col>
+        <!-- </span> -->
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'jobInfo',
+  props: {
+    jobInfo: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.top {
+  padding: 10px 0;
+}
+.cards {
+  padding: 10px 0;
+  background: #0457c7;
+  color: #fff;
+  font-size: 20px;
+}
+.miaoshu p {
+  padding: 10px;
+}
+.jieshao p {
+  padding: 10px;
+}
+</style>

src/layout/recuit/talkInfo.vue

@@ -0,0 +1,123 @@
+<template>
+  <div id="talkInfo">
+    <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-item class="webDetail">详情</el-breadcrumb-item>
+          </el-breadcrumb>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="fenxiang">
+        <share></share>
+      </el-col>
+      <el-col :span="24" class="talk">
+        <el-col :span="24" class="talkTop">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">宣讲会信息</h3>
+          <el-col :span="24" class="talkTopInfo">
+            <p>
+              宣讲单位：{{ talkInfo && talkInfo.title ? talkInfo.title : '测试单位'
+              }}<el-button type="primary" icon="el-icon-search" class="btn" @click="turnTo">工商查询</el-button>
+            </p>
+          </el-col>
+          <el-col :span="24" class="talkTopInfo">
+            <p>宣讲时间：{{ talkInfo && talkInfo.time ? talkInfo.time : '测试单位' }}</p>
+          </el-col>
+          <el-col :span="24" class="talkTopInfo">
+            <p>宣讲地点：{{ talkInfo && talkInfo.address ? talkInfo.address : '测试单位' }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="talkJianjie">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">单位简介</h3>
+          <p>{{ talkInfo && talkInfo.intro ? talkInfo.intro : '测试单位' }}</p>
+        </el-col>
+        <el-col :span="24" class="talkPro">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘简章</h3>
+          <p>{{ talkInfo && talkInfo.content ? talkInfo.content : '测试单位' }}</p>
+        </el-col>
+        <el-col :span="24" class="talkJobs">
+          <h3 style="border-left:5px solid #0457c7;padding:0 10px;">招聘职位</h3>
+          <el-row class="rowStyle" v-for="(item, index) in list" :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>
+import share from '@/layout/share.vue';
+export default {
+  name: 'talkInfo',
+  props: {
+    talkInfo: null,
+    list: null,
+  },
+  components: {
+    share,
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    turnTo() {
+      window.open('https://www.tianyancha.com/');
+    },
+    turnToJobs(id) {
+      let query = {};
+      if (this.origin) query.origin = this.origin;
+      if (this.type) query.type = this.type;
+      query.id = id;
+      this.$router.push({ path: '/jobs', query: query });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.btn {
+  margin: 0 20px;
+}
+.top {
+  padding: 10px 0;
+}
+.fenxiang {
+  padding: 10px 0;
+}
+.talkTopInfo {
+  padding: 5px 15px;
+}
+.talkJianjie p {
+  padding: 0 15px;
+}
+.talkPro p {
+  padding: 0 15px;
+}
+.talkJobs .rowStyle {
+  padding: 10px;
+  border-bottom: 1px dashed #ccc;
+}
+.job__name {
+  font-size: 18px;
+}
+</style>

src/layout/share.vue

@@ -0,0 +1,49 @@
+<template>
+  <div id="share">
+    <el-row>
+      <el-col :span="20"><p>&nbsp;</p></el-col>
+      <el-col :span="4"><vshare :vshareConfig="config"></vshare></el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import vshare from 'vshare';
+export default {
+  name: 'share',
+  props: {},
+  components: {
+    vshare,
+  },
+  data: () => ({
+    config: {
+      common: {
+        bdUrl: window.location.href.replace('/www', '/mobile'),
+      },
+    },
+  }),
+  created() {
+    let scheme = window.location.protocol;
+    // console.log(scheme);
+    let host = window.location.host;
+    // console.log(host);
+    let uri = window.location.pathname;
+    let type;
+    if (uri.includes('jobfair')) type = 'jobfair.html#/';
+    else if (uri.includes('talk')) type = 'talk.html#/';
+    else if (uri.includes('jobinfo')) type = 'jobinfo.html#/';
+    else if (uri.includes('jobs')) type = 'jobs.html#/';
+    else type = 'news.html#/';
+    // console.log(uri);
+    let query = window.location.search;
+    // console.log(query);
+    let url = `${scheme}//${host}/mobile/${type}${query}`;
+    // console.log(url);
+    this.$set(this.config.common, `bdUrl`, url);
+  },
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/router/index.js

@@ -42,5 +42,30 @@ export default new Router({
       name: 'aboutMe',
       component: () => import('../views/aboutMe.vue'),
     },
+    {
+      path: '/talkDetail',
+      name: 'talk',
+      component: () => import('../views/recruit/talk.vue'),
+    },
+    {
+      path: '/jobfairDetail',
+      name: 'jobfairDetail',
+      component: () => import('../views/recruit/jobfair.vue'),
+    },
+    {
+      path: '/jobinfoDetail',
+      name: 'jobinfoDetail',
+      component: () => import('../views/recruit/jobinfo.vue'),
+    },
+    {
+      path: '/jobsDetail',
+      name: 'jobsDetail',
+      component: () => import('../views/recruit/jobs.vue'),
+    },
+    {
+      path: '/corp',
+      name: 'corp',
+      component: () => import('../views/recruit/corp.vue'),
+    },
   ],
 });

src/views/recruit/corp.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="corp">
+    <p>corp</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'corp',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/recruit/jobfair.vue

@@ -0,0 +1,48 @@
+<template>
+  <div id="jobfair">
+    <jobfair-detail :info="info" :backColor="backColor" :Color="Color" :jobfairInfo="jobfairInfo" :jobslist="jobslist"></jobfair-detail>
+  </div>
+</template>
+
+<script>
+import jobfairDetail from '@/components/jobfair.vue';
+import { mapActions, mapState } from 'vuex';
+export default {
+  name: 'jobfair',
+  props: {},
+  components: {
+    jobfairDetail,
+  },
+  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',
+    },
+    jobfairInfo: {},
+    jobslist: [
+      {
+        job_name: '测试测试测试',
+        salary: '测试测试测试',
+        job_number: '2',
+        zy_req: '计算机专业',
+        xl_req: '本科及以上',
+        city: '长春市',
+      },
+    ],
+    backColor: '#0457c7',
+    Color: '#0457c7',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/recruit/jobs.vue

@@ -0,0 +1,55 @@
+<template>
+  <div id="jobs">
+    <jobs-detail :info="info" :backColor="backColor" :Color="Color" :jobInfo="jobInfo" :corpsInfo="corpsInfo"></jobs-detail>
+  </div>
+</template>
+
+<script>
+import jobsDetail from '@/components/jobs.vue';
+import { mapActions, mapState } from 'vuex';
+export default {
+  name: 'jobs',
+  props: {},
+  components: {
+    jobsDetail,
+  },
+  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',
+    },
+    jobInfo: {
+      job_name: 'web',
+      text: '1-2k/月',
+      city: '不知道',
+      xl_req: '不知道',
+      job_tag: '不知道',
+      welfare: '不知道',
+      end_date: '不知道',
+      content: '不知道',
+      intro: '不知道',
+    },
+    corpsInfo: {
+      logo_url: require('@/assets/banner.png'),
+      corpname: '不知道',
+      job_email: '不知道',
+      address: '不知道',
+      tel: '不知道',
+    },
+    backColor: '#0457c7',
+    Color: '#0457c7',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/recruit/talk.vue

@@ -0,0 +1,55 @@
+<template>
+  <div id="talk">
+    <talk-detail :info="info" :backColor="backColor" :Color="Color" :talkInfo="talkInfo" :list="list"></talk-detail>
+  </div>
+</template>
+
+<script>
+import talkDetail from '@/components/talk.vue';
+import { mapActions, mapState } from 'vuex';
+export default {
+  name: 'talk',
+  props: {},
+  components: {
+    talkDetail,
+  },
+  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',
+    },
+    list: [
+      {
+        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>