
<template>
    <table class="" style="width: 100%" border="1" cellspacing="1">
        <tbody>
        </tbody>
        <tbody>
            <!-- 此处需要传值 for  初步调查 && 详情调查-->
            <tr class="ant-table-cell ant-table-cell-ellipsis" v-if="data?.wrdkjbxxb?.dclx == 1 || data?.wrdkjbxxb?.dclx == 3">
                <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" v-if="data?.wrdkjbxxb?.dclx == 2 || data?.wrdkjbxxb?.dclx == 3">
                <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({
    data: {
        type: Object,
    },
    // 定义传值对象
})
</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>