feat 修改页面白屏

xiaoyi

4 天以前 07bb7e462ea911a698da03cf50e92103e6434e88

 src/views/system/dept/index.vue

@@ -4,8 +4,8 @@

import { ref } from 'vue';

import { confirm, Page, useVbenModal } from '..\..\..\packages\effects\common-ui\src';
import { isEmpty } from '..\..\..\packages\utils\src';
import { confirm, Page, useVbenModal } from '@vben/common-ui';
import { isEmpty } from '@vben/utils';

import { message } from 'ant-design-vue';

@@ -15,9 +15,15 @@

import { useGridColumns } from './data';
import Form from './modules/form.vue';
import ImportForm from './modules/import-form.vue';

const [FormModal, formModalApi] = useVbenModal({
  connectedComponent: Form,
  destroyOnClose: true,
});

const [ImportModal, importModalApi] = useVbenModal({
  connectedComponent: ImportForm,
  destroyOnClose: true,
});

@@ -36,6 +42,11 @@
/** 创建部门 */
function handleCreate() {
  formModalApi.setData(null).open();
}

/** 导入部门 */
function handleImport() {
  importModalApi.open();
}

/** 添加下级部门 */
@@ -129,6 +140,7 @@
<template>
  <Page auto-content-height>
    <FormModal @success="handleRefresh" />
    <ImportModal @success="handleRefresh" />
    <Grid table-title="部门列表">
      <template #toolbar-tools>
        <TableAction
@@ -141,6 +153,13 @@
              onClick: handleCreate,
            },
            {
              label: $t('ui.actionTitle.import', ['部门']),
              type: 'primary',
              icon: ACTION_ICON.UPLOAD,
              auth: ['system:dept:import'],
              onClick: handleImport,
            },
            {
              label: isExpanded ? '收缩' : '展开',
              type: 'primary',
              onClick: handleExpand,