<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="'cooperative'+index" type="flex" class="row_center">
        <a-col :span="2">
          <div class="special-middle">
            <div>
              {{ index + 1 }}
            </div>
          </div>
        </a-col>
        <a-col :span="22">
          <div class="special-middle">
            <div>{{ item.unitName }}</div>
          </div>
        </a-col>
      </a-row>
    </div>
  </template>
  
  <script>
  //用法  <cooperative-units :cooperativeUnits.sync="formData.cooperativeUnits" />
  
  const Model = { id: null, unitName: null }
  
  export default {
    name: 'cooperativeInfo',
    data () {
      return {
        list: []
      }
    },
    props: {
      cooperativeUnits: {
        type: Array,
        default: () => {
          return [{ ...Model }]
        }
      },
    },
    components: {
  
    },
    created () {
    },
    methods: {
      
    },
  }
  </script>