| | |
| | | |
| | | <template> |
| | | <Page auto-content-height> |
| | | <div class="p-4"> |
| | | <Tabs v-model:activeKey="activeKey"> |
| | | <div class="basedata-page flex h-full min-h-0 flex-col p-4"> |
| | | <Tabs v-model:activeKey="activeKey" class="basedata-tabs min-h-0 flex-1"> |
| | | <Tabs.TabPane |
| | | v-for="cfg in BaseDataConfigs" |
| | | :key="cfg.key" |
| | | :tab="cfg.title" |
| | | class="min-h-0" |
| | | > |
| | | <BaseTable :key="cfg.key" :config="cfg" /> |
| | | <div class="h-full min-h-0"> |
| | | <BaseTable :key="cfg.key" :config="cfg" /> |
| | | </div> |
| | | </Tabs.TabPane> |
| | | </Tabs> |
| | | </div> |
| | | </Page> |
| | | </template> |
| | | |
| | | <style scoped> |
| | | .basedata-tabs :deep(.ant-tabs-content), |
| | | .basedata-tabs :deep(.ant-tabs-tabpane) { |
| | | height: 100%; |
| | | } |
| | | |
| | | .basedata-tabs :deep(.ant-tabs-content) { |
| | | min-height: 0; |
| | | } |
| | | </style> |