web-website/src/layout/personnel/rightcontrencai.vue

<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="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="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">
            <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">
        更新时间：{{ 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>

<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 {
  width: 450px;
  height: 200px;
  background-color: #215299;
}
.images {
  text-align: center;
  padding: 28px 0;
}
.bgcolorWenzi {
  height: 200px;
  padding: 30px 0;
}
.bgcolorWenzi p {
  color: #fff;
  padding: 5px 0;
}
.titletop1 {
  width: 710px;
  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 {
  height: 50px;
  line-height: 50px;
  text-align: right;
  padding: 0 50px 0 0;
}
.info {
  padding: 0 30px;
}
.xiangxi {
  height: 210px;
}
.jianjie {
  height: 280px;
}
.infoTop {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #215299;
}
.infoTop span {
  display: inline-block;
  height: 40px;
  background: #215299;
  padding: 0 20px;
  color: #fff;
}
.content {
  line-height: 30px;
  padding: 30px 0 30px 30px;
}
.content p {
  font-size: 16px;
  color: #666;
}
.mess {
  padding: 29px 20px;
  font-size: 16px;
  color: #666;
}
.mess i {
  padding: 0 10px 0 0;
}
</style>