From 7619c19a67c2ac824f803090bab753fc5ea14408 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 16 七月 2026 12:01:49 +0800
Subject: [PATCH] 工作台完善
---
src/views/basicData/mdm/modules/form.vue | 41 ++++++++++++++++++++---------------------
1 files changed, 20 insertions(+), 21 deletions(-)
diff --git a/src/views/basicData/mdm/modules/form.vue b/src/views/basicData/mdm/modules/form.vue
index 6b339cb..7cf30a7 100644
--- a/src/views/basicData/mdm/modules/form.vue
+++ b/src/views/basicData/mdm/modules/form.vue
@@ -1,11 +1,11 @@
<script lang="ts" setup>
import type { MdmItemApi } from '#/api/mdm/item';
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
-import { useVbenModal } from '#/packages/effects/common-ui/src';
+import { useVbenModal } from "#/packages/effects/common-ui/src";
-import { message } from 'ant-design-vue';
+import { message } from "ant-design-vue";
import { useVbenForm } from '#/adapter/form';
import { createItem, getItem, updateItem } from '#/api/mdm/item';
@@ -13,22 +13,17 @@
import { useFormSchema } from '../data';
-defineOptions({ name: 'ItemForm' });
+defineOptions({ name: "ItemForm" });
const emit = defineEmits(['success']);
const formData = ref<MdmItemApi.Item>();
-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: 100,
+ labelWidth: 110,
},
layout: 'horizontal',
schema: useFormSchema(),
@@ -59,22 +54,26 @@
return;
}
const data = modalApi.getData<MdmItemApi.Item>();
- if (!data || !data.id) {
- return;
- }
- modalApi.lock();
- try {
- formData.value = await getItem(data.id);
- await formApi.setValues(formData.value);
- } finally {
- modalApi.unlock();
+ if (data?.id) {
+ // 缂栬緫妯″紡
+ modalApi.lock();
+ try {
+ formData.value = await getItem(data.id);
+ await formApi.setValues(formData.value);
+ } finally {
+ modalApi.unlock();
+ }
+ } else {
+ // 鏂板妯″紡
+ formData.value = undefined;
+ await formApi.resetForm();
}
},
});
</script>
<template>
- <Modal class="w-[800px]" :title="getTitle">
+ <Modal class="w-[1000px]" :title="formData?.id ? $t('ui.actionTitle.edit', ['鐗╂枡']) : $t('ui.actionTitle.create', ['鐗╂枡'])">
<Form class="mx-4" />
</Modal>
-</template>
\ No newline at end of file
+</template>
--
Gitblit v1.9.3