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