pref:优化报表配置 点击执行设备弹窗 Modal弹窗下方区域紧贴样式问题

 <template>
   <div>
-    <BasicModal v-bind="$attrs" width="55rem" :height="heightNum" @register="register" title="执行设备及属性"
-      @cancel="handleCancel" :showOkBtn="false">
+    <BasicModal
+      style="min-height: auto"
+      v-bind="$attrs"
+      width="55rem"
+      @register="register"
+      title="执行设备及属性"
+      @cancel="handleCancel"
+      :showOkBtn="false"
+    >
       <div>
         <BasicTable @register="registerTable" :dataSource="tableData" />
       </div>
@@ -9,37 +16,39 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, nextTick } from 'vue';
-import { BasicModal, useModalInner } from '/@/components/Modal';
-import { BasicTable, useTable } from '/@/components/Table';
-import { viewDeviceColumn } from './config.data';
-import { reportEditDetailPage } from '/@/api/report/reportManager';
+  import { ref, nextTick } from 'vue';
+  import { BasicModal, useModalInner } from '/@/components/Modal';
+  import { BasicTable, useTable } from '/@/components/Table';
+  import { viewDeviceColumn } from './config.data';
+  import { reportEditDetailPage } from '/@/api/report/reportManager';
 
-const heightNum = ref(800);
-const tableData: any = ref([]);
-const [registerTable] = useTable({
-  columns: viewDeviceColumn,
-  showIndexColumn: false,
-  clickToRowSelect: false,
-  showTableSetting: false,
-  bordered: true,
-});
-const [register] = useModalInner((data) => {
-  const getTableData = async () => {
-    const res: any = await reportEditDetailPage(data.record.id)
-    const resMap = res.data.executeAttributes.map(d => {
-      return {
-        device: d.name,
-        attribute: d.attributes.join(',')
-      }
-    })
-    tableData.value = resMap
-  };
-  nextTick(() => {
-    getTableData();
+  const tableData: any = ref([]);
+  const [registerTable] = useTable({
+    columns: viewDeviceColumn,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    showTableSetting: false,
+    bordered: true,
   });
-});
-const handleCancel = () => { };
+  const [register] = useModalInner((data) => {
+    const getTableData = async () => {
+      const res: any = await reportEditDetailPage(data.record.id);
+      const resMap = res.data.executeAttributes.map((d) => {
+        return {
+          device: d.name,
+          attribute: d.attributes.join(','),
+        };
+      });
+      tableData.value = resMap;
+    };
+    nextTick(() => {
+      getTableData();
+    });
+  });
+  const handleCancel = () => {};
 </script>
-<style>
+<style lang="less" scoped>
+  :deep(.ant-table-body) {
+    height: 470px !important;
+  }
 </style>