<template>
  <table class="" style="width: 100%" border="1" cellspacing="1">
    <tbody> </tbody>
    <tbody>
      <!-- 此处需要传值 for  初步调查 && 详情调查-->
      <tr class="ant-table-cell ant-table-cell-ellipsis">
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">初步调查边界文件</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">
          <a-button preIcon="ant-design:to-top-outline" type="primary"> 上传 </a-button>
          <span>(<a style="color: red">下载边界文件要求说明</a>，填报前必读)</span>
          <a-button preIcon="ant-design:vertical-align-bottom-outlined" style="margin-left: 10px" type="primary"> 下载 </a-button>
        </td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">初步调查边界图片</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">
          <a-button preIcon="ant-design:to-top-outline" type="primary"> 上传 </a-button>
          <a-button preIcon="ant-design:vertical-align-bottom-outlined" style="margin-left: 10px" type="primary"> 下载 </a-button>
        </td>
      </tr>
      <tr class="ant-table-cell ant-table-cell-ellipsis">
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">详情调查边界文件</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">
          <a-button preIcon="ant-design:to-top-outline" type="primary"> 上传 </a-button>
          <span>(<a style="color: red">下载边界文件要求说明</a>，填报前必读)</span>
          <a-button preIcon="ant-design:vertical-align-bottom-outlined" style="margin-left: 10px" type="primary"> 下载 </a-button>
        </td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">详情调查边界图片</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">
          <a-button preIcon="ant-design:to-top-outline" type="primary"> 上传 </a-button>
          <a-button preIcon="ant-design:vertical-align-bottom-outlined" style="margin-left: 10px" type="primary"> 下载 </a-button>
        </td>
      </tr>
    </tbody>
  </table>
</template>
<script lang="ts" setup>
  import { defineProps } from 'vue';

  const props = defineProps({
    labelFirst: {
      type: String,
      default: '初步',
    },
    // 定义传值对象
  });
</script>

<style scoped>
  table {
    border-collapse: collapse;
    border: 1px #dfe6ec solid
  }

  tbody tr td {
    padding: 6px;
    height: 40px;
  }

  .bgColor {
    background-color: rgba(244, 247, 249, 0.8);
    text-align: center;
  }
</style>
