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

<template>
  <div id="rightcont">
    <el-row>
      <el-col :span="24" class="top">
        <span>招聘信息</span>
      </el-col>
      <el-col :span="24" class="info">
        <p>信用代码：{{ policyInfo.license }}</p>
        <p>招聘信息名称：{{ policyInfo.name }}</p>
        <p>公司名称：{{ policyInfo.profession }}</p>
        <p>工作性质：{{ policyInfo.job_nature === '0' ? '兼职' : '全职' }}</p>
        <p>工作经验：{{ policyInfo.workexp }}</p>
        <p>职位月薪：{{ policyInfo.salary }}</p>
        <p>工作地点：{{ policyInfo.workplace }}</p>
        <p>学历：{{ policyInfo.education }}</p>
        <p>招聘人数：{{ policyInfo.people_number }}人</p>
        <p>
          职位说明：<span>{{ policyInfo.explains }}</span>
        </p>
      </el-col>
    </el-row>
  </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;
}
.top {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #215299;
}
.top span {
  display: inline-block;
  padding: 0 30px;
  background-color: #215299;
  color: #fff;
}
.info {
  padding: 20px;
}
.info p {
  color: #666;
  padding: 15px 0;
}
.info p span {
  display: inherit;
  text-indent: 2rem;
  line-height: 30px;
}
</style>