<script lang="ts" setup>
|
import { ref } from 'vue';
|
|
import { Page } from '@vben/common-ui';
|
|
import { Tabs } from 'ant-design-vue';
|
|
import { BaseDataConfigs } from './data';
|
import BaseTable from './modules/base-table.vue';
|
|
const activeKey = ref('electricityType');
|
</script>
|
|
<template>
|
<Page auto-content-height>
|
<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"
|
>
|
<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>
|
