<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:117px;height:117px" :src="policyInfo.imgpath"></el-image>
            </el-col>
          </el-col>
          <el-col :span="16" class="bgcolorWenzi">
            <p class="zjname">{{ policyInfo.name }}</p>
            <el-col>
              <p class="zjnamep">{{ policyInfo.technical }}</p>
              <p class="zjnamep">{{ policyInfo.gender }}</p>
              <p class="zjnamep">{{ policyInfo.nation }}</p>
              <p class="zjnamep">{{ policyInfo.technical }}</p>
              <p class="zjnamep">{{ policyInfo.position }}</p>
            </el-col>
          </el-col>
        </el-col>
      </el-col>

      <el-row class="info">
        <el-col :span="24" class="xingqu">
          <el-col :span="24" class="infoTop"> </el-col>
          <el-col :span="24">
            <el-col :span="24" class="context">
              <p>出生日期:{{ policyInfo.birth }}</p>
              <p>证件类型:{{ policyInfo.cardtype }}</p>
              <p>身份证号:{{ policyInfo.cardnumber }}</p>
              <p>具体职称:{{ policyInfo.technical_actual }}</p>
              <p>毕业院校:{{ policyInfo.school }}</p>
              <p>学历:{{ policyInfo.eduback }}</p>
              <p>所学专业:{{ policyInfo.major_studied }}</p>
              <p>从事专业:{{ policyInfo.professional }}</p>
              <p>电子邮箱:{{ policyInfo.email }}</p>
              <p>办公电话:{{ policyInfo.tel }}</p>
              <p>业务工作简介:{{ policyInfo.job_profile }}</p>
              <p>可供咨询领域:{{ policyInfo.field }}</p>
              <p>主持或参与项目情况:{{ policyInfo.project_profile }}</p>
              <p>主要学术成就及获奖情况:{{ policyInfo.achievement }}</p>
              <p>论文论著:{{ policyInfo.paper }}</p>
              <p>备注:{{ policyInfo.remark }}</p>
            </el-col>
          </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: 150px;
  height: 150px;
}
.images {
  text-align: center;
  padding: 28px 0;
}
.bgcolorWenzi {
  height: 150px;
  padding: 30px 0;
}
.bgcolorWenzi p {
  padding: 5px 0;
}
.titletop1 {
  height: 150px;

  text-align: center;
}
.titletop1 .title {
  font-weight: bold;

  height: 60px;
  line-height: 60px;
  color: #215299;
  font-size: 24px;
}
.zjname {
  font-size: 30px;
  color: #215299;
  height: 68px;
  line-height: 68px;
}
.zjnamep {
  float: left;
  margin-right: 7px;
  font-size: 20px;
  line-height: 36px;
  height: 36px;
  color: #666666;
}
.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;
}

.info {
  padding: 0 30px;
}
.xiangxi {
  height: 210px;
}
.jianjie {
  height: 280px;
}
.infoTop {
  border-bottom: 1px solid #666666;
}
.context {
  padding: 20px 0;
  font-size: 16px;
  color: rgb(102, 102, 102);
  text-decoration: none;
  line-height: 30px;
}
</style>
