feat:【antd】【crm】优化 receivable-plan 的整体代码风格
This commit is contained in:
@@ -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';
|
||||
|
||||
@@ -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';
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import { defineAsyncComponent } from 'vue';
|
||||
|
||||
export const ReceivableDetailsList = defineAsyncComponent(
|
||||
() => import('./detail-list.vue'),
|
||||
);
|
||||
@@ -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'),
|
||||
);
|
||||
@@ -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),
|
||||
},
|
||||
},
|
||||
|
||||
@@ -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'),
|
||||
);
|
||||
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user