<template>
  <table class="detail-table" border="1" cellspacing="1">
    <colgroup>
      <col width="15%" />
      <col width="35%" />
      <col width="15%" />
      <col width="35%" />
    </colgroup>
    <tbody>
      <tr class="ant-table-cell ant-table-cell-ellipsis">
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ labelFirst }}方案标题</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">{{ data?.bt }}</td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ labelFirst }}方案编制完成日期 </td>
        <td class="ant-table-cell ant-table-cell-ellipsis">{{ data?.fbsj }}</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">{{ data.gsfs == 1 ? '网址' : data.gsfs == 3 ? '其它' : '未知' }}</td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ data.gsfs == 1 ? '公示网址' : data.gsfs == 3 ? '公示信息' : '' }}</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">{{ data?.gswz }}</td>
      </tr>
      <tr class="ant-table-cell ant-table-cell-ellipsis">
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ labelFirst }}工程措施开始日期</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">{{ data?.tmStart }}</td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ labelFirst }}工程措施结束日期</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">{{ data?.tmEnd }}</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:vertical-align-bottom-outlined" type="primary">下载</a-button>
        </td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">{{ labelFirst }}方案</td>
        <td class="ant-table-cell ant-table-cell-ellipsis">
          <a-button preIcon="ant-design:vertical-align-bottom-outlined" type="primary">下载</a-button>
        </td>
      </tr> -->
    </tbody>
  </table>
</template>

<script lang="ts" setup>
  import { defineProps } from 'vue';
  const props = defineProps({
    data: {
      type: Object,
      default: () => ({}),
    },
    labelFirst: {
      type: String,
      default: '',
    },
  });
</script>
