userInfo.vue 1.62 KB
<template>
  <div>
    <a-row>
      <a-col :span="4" class="bg-gray">
        姓名
      </a-col>
      <a-col :span="8">
        {{data.personName}}
      </a-col>
      <a-col :span="4" class="bg-gray">
        性别
      </a-col>
      <a-col :span="8">
        {{data.sex}}
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="4" class="bg-gray">
        证件号
      </a-col>
      <a-col :span="20">
        {{data.certId}}
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="4" class="bg-gray">
        联系电话
      </a-col>
      <a-col :span="8">
        {{data.mobile}}
      </a-col>
      <a-col :span="4" class="bg-gray">
        专业
      </a-col>
      <a-col :span="8">
        {{data.specName}}
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="4" class="bg-gray">
        职称
      </a-col>
      <a-col :span="8">
        {{data.titleName}}
      </a-col>
      <a-col :span="4" class="bg-gray">
        学历
      </a-col>
      <a-col :span="8">
        {{data.educationName }}
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="4" class="bg-gray">
        工作单位
      </a-col>
      <a-col :span="20">
        {{data.unitName}}
      </a-col>
    </a-row>
  </div>
</template>
<script>

export default {
  name: "userInfo",
  data () {
    return {
      personInfo: { personName: null, sex: null, certId: null, mobile: null, specName: null, titleName: null, educationName: null, unitName: null }
    }
  },
  props: {
    data: {
      type: Object,
      default: () => {
        return null
      }
    },
  },
  created () {
    
  },
  methods: {
   
  }
}
</script>