From a9b7bf6442c8c449034aa5efe1f1eb6b432afc36 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Fri, 7 Mar 2025 20:48:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E6=B3=A8?=
 =?UTF-8?q?=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/notice/notice-modal.vue  | 25 +++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/apps/web-antd/src/views/system/notice/notice-modal.vue b/apps/web-antd/src/views/system/notice/notice-modal.vue
index 539a795b..eaa7543f 100644
--- a/apps/web-antd/src/views/system/notice/notice-modal.vue
+++ b/apps/web-antd/src/views/system/notice/notice-modal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, reactive, ref } from 'vue';
+import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 import { DictEnum } from '@vben/constants';
@@ -20,6 +20,9 @@ const title = computed(() => {
   return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add');
 });
 
+/**
+ * 定义表单数据类型
+ */
 interface FormData {
   noticeId?: number;
   noticeTitle?: string;
@@ -28,6 +31,9 @@ interface FormData {
   noticeContent?: string;
 }
 
+/**
+ * 定义默认值 用于reset
+ */
 const defaultValues: FormData = {
   noticeId: undefined,
   noticeTitle: '',
@@ -36,15 +42,23 @@ const defaultValues: FormData = {
   noticeContent: '',
 };
 
+/**
+ * 表单数据ref
+ */
 const formData = ref(defaultValues);
-
-const formRules = reactive<AntdFormRules<FormData>>({
+/**
+ * 表单校验规则
+ */
+const formRules = ref<AntdFormRules<FormData>>({
   status: [{ required: true, message: $t('ui.formRules.selectRequired') }],
   noticeContent: [{ required: true, message: $t('ui.formRules.required') }],
   noticeType: [{ required: true, message: $t('ui.formRules.selectRequired') }],
   noticeTitle: [{ required: true, message: $t('ui.formRules.required') }],
 });
 
+/**
+ * useForm解构出表单方法
+ */
 const { validate, validateInfos, resetFields } = Form.useForm(
   formData,
   formRules,
@@ -65,6 +79,7 @@ const [BasicModal, modalApi] = useVbenModal({
     isUpdate.value = !!id;
     if (isUpdate.value && id) {
       const record = await noticeInfo(id);
+      // 只赋值存在的字段
       const filterRecord = pick(record, Object.keys(defaultValues));
       formData.value = filterRecord;
     }
@@ -75,8 +90,8 @@ const [BasicModal, modalApi] = useVbenModal({
 async function handleConfirm() {
   try {
     modalApi.modalLoading(true);
-    const test = await validate();
-    console.log(test);
+    await validate();
+    // 可能会做数据处理 使用cloneDeep深拷贝
     const data = cloneDeep(formData.value);
     await (isUpdate.value ? noticeUpdate(data) : noticeAdd(data));
     emit('reload');