perf: 优化导出导入
This commit is contained in:
29
apps/web-antd/src/views/crm/receivable/index.ts
Normal file
29
apps/web-antd/src/views/crm/receivable/index.ts
Normal 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'),
|
||||
);
|
||||
@@ -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>
|
||||
|
||||
@@ -64,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
|
||||
return;
|
||||
}
|
||||
// 加载数据
|
||||
const data = modalApi.getData<CrmReceivableApi.Receivable>();
|
||||
const data = modalApi.getData();
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user