<template>
  <div>
    <a-row>
      <a-col :span="24">
        <div class="tb-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>序号</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-col :span="6" 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-row>
    <a-row v-for="(item, index) in dataList" :key="'cooperativeUnits'+index" type="flex" class="row_center">
      <a-col :span="1">
        <div class="special-middle">
          <div>
            {{ index + 1 }}
          </div>
        </div>
      </a-col>
      <a-col :span="5">
        <div class="special-middle">
          <div>
            {{ item.unitName }}
          </div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>
            {{ item.unitCountry }}
          </div>
        </div>
      </a-col>
      <a-col :span="6">
        <div class="special-middle">
          <div>
            {{ item.unitAddress }}
          </div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>
            {{ item.organizationCode }}
          </div>
        </div>
      </a-col>
      <a-col :span="4">
        <div class="special-middle">
          <div>
            {{ item.projectWork }}
          </div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>

export default {
  name: 'cooperativeUnitsInfo',
  data () {
    return {

    }
  },
  props: {
    dataList: {
      type: Array,
      default: () => {
        return []
      }
    },
  },
  components: {

  },
  created () {

  },
  methods: {
  }
}
</script>
