diff --git a/apps/web-antd/src/views/crm/contract/detail/index.vue b/apps/web-antd/src/views/crm/contract/detail/index.vue
index a039ea82..b09bd7e4 100644
--- a/apps/web-antd/src/views/crm/contract/detail/index.vue
+++ b/apps/web-antd/src/views/crm/contract/detail/index.vue
@@ -20,10 +20,8 @@ import { $t } from '#/locales';
 import { FollowUp } from '#/views/crm/followup';
 import { PermissionList, TransferForm } from '#/views/crm/permission';
 import { ProductDetailsList } from '#/views/crm/product/components';
-import {
-  ReceivableDetailsList,
-  ReceivablePlanDetailsList,
-} from '#/views/crm/receivable';
+import { ReceivableDetailsList } from '#/views/crm/receivable/components';
+import { ReceivablePlanDetailsList } from '#/views/crm/receivable/plan/components';
 
 import Form from '../modules/form.vue';
 import { useDetailSchema } from './data';
diff --git a/apps/web-antd/src/views/crm/customer/detail/index.vue b/apps/web-antd/src/views/crm/customer/detail/index.vue
index 6adc7144..b796c0c3 100644
--- a/apps/web-antd/src/views/crm/customer/detail/index.vue
+++ b/apps/web-antd/src/views/crm/customer/detail/index.vue
@@ -28,10 +28,8 @@ import { ContactDetailsList } from '#/views/crm/contact/components';
 import { ContractDetailsList } from '#/views/crm/contract/components';
 import { FollowUp } from '#/views/crm/followup';
 import { PermissionList, TransferForm } from '#/views/crm/permission';
-import {
-  ReceivableDetailsList,
-  ReceivablePlanDetailsList,
-} from '#/views/crm/receivable';
+import { ReceivableDetailsList } from '#/views/crm/receivable/components';
+import { ReceivablePlanDetailsList } from '#/views/crm/receivable/plan/components';
 
 import Form from '../modules/form.vue';
 import { useDetailSchema } from './data';
diff --git a/apps/web-antd/src/views/crm/receivable/components/index.ts b/apps/web-antd/src/views/crm/receivable/components/index.ts
new file mode 100644
index 00000000..03ab870c
--- /dev/null
+++ b/apps/web-antd/src/views/crm/receivable/components/index.ts
@@ -0,0 +1,5 @@
+import { defineAsyncComponent } from 'vue';
+
+export const ReceivableDetailsList = defineAsyncComponent(
+  () => import('./detail-list.vue'),
+);
diff --git a/apps/web-antd/src/views/crm/receivable/index.ts b/apps/web-antd/src/views/crm/receivable/index.ts
deleted file mode 100644
index 407dfc32..00000000
--- a/apps/web-antd/src/views/crm/receivable/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineAsyncComponent } from 'vue';
-
-export const ReceivableDetailsList = defineAsyncComponent(
-  () => import('./components/detail-list.vue'),
-);
-
-export const ReceivablePlanDetailsInfo = defineAsyncComponent(
-  () => import('./plan/detail/modules/info.vue'),
-);
-
-export const ReceivablePlanDetailsList = defineAsyncComponent(
-  () => import('./plan/components/detail-list.vue'),
-);
diff --git a/apps/web-antd/src/views/crm/receivable/plan/components/detail-list.vue b/apps/web-antd/src/views/crm/receivable/plan/components/detail-list.vue
index ec629a1a..1faa4f20 100644
--- a/apps/web-antd/src/views/crm/receivable/plan/components/detail-list.vue
+++ b/apps/web-antd/src/views/crm/receivable/plan/components/detail-list.vue
@@ -55,7 +55,9 @@ async function handleDelete(row: CrmReceivablePlanApi.Plan) {
   });
   try {
     await deleteReceivablePlan(row.id!);
-    message.success($t('ui.actionMessage.deleteSuccess', [`第${row.period}期`]));
+    message.success(
+      $t('ui.actionMessage.deleteSuccess', [`第${row.period}期`]),
+    );
     handleRefresh();
   } finally {
     hideLoading();
@@ -131,7 +133,9 @@ const [Grid, gridApi] = useVbenVxeGrid({
               icon: ACTION_ICON.DELETE,
               auth: ['crm:receivable-plan:delete'],
               popConfirm: {
-                title: $t('ui.actionMessage.deleteConfirm', [`第${row.period}期`]),
+                title: $t('ui.actionMessage.deleteConfirm', [
+                  `第${row.period}期`,
+                ]),
                 confirm: handleDelete.bind(null, row),
               },
             },
diff --git a/apps/web-antd/src/views/crm/receivable/plan/components/index.ts b/apps/web-antd/src/views/crm/receivable/plan/components/index.ts
new file mode 100644
index 00000000..b758b260
--- /dev/null
+++ b/apps/web-antd/src/views/crm/receivable/plan/components/index.ts
@@ -0,0 +1,9 @@
+import { defineAsyncComponent } from 'vue';
+
+export const ReceivablePlanDetailsInfo = defineAsyncComponent(
+  () => import('../detail/modules/info.vue'),
+);
+
+export const ReceivablePlanDetailsList = defineAsyncComponent(
+  () => import('./detail-list.vue'),
+);
diff --git a/apps/web-antd/src/views/crm/receivable/plan/detail/index.vue b/apps/web-antd/src/views/crm/receivable/plan/detail/index.vue
index 71e27862..c1b85e89 100644
--- a/apps/web-antd/src/views/crm/receivable/plan/detail/index.vue
+++ b/apps/web-antd/src/views/crm/receivable/plan/detail/index.vue
@@ -1,28 +1,27 @@
 <script setup lang="ts">
-import type {CrmReceivablePlanApi} from '#/api/crm/receivable/plan';
-import {getReceivablePlan} from '#/api/crm/receivable/plan';
-import type {SystemOperateLogApi} from '#/api/system/operate-log';
+import type { CrmReceivablePlanApi } from '#/api/crm/receivable/plan';
+import type { SystemOperateLogApi } from '#/api/system/operate-log';
 
-import {onMounted, ref} from 'vue';
-import {useRoute, useRouter} from 'vue-router';
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 
-import {Page, useVbenModal} from '@vben/common-ui';
-import {useTabs} from '@vben/hooks';
+import { Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
 
-import { Card, Tabs} from 'ant-design-vue';
+import { Card, Tabs } from 'ant-design-vue';
 
-import {ACTION_ICON, TableAction} from '#/adapter/vxe-table';
-
-import {getOperateLogPage} from '#/api/crm/operateLog';
-import {BizTypeEnum} from '#/api/crm/permission';
-import {useDescription} from '#/components/description';
-import {AsyncOperateLog} from '#/components/operate-log';
-import {PermissionList} from '#/views/crm/permission';
-import { ReceivablePlanDetailsInfo} from '#/views/crm/receivable';
+import { ACTION_ICON, TableAction } from '#/adapter/vxe-table';
+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 { $t } from '#/locales';
+import { PermissionList } from '#/views/crm/permission';
+import { ReceivablePlanDetailsInfo } from '#/views/crm/receivable/plan/components';
 
-import {useDetailSchema} from './data';
 import ReceivablePlanForm from '../modules/form.vue';
+import { useDetailSchema } from './data';
 
 const route = useRoute();
 const router = useRouter();