<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="2" class="bg-gray">
        <div class="special-middle">
          <div>序号</div>
        </div>
      </a-col>
      <a-col :span="22" class="bg-gray">
        <div class="special-middle">
          <div>单位名称</div>
        </div>
      </a-col>
    </a-row>
    <a-row v-for="(item, index) in cooperativeUnits" :key="'cooperativeUnits'+index" type="flex" class="row_center">
      <a-col :span="2">
        <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-row>
  </div>
</template>

<script>

export default {
  name: 'cooperativeUnitsInfo',
  components: {

  },
  data () {
    return {

    }
  },
  props: {
    cooperativeUnits: {
      type: Array,
      default: () => {
        return []
      }
    },
  },
  created () {

  },
  methods: {
  }
}
</script>
