<template>
  <div>
    <a-row>
      <a-col :span="24" style="border-top: 0px; text-align: center">
        <div class="main-title">
          <span>团队人员名单</span>
        </div>
      </a-col>
    </a-row>
    <a-row type="flex" class="row_center">
      <a-col :span="1" class="bg-gray">
        <div class="special-middle">
          <div class="required">序号</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray">
        <div class="special-middle">
          <div class="required">姓名</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray">
        <div class="special-middle">
          <div class="required">性别</div>
        </div>
      </a-col>
      <a-col :span="2" class="bg-gray">
        <div class="special-middle">
          <div class="required">出生日期</div>
        </div>
      </a-col>
      <a-col :span="3" class="bg-gray">
        <div class="special-middle">
          <div class="required">专业</div>
        </div>
      </a-col>
      <a-col :span="5" class="bg-gray">
        <div class="special-middle">
          <div class="required">技术职称</div>
        </div>
      </a-col>
      <a-col :span="4" class="bg-gray">
        <div class="special-middle">
          <div class="required">单位</div>
        </div>
      </a-col>
      <a-col :span="5" class="bg-gray">
        <div class="special-middle">
          <div>工作分工(限10字)</div>
        </div>
      </a-col>
    </a-row>
    <a-row v-for="(item, index) in membersList" :key="'membersList'+index" type="flex" class="row_center">
      <a-col :span="1">
        <div style="margin-top:10px;">{{ item.showIndex }}</div>
      </a-col>
      <a-col :span="2">
        <div class="special-middle">
          <div>{{ item.name }}</div>
        </div>
      </a-col>
      <a-col :span="2">
        <div class="special-middle">
          <div>{{ item.sex }}</div>
        </div>
      </a-col>
      <a-col :span="2">
        <div class="special-middle">
          <div>{{ moment(item.birthday).format('YYYY-MM-DD') }}</div>
        </div>
      </a-col>
      <a-col :span="3">
        <div class="special-middle">
          <div>{{ item.specName }}</div>
        </div>
      </a-col>
      <a-col :span="5">
        <div class="special-middle">
          <div>{{ item.titleName }}</div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>{{ item.workUnit }}</div>
        </div>
      </a-col>
      <a-col :span="5">
        <div class="special-middle">
          <div>{{ item.projWork }}</div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import moment from 'moment'

export default {
  name: "membersInfo",
  props: {
    membersList: {
      type: Array,
      default: () => {
        return [{ ...Member }];
      },
    }
  },
  data() {
    return {};
  },
  methods: {
    moment,
  },
};
</script>