更新找工作

src/components/personnel/personnelwork.vue

@@ -0,0 +1,116 @@
+<template>
+  <div id="policy">
+    <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="19" class="rightcont">
+            <context :policyInfo="policyInfo"></context>
+          </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 foot from '@/layout/index/foot.vue';
+import fenlei from '@/layout/shuju/fenleis.vue';
+import context from '@/layout/personnel/context.vue';
+
+export default {
+  name: 'policy',
+  props: {
+    policyInfo: null,
+    info: null, //站点信息
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    foot, //底部
+    context, //右边栏
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    clickList({ id }) {
+      console.log(id);
+    },
+  },
+};
+</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 {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+
+.main .fenlei {
+  float: left;
+  width: 240px;
+  min-height: 800px;
+  margin: 0 10px 0 0;
+  overflow: hidden;
+}
+.main .rightcont {
+  float: left;
+  width: 1200px;
+  min-height: 800px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.main .link {
+  float: left;
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/layout/personnel/context.vue

@@ -0,0 +1,80 @@
+<template>
+  <div id="rightcont">
+    <el-col class="zhengce">
+      <el-col class="tittop">
+        <el-col class="tittxt">公司信息</el-col>
+      </el-col>
+      <el-col class="titleimage">
+        <el-col :span="24">
+          <el-col :span="24" class="bgcolor">
+            <el-col :span="24" class="bgcolorWenzi">
+              <p>公司名称:{{ policyInfo.profession }}</p>
+              <p>招聘职位月薪: {{ policyInfo.salary }}</p>
+              <p>工作地点:{{ policyInfo.workplace }}</p>
+              <p>工作经验:{{ policyInfo.workexp }}</p>
+              <p>学历:{{ policyInfo.education }}</p>
+              <p>招聘人数:{{ policyInfo.people_number }}</p>
+              <p>职位说明:</p>
+              <p>{{ policyInfo.explains }}</p>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-col>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'rightcont',
+  props: { policyInfo: null },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.tittop {
+  width: 1200px;
+  height: 60px;
+  line-height: 60px;
+  border-bottom: 1px solid #215299;
+}
+.tittxt {
+  width: 135px;
+  height: 60px;
+  line-height: 60px;
+  background: #215299;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  font-family: 'Microsoft Yahei';
+}
+.titleimage {
+  margin: 20px 20px 0 20px;
+  width: 1160px;
+  height: 200px;
+}
+.bgcolor {
+  height: 200px;
+}
+.images {
+  text-align: center;
+  padding: 28px 0;
+}
+.bgcolorWenzi {
+  height: 800px;
+  padding: 30px 0;
+  line-height: 40px;
+}
+.bgcolorWenzi p {
+  padding: 5px 0;
+}
+</style>

src/layout/personnel/mainInfo.vue

@@ -27,14 +27,23 @@
           </el-tab-pane>
           <el-tab-pane label="找工作" name="second">
             <el-table :data="jobsData" stripe style="width: 100%">
-              <el-table-column prop="name" label="招聘信息名称" align="center"> </el-table-column>
+              <el-table-column label="招聘信息名称" align="center">
+                <template slot-scope="scoped">
+                  <el-tooltip effect="dark" content="点击显示详情" placement="left">
+                    <el-col :span="24" @click.native="clickDetailgz(scoped.row)">{{ scoped.row.name }}</el-col>
+                  </el-tooltip>
+                </template>
+              </el-table-column>
               <el-table-column prop="profession" label="公司名称" align="center"> </el-table-column>
               <el-table-column prop="workplace" label="工作地点" align="center"> </el-table-column>
               <el-table-column prop="workexp" label="工作经验" align="center"> </el-table-column>
               <el-table-column prop="people_number" label="招聘人数" align="center"> </el-table-column>
               <el-table-column prop="education" 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-column prop="job_nature" label="工作性质" align="center">
+                <template v-slot="scoped">
+                  {{ `${scoped.row.job_nature}` === `0` ? '兼职' : '全职' }}
+                </template>
+              </el-table-column>
             </el-table>
           </el-tab-pane>
           <el-tab-pane label="找专家" name="third">
@@ -86,6 +95,9 @@ export default {
     clickDetail(row) {
       this.$emit('detail', { data: row });
     },
+    clickDetailgz(row) {
+      this.$emit('detailgz', { data: row });
+    },
   },
 };
 </script>

src/router/index.js

@@ -150,11 +150,17 @@ const routes = [
     name: 'personnel',
     component: () => import('../views/personnel/personnel.vue'),
   },
+  //科技人才投简历详情
   {
     path: '/personnel/rencai',
     component: () => import('../views/personnel/rencai.vue'),
   },
-
+  //科技人才找工作详情
+  {
+    path: '/personnel/personnelwork',
+    name: 'personnelwork',
+    component: () => import('../views/personnel/personnelwork.vue'),
+  },
   //科技人才-招聘信息
   {
     path: '/personnel/recruit',

src/store/index.js

@@ -12,6 +12,8 @@ import serveColumn from './serveColumn';
 import serveNews from './serveNews';
 import policiesColumn from './policiesColumn';
 import policiesNew from './policiesNew';
+import policiesxinxi from './policiesxinxi';
+import policieszhuanjia from './policieszhuanjia';
 Vue.use(Vuex);
 
 export default new Vuex.Store({
@@ -28,6 +30,8 @@ export default new Vuex.Store({
     serveNews,
     policiesColumn,
     policiesNew,
+    policiesxinxi,
+    policieszhuanjia,
   },
   state: {},
   mutations: {},

src/views/personnel/personnel.vue

@@ -10,6 +10,7 @@
       :rencaiShowList="rencaiShowList"
       :liebiaoList="liebiaoList"
       @detail="clickDetail"
+      @detailgz="clickDetailgz"
     ></personnel-detail>
   </div>
 </template>
@@ -21,7 +22,7 @@ import { createNamespacedHelpers, mapGetters } from 'vuex';
 const { mapActions: mapSite } = createNamespacedHelpers('site');
 const { mapActions: mapColumn } = createNamespacedHelpers('policiesColumn');
 const { mapActions: mapNews } = createNamespacedHelpers('policiesNew');
-
+const { mapActions: mapxinxi } = createNamespacedHelpers('policiesxinxi');
 export default {
   name: 'personnel',
   props: {},
@@ -92,12 +93,14 @@ export default {
     this.searchSite();
     this.searchColumn();
     this.searchInfo();
+    this.searchInfos();
   },
   computed: {},
   methods: {
     ...mapSite(['showInfo']),
     ...mapColumn({ columnList: 'query', columnInfo: 'fetch' }),
     ...mapNews({ newsList: 'query', newsInfo: 'fetch' }),
+    ...mapxinxi({ xinxiList: 'query', xinxiInfo: 'fetch' }),
 
     // 查询站点信息
     async searchSite() {
@@ -125,10 +128,21 @@ export default {
         this.$set(this, `rencaiData`, res.data);
       }
     },
+
+    async searchInfos({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.xinxiList({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `jobsData`, res.data);
+      }
+    },
     clickDetail({ data }) {
       // 点击这个方法，跳转页面，并把id传过去，并用id查询详情
       this.$router.push({ path: '/personnel/rencai', query: { id: data.id } });
     },
+    clickDetailgz({ data }) {
+      // 点击这个方法，跳转页面，并把id传过去，并用id查询详情
+      this.$router.push({ path: '/personnel/personnelwork', query: { id: data.id } });
+    },
   },
 };
 </script>

src/views/personnel/personnelwork.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="personnel">
+    <personnelwork-detail :info="info" :policyInfo="policyInfo"></personnelwork-detail>
+  </div>
+</template>
+
+<script>
+import personnelworkDetail from '@/components/personnel/personnelwork.vue';
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: mapSite } = createNamespacedHelpers('site');
+const { mapActions: mapNews } = createNamespacedHelpers('policiesxinxi');
+
+export default {
+  name: 'personnel',
+  props: {},
+  components: {
+    personnelworkDetail,
+  },
+  data: () => ({
+    policyInfo: {},
+    info: {},
+  }),
+  async created() {
+    this.searchSite();
+    this.searchInfo();
+  },
+  computed: {},
+  methods: {
+    ...mapSite(['showInfo']),
+    ...mapNews({ newsList: 'query', newsInfo: 'fetch' }),
+    // 查询站点信息
+    async searchSite() {
+      let res = await this.showInfo();
+      let object = JSON.parse(JSON.stringify(res.data));
+      if (object) {
+        this.$set(this, `info`, res.data);
+      } else {
+        this.$message.error(res.errmsg ? res.errmsg : 'error');
+      }
+    },
+    async searchInfo() {
+      let detailId = this.$route.query.id;
+      const res = await this.newsInfo(detailId);
+      this.$set(this, `policyInfo`, res.data);
+      console.log(res.data);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>