<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>