修正数据管理中账号生成模块数据清空没用重新渲染的问题

src/views/cees/user/CeesUserList.vue

@@ -54,10 +54,11 @@
       title="生成账号"
       @ok="handleAutoGenerate"
       @cancel="showAutoGenerateForm = false"
+      :destroyOnClose="true"
       :width="600"
       :bodyStyle="{ padding: '24px' }"
     >
-      <a-form :model="autoGenerateForm" layout="vertical">
+      <a-form ref="autoGenerateFormRef" :model="autoGenerateForm" layout="vertical">
         <a-form-item label="账号类型" class="form-item-custom">
           <a-select v-model="autoGenerateForm.group" placeholder="请选择账号类型" @change="handleGroupChange" class="select-custom">
             <a-select-option v-for="item in autoGeneratType" :key="item.id" :value="item.value">
@@ -139,7 +140,7 @@
   // 表单相关状态
   const showAutoGenerateForm = ref(false); // 控制表单显示
   const isDisplay = ref(false);
-
+  const autoGenerateFormRef = ref();
   // 定义模态框的显示状态
   const showGenerateRuleModal = ref(false);
   // 定义生成规律表单数据
@@ -291,10 +292,7 @@
         console.log(res);
         if (res.code == 200) {
           message.success(res.message, 1.5);
-          //清空表单
+          resetFormState();
-          autoGenerateForm.group = undefined;
-          autoGenerateForm.majorId = undefined;
-          autoGenerateForm.num = undefined;
           // 刷新表格
           reload();
         } else {
@@ -308,7 +306,19 @@
       showAutoGenerateForm.value = false;
     }
   };
-
+  // 新增重置方法
+  const resetFormState = () => {
+    // 深度重置表单数据
+    Object.assign(autoGenerateForm, {
+      group: undefined,
+      majorId: undefined,
+      num: undefined,
+    });
+    // 强制重置UI组件状态
+    nextTick(() => {
+      autoGenerateFormRef.value?.resetFields();
+    });
+  };
   // 其他代码保持不变
   const queryParam = reactive<any>({});
   const checkedKeys = ref<Array<string | number>>([]);