文件上传无法刷新问题

mes-ui/mes-ui-admin-vue3/src/views/heli/invoice/detail.vue

@@ -81,13 +81,13 @@
 ref="uploadRef" :file-list="uploadFiles" multiple :action="uploadUrl" :headers="{
                     Authorization: 'Bearer ' + getAccessToken(),
                     'tenant-id': getTenantId()
-                  }" name="files" :show-file-list="false" :auto-upload="false" :data="uploadData" :on-change="uploadChange" class="upload-file-uploader">
+                  }" name="files" :show-file-list="false" :auto-upload="false" :on-success="handleAvatarSuccess" :data="uploadData" :on-change="uploadChange" class="upload-file-uploader">
                   <el-button type="primary">
                     <Icon icon="ep:upload-filled" />上传
                   </el-button>
                 </el-upload>
               </el-col>
-              <el-table :data="formData.attachments" v-loading.fullscreen.lock="uploading" element-loading-text="附件上传中..." element-loading-background="rgba(122, 122, 122, 0.6)" class="hl-table">
+              <el-table :key="tableKey" :data="formData.attachments" v-loading.fullscreen.lock="uploading" element-loading-text="附件上传中..." element-loading-background="rgba(122, 122, 122, 0.6)" class="hl-table">
                 <el-table-column fixed type="index" width="100" label="序号" align="center" />
                 <el-table-column prop="name" label="文件名称" align="center" />
                 <el-table-column prop="createTime" align="center" label="上传时间" :formatter="dateFormatter" />
@@ -134,7 +134,7 @@ import download from '@/utils/download'
 import {Search} from "@element-plus/icons-vue"
 import ProjectDialog from "@/views/heli/invoice/projectDialog.vue"
 import PurchaseDialog from "@/views/heli/invoice/purchaseDialog.vue"
-
+import type { UploadProps } from 'element-plus'
 
 
 defineOptions({ name: 'InvoiceDetail' })
@@ -173,6 +173,7 @@ const formData: any = ref({
   active: undefined,
   activeOpinion: ''
 })
+const tableKey = ref(0);
 
 const formRef = ref() // 表单 Ref
 const subFormRef = ref()
@@ -247,8 +248,7 @@ const submitForm = async (operate) => {
     if (uploadFiles.value.length > 0) {
       uploadData.value.businessId = dataId
       await uploadRef.value!.submit()
-    }
+          message.success(t('common.operationSuccess'))
-    message.success(t('common.operationSuccess'))
 
     let jumpActive = 'update'
     if(operate == 'SUBMIT' || operate == 'CANCEL'){
@@ -257,7 +257,19 @@ const submitForm = async (operate) => {
     commonStore.setStore('id', dataId)
     commonStore.setStore('active', jumpActive)
     commonStore.setStore('businessType', businessType.value)
-    reload()
+    await reload()
+    }else{
+          message.success(t('common.operationSuccess'))
+
+    let jumpActive = 'update'
+    if(operate == 'SUBMIT' || operate == 'CANCEL'){
+      jumpActive = 'detail'
+    }
+    commonStore.setStore('id', dataId)
+    commonStore.setStore('active', jumpActive)
+    commonStore.setStore('businessType', businessType.value)
+    await reload()
+    }
   } finally {
     formLoading.value = false
   }
@@ -277,6 +289,23 @@ const uploadData = ref({
   businessId: formData.value.id,
   businessFileType:businessType.value
 })
+const handleAvatarSuccess: UploadProps['onSuccess'] = async (
+  response,
+  uploadFile
+) => {
+    let attParams = {
+        pageNo: 1,
+        pageSize: 99,
+        businessId: currentId.value,
+        businessType: businessType.value,
+        businessFileType:businessType.value
+      }
+      uploading.value = true;
+   formData.value.attachments = (await getFilePage(attParams)).list
+     tableKey.value += 1;
+     uploading.value = false;
+}
+
 // 下载文件
 const downloadAttachment = async (name, url) => {
          const baseUrl = import.meta.env.VITE_BASE_URL;