feat:【antd】【crm】优化 receivable-plan 的整体代码风格

This commit is contained in:
YunaiV
2025-09-30 09:56:35 +08:00
parent 05ec6a16b3
commit f381f934e8
7 changed files with 40 additions and 40 deletions

View File

@@ -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';

View File

@@ -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';

View File

@@ -0,0 +1,5 @@
import { defineAsyncComponent } from 'vue';
export const ReceivableDetailsList = defineAsyncComponent(
() => import('./detail-list.vue'),
);

View File

@@ -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'),
);

View File

@@ -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),
},
},

View File

@@ -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'),
);

View File

@@ -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();