<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.gkfs == 1 ? "网址" : '其它' }}</td>
        <td class="ant-table-cell ant-table-cell-ellipsis bgColor">公示信息</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?.tmStar }}</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>
