<template>
<table class="" style="width: 100%" border="1" cellspacing="1">
    <tbody>
        <tr>
            <td class="ant-table-cell ant-table-cell-ellipsis bgColor"  width="15%">地块周边1km范围内敏感点类型</td>
            <td class="ant-table-cell ant-table-cell-ellipsis" >{{ data?.mgstlx }}</td>
        </tr>
    </tbody>
</table>
</template>
      
<script lang="ts" setup>
  import { defineProps } from 'vue';

const props = defineProps({
    labelFirst: {
        type: String,
        default: '初步'
    },
    data:{
        type: Object,
        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>