<template>
  <div>
    <a-row type="flex">
      <a-col :span="4" class="bg-gray flex-gray">
        姓名
      </a-col>
      <a-col :span="4" class="bg-gray flex-gray">
        性别
      </a-col>
      <a-col :span="8" class="bg-gray flex-gray">
        证件号
      </a-col>
      <a-col :span="8" class="bg-gray flex-gray">
        手机号
      </a-col>
    </a-row>

    <a-row type="flex" v-for="(person, index) in data" :key="index">
      <a-col :span="4">
        {{person.personName}}
      </a-col>
      <a-col :span="4">
        {{person.sex}}
      </a-col>
      <a-col :span="8">
        {{person.certId}}
      </a-col>
      <a-col :span="8">
        {{person.mobile}}
      </a-col>
    </a-row>
  </div>
</template>
<script>

export default {
  name: "unitManagerInfo",
  data () {
    return {
      managers: { personName: null, sex: null, certId: null, mobile: null }
    }
  },
  props: {
    data: {
      type: Array,
      default: () => {
        return null
      }
    },
  },
  created () {

  },
  methods: {
  }
}
</script>