<template> <div class="from-table" style="height:280px;overflow:auto;"> <a-spin :spinning="loading" style="width: 100%;height: 100%;"> <a-row> <a-col :span="4" class="bg-gray"> 姓名: </a-col> <a-col :span="8"> {{expertInfo.personName}} </a-col> <a-col :span="4" class="bg-gray"> 证件号: </a-col> <a-col :span="8"> {{expertInfo.certId}} </a-col> </a-row> <a-row> <a-col :span="4" class="bg-gray"> 性别: </a-col> <a-col :span="8"> {{expertInfo.sex}} </a-col> <a-col :span="4" class="bg-gray"> 职称: </a-col> <a-col :span="8"> {{expertInfo.titleName}} </a-col> </a-row> <a-row> <a-col :span="4" class="bg-gray"> 学历: </a-col> <a-col :span="20"> {{expertInfo.educationName}} </a-col> <!-- <a-col :span="4" class="bg-gray"> 学位: </a-col> <a-col :span="8"> {{expertInfo.degreeName}} </a-col> --> </a-row> <a-row> <a-col :span="4" class="bg-gray"> 联系电话: </a-col> <a-col :span="8"> {{expertInfo.mobile}} </a-col> <a-col :span="4" class="bg-gray"> 邮箱: </a-col> <a-col :span="8"> {{expertInfo.email}} </a-col> </a-row> <a-row> <a-col :span="4" class="bg-gray"> 专业: </a-col> <a-col :span="20"> <a-tag v-for="data in expertInfo.specList" :key="data.id" :color="'green'">{{data.specName}}</a-tag> </a-col> </a-row> <a-row> <a-col :span="4" class="bg-gray"> 工作单位: </a-col> <a-col :span="20"> {{expertInfo.workUnit}} </a-col> </a-row> </a-spin> </div> </template> <script> import moment from 'moment' export default { name: "expertView", data () { return { expertInfo: { id: '', certId: '', sex: '', birthday: null, mobile: '', email: '', title: '', unitId: null, degree: null, spec: null, address: '' }, loading: true } }, props: { value: { type: String, default: () => { return null } }, obj: { type: Object } }, created () { this.getExpertById() }, methods: { moment, getExpertById () { let pars = { id: this.value } this.$api.expert.getExpertById(pars).then(({ data = {} }) => { if (data) { this.expertInfo = data } this.loading = false }).catch(() => { this.loading = false }) } } } </script>