修正数据管理中账号生成模块数据清空没用重新渲染的问题
This commit is contained in:
parent
439c0ec55a
commit
00069f2fe2
|
@ -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);
|
||||
//清空表单
|
||||
autoGenerateForm.group = undefined;
|
||||
autoGenerateForm.majorId = undefined;
|
||||
autoGenerateForm.num = undefined;
|
||||
resetFormState();
|
||||
// 刷新表格
|
||||
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>>([]);
|
||||
|
|
Loading…
Reference in New Issue