chore: 优化布局
This commit is contained in:
parent
6e7fade539
commit
9cdc2780b3
@ -3,7 +3,7 @@ import type { Recordable } from '@vben/types';
|
|||||||
|
|
||||||
import { ref } from 'vue';
|
import { ref } from 'vue';
|
||||||
|
|
||||||
import { Page, useVbenDrawer, type VbenFormProps } from '@vben/common-ui';
|
import { useVbenDrawer, type VbenFormProps } from '@vben/common-ui';
|
||||||
import { getPopupContainer } from '@vben/utils';
|
import { getPopupContainer } from '@vben/utils';
|
||||||
|
|
||||||
import { Modal, Popconfirm, Space } from 'ant-design-vue';
|
import { Modal, Popconfirm, Space } from 'ant-design-vue';
|
||||||
@ -140,7 +140,7 @@ emitter.on('rowClick', async (value) => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Page :auto-content-height="true">
|
<div>
|
||||||
<BasicTable>
|
<BasicTable>
|
||||||
<template #toolbar-actions>
|
<template #toolbar-actions>
|
||||||
<span class="pl-[7px] text-[16px]">字典数据列表</span>
|
<span class="pl-[7px] text-[16px]">字典数据列表</span>
|
||||||
@ -204,5 +204,5 @@ emitter.on('rowClick', async (value) => {
|
|||||||
</template>
|
</template>
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
<DictDataDrawer @reload="tableApi.query()" />
|
<DictDataDrawer @reload="tableApi.query()" />
|
||||||
</Page>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -6,17 +6,11 @@ import DictTypePanel from './type/index.vue';
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Page :auto-content-height="true" content-class="flex flex-col lg:flex-row">
|
<Page
|
||||||
|
:auto-content-height="true"
|
||||||
|
content-class="flex flex-col lg:flex-row gap-4"
|
||||||
|
>
|
||||||
<DictTypePanel class="flex-1 overflow-hidden" />
|
<DictTypePanel class="flex-1 overflow-hidden" />
|
||||||
<DictDataPanel class="flex-1 overflow-hidden" />
|
<DictDataPanel class="flex-1 overflow-hidden" />
|
||||||
</Page>
|
</Page>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
/**
|
|
||||||
TODO: ugly code
|
|
||||||
*/
|
|
||||||
:deep(.p-4) {
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
@ -4,7 +4,7 @@ import type { Recordable } from '@vben/types';
|
|||||||
import { computed, ref } from 'vue';
|
import { computed, ref } from 'vue';
|
||||||
|
|
||||||
import { useAccess } from '@vben/access';
|
import { useAccess } from '@vben/access';
|
||||||
import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
|
import { useVbenModal, type VbenFormProps } from '@vben/common-ui';
|
||||||
import { getPopupContainer } from '@vben/utils';
|
import { getPopupContainer } from '@vben/utils';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
@ -184,7 +184,7 @@ const couldSyncTenantDict = computed(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Page :auto-content-height="true">
|
<div>
|
||||||
<BasicTable>
|
<BasicTable>
|
||||||
<template #toolbar-actions>
|
<template #toolbar-actions>
|
||||||
<span class="pl-[7px] text-[16px]">字典类型列表</span>
|
<span class="pl-[7px] text-[16px]">字典类型列表</span>
|
||||||
@ -260,5 +260,5 @@ const couldSyncTenantDict = computed(() => {
|
|||||||
</template>
|
</template>
|
||||||
</BasicTable>
|
</BasicTable>
|
||||||
<DictTypeModal @reload="tableApi.query()" />
|
<DictTypeModal @reload="tableApi.query()" />
|
||||||
</Page>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
Loading…
Reference in New Issue
Block a user