<template>
    <div>
      <a-row>
        <a-col :span="24">
          <div class="tb-title">
            <span>项目组成员 <strong>(注：第一行请填写项目负责人)</strong></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>序号</div>
          </div>
        </a-col>
        <a-col :span="2" class="bg-gray">
          <div class="special-middle">
            <div>姓名</div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>身份证号</div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>职称</div>
          </div>
        </a-col>
        <a-col :span="2" class="bg-gray">
          <div class="special-middle">
            <div>学历</div>
          </div>
        </a-col>
        <a-col :span="2" class="bg-gray">
          <div class="special-middle">
            <div>学位</div>
          </div>
        </a-col>
        <a-col :span="5" class="bg-gray">
          <div class="special-middle">
            <div>现从事专业</div>
          </div>
        </a-col>
        <a-col :span="4" class="bg-gray">
          <div class="special-middle">
            <div>所在单位</div>
          </div>
        </a-col>
      </a-row>
  
      <a-row v-for="(item, index) in members" :key="'members'+index" type="flex" class="row_center">
        <a-col :span="1">
          <div class="special-middle">
            <div>{{ index + 1 }}</div>
          </div>
        </a-col>
        <a-col :span="2">
          <div class="special-middle">
            <div>{{ item.name }}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{ item.certId }}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{ item.titleName }}</div>
          </div>
        </a-col>
        <a-col :span="2">
          <div class="special-middle">
            <div>{{ item.educationName }}</div>
          </div>
        </a-col>
        <a-col :span="2">
          <div class="special-middle">
            <div>{{ item.degreeName }}</div>
          </div>
        </a-col>
        <a-col :span="5">
          <div class="special-middle">
            <div>{{ item.specName }}</div>
          </div>
        </a-col>
        <a-col :span="4">
          <div class="special-middle">
            <div>{{ item.workUnit }}</div>
          </div>
        </a-col>
      </a-row>
    </div>
  </template>
  
  <script>
  //用法 <proj-group-member :members.sync="formData.members" />
  
  import paraMultiSelect from '@/views/components/common/paraMultiSelect'
  import paraSelect from '@/views/components/common/paraSelect'
  
  const Model = { name: null, certId: null, title: null, education: null, degree: null, spec: null, workUnit: null }
  
  export default {
    name: 'ProjGroupMemberInfo',
    data () {
      return {
  
      }
    },
    props: {
      members: {
        type: Array,
        default: () => {
          return []
        }
      },
    },
    components: {
      paraMultiSelect, paraSelect
    },
    created () {
    },
    methods: {
      
    }
  }
  </script>