Просмотр исходного кода

fix(system): 修复业务结构对话框关闭未清空数据问题- 在对话框关闭时清空文件列表和预览数据
- 在提交成功后也清空文件列表和预览数据
-优化用户体验,避免重复打开对话框时保留上次的数据

fugui001 5 месяцев назад
Родитель
Сommit
f151b162f3
1 измененных файлов с 11 добавлено и 1 удалено
  1. 11 1
      src/views/system/business/structures/index.vue

+ 11 - 1
src/views/system/business/structures/index.vue

@@ -85,7 +85,7 @@
       <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
       <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     </el-card>
     <!-- 添加或修改【请填写功能名称】对话框 -->
     <!-- 添加或修改【请填写功能名称】对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body @close="cancel">
       <el-form ref="structuresFormRef" :model="form" :rules="rules" label-width="120px">
       <el-form ref="structuresFormRef" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="盲注表名称" prop="name">
         <el-form-item label="盲注表名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入盲注表名称" />
           <el-input v-model="form.name" placeholder="请输入盲注表名称" />
@@ -235,6 +235,10 @@ const getList = async () => {
 const cancel = () => {
 const cancel = () => {
   reset();
   reset();
   dialog.visible = false;
   dialog.visible = false;
+  // ✅ 清空文件和预览数据
+  fileList.value = [];
+  previewData.value = [];
+  previewHeaders.value = [];
 };
 };
 
 
 /** 表单重置 */
 /** 表单重置 */
@@ -311,6 +315,12 @@ const submitForm = () => {
         }
         }
         proxy?.$modal.msgSuccess('操作成功');
         proxy?.$modal.msgSuccess('操作成功');
         dialog.visible = false;
         dialog.visible = false;
+
+        // ✅ 清空文件和预览数据
+        fileList.value = [];
+        previewData.value = [];
+        previewHeaders.value = [];
+
         await getList();
         await getList();
       } catch (error) {
       } catch (error) {
         proxy?.$modal.msgError('提交失败');
         proxy?.$modal.msgError('提交失败');