更新找人才详情

src/layout/personnel/mainInfo.vue

@@ -4,9 +4,7 @@
       <el-col :span="24" class="info">
         <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
           <el-tab-pane label="找人才" name="first">
-            <!-- <el-col :span="24" @click.native="$router.push({ path: '/personnel/rencai', query: { id: scoped.row.id } })">{{ scoped.row.name }}</el-col> -->
-
-            <el-table :data="rencaiData" stripe style="width: 100%">
+            <el-table :data="rencaiData" stripe style="width: 100%" border>
               <el-table-column label="简历名称" align="center">
                 <template slot-scope="scoped">
                   <el-tooltip effect="dark" content="点击显示详情" placement="left">
@@ -18,13 +16,13 @@
               <el-table-column prop="gender" label="性别" align="center"> </el-table-column>
               <el-table-column prop="nation" label="民族" align="center"> </el-table-column>
               <el-table-column prop="birth" label="出生年月" align="center"> </el-table-column>
-              <el-table-column prop="marital" label="婚姻状况" align="center"> </el-table-column>
+              <el-table-column prop="marital" label="婚姻状况" align="center">
+                <template v-slot="scoped">
+                  {{ `${scoped.row.marital}` === `0` ? '未婚' : '已婚' }}
+                </template>
+              </el-table-column>
               <el-table-column prop="education" label="学历" align="center"> </el-table-column>
               <el-table-column prop="phone" label="手机号" align="center"> </el-table-column>
-              <el-table-column prop="email" label="邮箱" align="center"> </el-table-column>
-              <el-table-column prop="job_nature" label="工作性质" align="center"> </el-table-column>
-              <el-table-column prop="workplace" label="期望工作地点" align="center"> </el-table-column>
-              <el-table-column prop="salary" label="薪资要求" align="center"> </el-table-column>
             </el-table>
           </el-tab-pane>
           <el-tab-pane label="找工作" name="second">

src/layout/personnel/rightcontrencai.vue

@@ -1,72 +1,97 @@
 <template>
   <div id="rightcont">
     <el-col class="zhengce">
-      <el-col class="tittop"> <el-col class="tittxt">个人简历</el-col></el-col>
+      <el-col class="tittop">
+        <el-col class="tittxt">个人简历</el-col>
+      </el-col>
       <el-col class="titleimage">
         <el-col :span="24">
           <el-col :span="8" class="bgcolor">
-            <el-col class="images" :span="12"> <el-image style="width:140px;height:140px" :src="policyInfo.imgpath"></el-image> </el-col>
-            <el-col :span="8" class="wenzi">
-              <el-col> 民族: {{ policyInfo.nation }}</el-col>
-              <el-col> 学历:{{ policyInfo.education }}</el-col>
-              <el-col> 电话:{{ policyInfo.phone }}</el-col>
-              <el-col> 邮箱:{{ policyInfo.email }}</el-col>
+            <el-col class="images" :span="12">
+              <el-image style="width:140px;height:140px" :src="policyInfo.imgpath"></el-image>
+            </el-col>
+            <el-col :span="12" class="bgcolorWenzi">
+              <p>民族: {{ policyInfo.nation }}</p>
+              <p>学历:{{ policyInfo.education }}</p>
+              <p>电话:{{ policyInfo.phone }}</p>
+              <p>邮箱:{{ policyInfo.email }}</p>
             </el-col>
           </el-col>
           <el-col :span="16" class="titletop1">
-            <el-col :span="8" class="wenzi">
-              <el-col> 求职意向: {{ policyInfo.profession }}</el-col>
-              <el-col> 性别:{{ policyInfo.gender == 0 ? '男' : '女' }}</el-col>
-            </el-col>
+            <p class="title">{{ policyInfo.title }}</p>
+            <p class="name">{{ policyInfo.name }}</p>
+            <p class="profession">求职意向：{{ policyInfo.profession }}</p>
           </el-col>
         </el-col>
       </el-col>
-      <el-col class="date">更新时间：2017-06-02</el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">详细信息</el-col></el-col>
-      <el-col class="context">
-        <el-col class="context_01">
-          <el-col :span="12"> <i class="el-icon-edit"></i>身份证号:{{ policyInfo.cardnumber }}</el-col>
-          <el-col :span="12"> <i class="el-icon-s-check"></i>户口所在：{{ policyInfo.hukou }}</el-col></el-col
-        >
-        <el-col class="context_02"
-          ><el-col :span="12"> <i class="el-icon-house"></i>当前住址：{{ policyInfo.addr }}</el-col>
-          <el-col :span="12"><i class="el-icon-female"></i> 婚姻状况：{{ policyInfo.marital == 0 ? '已婚' : '未婚' }}</el-col></el-col
-        >
-      </el-col>
-
-      <el-col class="xinxi"> <el-col class="xinxiTitle">自我简介</el-col></el-col>
-      <el-col class="contextje">
-        <el-col class="context_01">
-          <el-col :span="12"> <i class="el-icon-edit"></i>工作性质:{{ policyInfo.job_nature == 0 ? '兼职' : '全职' }}</el-col>
-          <el-col :span="12"> <i class="el-icon-s-check"></i>薪资要求:{{ policyInfo.salary }}</el-col></el-col
-        >
-        <el-col class="context_02"
-          ><el-col :span="12"> <i class="el-icon-house"></i>工作经验:{{ policyInfo.work_exp }}</el-col>
-          <el-col :span="12"><i class="el-icon-female"></i> 目前状况:{{ policyInfo.current }}</el-col></el-col
-        >
-        <el-col :span="12"> <i class="el-icon-house"></i>期望工作地点:{{ policyInfo.workplace }}</el-col
-        ><el-col :span="12"></el-col>
-      </el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">项目经验</el-col></el-col>
-      <el-col class="context"> {{ policyInfo.project_exp }} </el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">教育经历</el-col></el-col>
-      <el-col class="context"> {{ policyInfo.education_exp }}</el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">语言能力</el-col></el-col>
-      <el-col class="context">{{ policyInfo.language }} </el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">专业技能</el-col></el-col>
-      <el-col class="context"> {{ policyInfo.skills }}</el-col>
-      <el-col class="xinxi"> <el-col class="xinxiTitle">兴趣爱好</el-col></el-col>
-      <el-col class="context">{{ policyInfo.hobbies }} </el-col>
-      <el-col class="page" :span="24">
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          layout="total,  prev, pager, next, jumper"
-          :total="total"
-        >
-        </el-pagination>
+      <el-col class="date">
+        更新时间：{{ policyInfo.meta && policyInfo.meta.createdAt ? new Date(policyInfo.meta.createdAt).toLocaleDateString() : '' || '' }}
       </el-col>
+      <el-row class="info">
+        <el-col :span="24" class="xiangxi">
+          <el-col :span="24" class="infoTop">
+            <span>详细信息</span>
+          </el-col>
+          <el-col :span="24">
+            <el-col :span="12" class="mess"> <i class="el-icon-edit"></i>身份证号:{{ policyInfo.cardnumber }} </el-col>
+            <el-col :span="12" class="mess"> <i class="el-icon-s-check"></i>户口所在：{{ policyInfo.hukou }} </el-col>
+            <el-col :span="12" class="mess"> <i class="el-icon-house"></i>当前住址：{{ policyInfo.addr }}</el-col>
+            <el-col :span="12" class="mess"> <i class="el-icon-female"></i> 婚姻状况：{{ policyInfo.marital == 0 ? '已婚' : '未婚' }} </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="jianjie">
+          <el-col :span="24" class="infoTop">
+            <span>自我简介</span>
+          </el-col>
+          <el-col :span="24">
+            <el-col :span="12" class="mess"><i class="el-icon-edit"></i>工作性质:{{ policyInfo.job_nature == 0 ? '兼职' : '全职' }}</el-col>
+            <el-col :span="12" class="mess"><i class="el-icon-s-check"></i>薪资要求:{{ policyInfo.salary }}</el-col>
+            <el-col :span="12" class="mess"> <i class="el-icon-house"></i>工作经验:{{ policyInfo.work_exp }}</el-col>
+            <el-col :span="12" class="mess"><i class="el-icon-female"></i> 目前状况:{{ policyInfo.current }}</el-col>
+            <el-col :span="24" class="mess"> <i class="el-icon-house"></i>期望工作地点:{{ policyInfo.workplace }} </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="xiangmu">
+          <el-col :span="24" class="infoTop">
+            <span>项目经验</span>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ policyInfo.project_exp }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="jiaoyu">
+          <el-col :span="24" class="infoTop">
+            <span>教育经历</span>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ policyInfo.education_exp }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="yuyan">
+          <el-col :span="24" class="infoTop">
+            <span>语言能力</span>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ policyInfo.language }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="jineng">
+          <el-col :span="24" class="infoTop">
+            <span>专业技能</span>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ policyInfo.skills }}</p>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="xingqu">
+          <el-col :span="24" class="infoTop">
+            <span>兴趣爱好</span>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ policyInfo.hobbies }}</p>
+          </el-col>
+        </el-col>
+      </el-row>
     </el-col>
   </div>
 </template>
@@ -74,32 +99,26 @@
 <script>
 export default {
   name: 'rightcont',
-  props: { policyInfo: null, columnName: null, contentList: null, total: null },
+  props: { policyInfo: null },
   components: {},
-  data: () => ({
-    imageUrl: '',
-    currentPage: 1,
-  }),
+  data: () => ({}),
   created() {},
   computed: {},
-  methods: {
-    handleSizeChange(val) {
-      console.log(`每页 ${val} 条`);
-    },
-    handleCurrentChange(val) {
-      console.log(`当前页: ${val}`);
-    },
-  },
+  methods: {},
 };
 </script>
 
 <style lang="less" scoped>
-.topTitle {
-  font-size: 22px;
-  color: #22529a;
-  margin: 0 0 20px 0;
+p {
+  padding: 0;
+  margin: 0;
+}
+.tittop {
+  width: 1200px;
+  height: 60px;
+  line-height: 60px;
+  border-bottom: 1px solid #215299;
 }
-
 .tittxt {
   width: 135px;
   height: 60px;
@@ -110,89 +129,95 @@ export default {
   font-size: 16px;
   font-family: 'Microsoft Yahei';
 }
-.info {
-  overflow: hidden;
-}
-.tittop {
-  width: 1200px;
-  height: 60px;
-  line-height: 60px;
-  border-bottom: 1px solid #215299;
-}
 .titleimage {
-  margin: 20px;
-  width: 1140px;
+  margin: 20px 20px 0 20px;
+  width: 1160px;
   height: 200px;
 }
-
 .bgcolor {
   width: 380px;
   height: 200px;
   background-color: #215299;
 }
-.avatar {
-  width: 178px;
-  height: 178px;
-  display: block;
+.images {
+  text-align: center;
+  padding: 28px 0;
+}
+.bgcolorWenzi {
+  height: 200px;
+  padding: 30px 0;
 }
-.page {
-  padding: 11px 0;
+.bgcolorWenzi p {
+  color: #fff;
+  padding: 5px 0;
+}
+.titletop1 {
+  height: 200px;
+  background-color: #eeeeee;
   text-align: center;
 }
+.titletop1 .title {
+  font-weight: bold;
 
+  height: 60px;
+  line-height: 60px;
+  color: #215299;
+  font-size: 24px;
+}
+.titletop1 .name {
+  height: 50px;
+  line-height: 50px;
+  color: #215299;
+  font-size: 24px;
+}
+.titletop1 .profession {
+  height: 65px;
+  line-height: 65px;
+  text-align: center;
+  color: #215299;
+  font-size: 18px;
+}
 .date {
-  width: 180px;
-  height: 52px;
-  line-height: 52px;
-  margin-left: 990px;
+  height: 50px;
+  line-height: 50px;
+  text-align: right;
+  padding: 0 50px 0 0;
 }
-
-.xinxi {
-  width: 1160px;
+.info {
+  padding: 0 30px;
+}
+.xiangxi {
+  height: 210px;
+}
+.jianjie {
+  height: 280px;
+}
+.infoTop {
   height: 40px;
-  line-height: 60px;
+  line-height: 40px;
   border-bottom: 1px solid #215299;
-  margin: 0 20px 0 20px;
 }
-
-.xinxiTitle {
-  width: 135px;
+.infoTop span {
+  display: inline-block;
   height: 40px;
-  line-height: 40px;
   background: #215299;
-  text-align: center;
+  padding: 0 20px;
   color: #fff;
-  font-size: 16px;
-  font-family: 'Microsoft Yahei';
-}
-
-.images {
-  width: 140px;
-  height: 140px;
-  margin: 20px;
-  background-color: #fff;
 }
-.wenzi {
-  margin-top: 20px;
-  color: #fff;
+.content {
   line-height: 30px;
+  padding: 30px 0 30px 30px;
 }
-.titletop1 {
-  height: 200px;
-  background-color: aquamarine;
-}
-.context {
-  height: 170px;
-  margin: 20px 0 0 30px;
-}
-.context_01 {
-  height: 85px;
+.content p {
+  font-size: 16px;
+  color: #666;
 }
-.context_02 {
-  height: 85px;
+.mess {
+  padding: 29px 20px;
+  font-size: 16px;
+  color: #666;
 }
-.contextje {
-  height: 200px;
-  margin: 20px 0 0 30px;
+.mess i {
+  padding: 0 10px 0 0;
 }
 </style>

src/views/personnel/rencai.vue

@@ -6,10 +6,8 @@
 
 <script>
 import rencaiDetail from '@/components/personnel/rencai.vue';
-
 import { createNamespacedHelpers, mapGetters } from 'vuex';
 const { mapActions: mapSite } = createNamespacedHelpers('site');
-const { mapActions: mapColumn } = createNamespacedHelpers('policiesColumn');
 const { mapActions: mapNews } = createNamespacedHelpers('policiesNew');
 
 export default {
@@ -24,13 +22,11 @@ export default {
   }),
   async created() {
     this.searchSite();
-    this.searchColumn();
     this.searchInfo();
   },
   computed: {},
   methods: {
     ...mapSite(['showInfo']),
-    ...mapColumn({ columnList: 'query', columnInfo: 'fetch' }),
     ...mapNews({ newsList: 'query', newsInfo: 'fetch' }),
     // 查询站点信息
     async searchSite() {
@@ -42,21 +38,11 @@ export default {
         this.$message.error(res.errmsg ? res.errmsg : 'error');
       }
     },
-    // 查询科技政务栏目
-    async searchColumn({ ...info } = {}) {
-      const res = await this.columnList({ ...info });
-      this.$set(this, `liebiaoList`, res.data);
-      console.log(res);
-      // for (const val of res.data) {
-      //   this.tpxwSearch({ column_id: val.id, site: val.site });
-      // }
-    },
     async searchInfo() {
       let detailId = this.$route.query.id;
       const res = await this.newsInfo(detailId);
-      const result = await this.columnInfo(res.data.column_id);
-
       this.$set(this, `policyInfo`, res.data);
+      console.log(res.data);
     },
   },
 };