From 27c8277d717b34b55f3ea967027b53b067f77df3 Mon Sep 17 00:00:00 2001
From: xiaoyi <908147524@qq.com>
Date: 星期四, 20 八月 2026 16:58:49 +0800
Subject: [PATCH] feat 功能变更
---
src/views/crm/cancellation/modules/form.vue | 95 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 95 insertions(+), 0 deletions(-)
diff --git a/src/views/crm/cancellation/modules/form.vue b/src/views/crm/cancellation/modules/form.vue
new file mode 100644
index 0000000..5a7fe02
--- /dev/null
+++ b/src/views/crm/cancellation/modules/form.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+import type { CrmCancellationApi } from '#/api/crm/cancellation';
+
+import { computed, ref } from 'vue';
+
+import { useVbenForm, useVbenModal } from '@vben/common-ui';
+
+import { message } from 'ant-design-vue';
+
+import {
+ createCancellation,
+ getCancellation,
+ updateCancellation,
+} from '#/api/crm/cancellation';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+
+type CancellationFormModalData = {
+ cancellation?: Pick<CrmCancellationApi.Cancellation, 'id'>;
+};
+
+const emit = defineEmits(['success']);
+const formData = ref<Partial<CrmCancellationApi.Cancellation>>();
+const getTitle = computed(() => {
+ return formData.value?.id
+ ? $t('ui.actionTitle.edit', ['閿�鎴风敵璇�'])
+ : $t('ui.actionTitle.create', ['閿�鎴风敵璇�']);
+});
+
+const [Form, formApi] = useVbenForm({
+ commonConfig: {
+ componentProps: {
+ class: 'w-full',
+ },
+ labelWidth: 110,
+ },
+ wrapperClass: 'grid-cols-2',
+ layout: 'horizontal',
+ schema: [],
+ showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ const { valid } = await formApi.validate();
+ if (!valid) {
+ return;
+ }
+ modalApi.lock();
+ const data =
+ (await formApi.getValues()) as CrmCancellationApi.Cancellation;
+ if (formData.value?.id) {
+ data.id = formData.value.id;
+ }
+ try {
+ await (formData.value?.id
+ ? updateCancellation(data)
+ : createCancellation(data));
+ await modalApi.close();
+ emit('success');
+ message.success($t('ui.actionMessage.operationSuccess'));
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ async onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ formData.value = undefined;
+ return;
+ }
+ formApi.setState({ schema: useFormSchema(formApi) });
+ await formApi.resetForm();
+ const data = modalApi.getData() as null | CancellationFormModalData;
+ if (!data?.cancellation?.id) {
+ return;
+ }
+ modalApi.lock();
+ try {
+ formData.value = await getCancellation(data.cancellation.id);
+ if (formData.value) {
+ await formApi.setValues(formData.value as any);
+ }
+ } finally {
+ modalApi.unlock();
+ }
+ },
+});
+</script>
+
+<template>
+ <Modal :title="getTitle" class="w-3/5">
+ <Form class="mx-4" />
+ </Modal>
+</template>
--
Gitblit v1.9.3