perf: 优化导出导入

This commit is contained in:
xingyu4j
2025-06-06 12:33:13 +08:00
parent 231de628d3
commit 4ba864c734
19 changed files with 210 additions and 224 deletions

View File

@@ -0,0 +1,29 @@
import { defineAsyncComponent } from 'vue';
export const ReceivableDetailsInfo = defineAsyncComponent(
() => import('./modules/detail-info.vue'),
);
export const ReceivableForm = defineAsyncComponent(
() => import('./modules/form.vue'),
);
export const ReceivableDetails = defineAsyncComponent(
() => import('./modules/detail.vue'),
);
export const ReceivableDetailsList = defineAsyncComponent(
() => import('./modules/detail-list.vue'),
);
export const ReceivablePlanDetailsInfo = defineAsyncComponent(
() => import('./plan/modules/detail-info.vue'),
);
export const ReceivablePlanDetailsList = defineAsyncComponent(
() => import('./plan/modules/detail-list.vue'),
);
export const ReceivablePlanDetails = defineAsyncComponent(
() => import('./plan/modules/detail.vue'),
);

View File

@@ -2,7 +2,7 @@
import type { CrmReceivableApi } from '#/api/crm/receivable';
import type { SystemOperateLogApi } from '#/api/system/operate-log';
import { computed, defineAsyncComponent, onMounted, ref } from 'vue';
import { computed, onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { Page, useVbenModal } from '@vben/common-ui';
@@ -15,22 +15,13 @@ import { getOperateLogPage } from '#/api/crm/operateLog';
import { BizTypeEnum } from '#/api/crm/permission';
import { getReceivable } from '#/api/crm/receivable';
import { useDescription } from '#/components/description';
import { AsyncOperateLog } from '#/components/operate-log';
import { PermissionList } from '#/views/crm/permission';
import { ReceivableDetailsInfo } from '#/views/crm/receivable';
import { useDetailSchema } from './detail-data';
import ReceivableForm from './form.vue';
const PermissionList = defineAsyncComponent(
() => import('#/views/crm/permission/modules/permission-list.vue'),
);
const OperateLog = defineAsyncComponent(
() => import('#/components/operate-log'),
);
const ReceivableDetailsInfo = defineAsyncComponent(
() => import('./detail-info.vue'),
);
const loading = ref(false);
const route = useRoute();
@@ -131,7 +122,7 @@ onMounted(() => {
/>
</Tabs.TabPane>
<Tabs.TabPane tab="操作日志" key="3" :force-render="true">
<OperateLog :log-list="receivableLogList" />
<AsyncOperateLog :log-list="receivableLogList" />
</Tabs.TabPane>
</Tabs>
</Card>

View File

@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
// 加载数据
const data = modalApi.getData<CrmReceivableApi.Receivable>();
const data = modalApi.getData();
if (!data) {
return;
}

View File

@@ -2,7 +2,7 @@
import type { CrmReceivablePlanApi } from '#/api/crm/receivable/plan';
import type { SystemOperateLogApi } from '#/api/system/operate-log';
import { computed, defineAsyncComponent, onMounted, ref } from 'vue';
import { computed, onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { Page, useVbenModal } from '@vben/common-ui';
@@ -15,22 +15,13 @@ import { getOperateLogPage } from '#/api/crm/operateLog';
import { BizTypeEnum } from '#/api/crm/permission';
import { getReceivablePlan } from '#/api/crm/receivable/plan';
import { useDescription } from '#/components/description';
import { AsyncOperateLog } from '#/components/operate-log';
import { PermissionList } from '#/views/crm/permission';
import { ReceivablePlanDetailsInfo } from '#/views/crm/receivable';
import { useDetailSchema } from './detail-data';
import ReceivablePlanForm from './form.vue';
const PermissionList = defineAsyncComponent(
() => import('#/views/crm/permission/modules/permission-list.vue'),
);
const OperateLog = defineAsyncComponent(
() => import('#/components/operate-log'),
);
const ReceivablePlanDetailsInfo = defineAsyncComponent(
() => import('./detail-info.vue'),
);
const loading = ref(false);
const route = useRoute();
@@ -135,7 +126,7 @@ onMounted(() => {
/>
</Tabs.TabPane>
<Tabs.TabPane tab="操作日志" key="3" :force-render="true">
<OperateLog :log-list="receivablePlanLogList" />
<AsyncOperateLog :log-list="receivablePlanLogList" />
</Tabs.TabPane>
</Tabs>
</Card>