<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>