浏览代码

fix: 文件删除和upload的一些细节

10702 4 年之前
父节点
当前提交
15ea8559c1
共有 2 个文件被更改,包括 17 次插入18 次删除
  1. 9 7
      src/views/file/FileList.vue
  2. 8 11
      src/views/file/Upload.vue

+ 9 - 7
src/views/file/FileList.vue

@@ -141,13 +141,16 @@ export default {
     //打开提示确认删除的对话框,将fileId保存下来
     //打开提示确认删除的对话框,将fileId保存下来
     const handleDeleteDialog = (fileId)=>{
     const handleDeleteDialog = (fileId)=>{
       toDeleteFileId=fileId;
       toDeleteFileId=fileId;
-      ElMessage.info("fileId:"+fileId)
+      console.log("handleDeleteDialog")
+      console.log("fileId:"+fileId)
+      ElMessage.info("要删除的文件Id fileId:"+fileId)
     }
     }
 
 
     //删除对应文件
     //删除对应文件
-    const handleFileDelete = (fileId) => {
-      deleteFile(fileId).then(res=>{
-        if(res.code===200){
+    const handleFileDelete = () => {
+      console.log("fileId:"+toDeleteFileId)
+      deleteFile(toDeleteFileId).then(res=>{
+        if(res.status===200){
           ElMessage.success("删除成功!")
           ElMessage.success("删除成功!")
           getFileList(userId);
           getFileList(userId);
         }
         }
@@ -169,10 +172,9 @@ export default {
     }
     }
 
 
     //初始化
     //初始化
+    onMounted(() => {
       getFileList(userId);
       getFileList(userId);
-    // onMounted(() => {
-    //   getFileList(userId);
-    // })
+    })
 
 
     return {
     return {
       currentTab,
       currentTab,

+ 8 - 11
src/views/file/Upload.vue

@@ -101,11 +101,11 @@ export default {
               message: '文件名最多64个字符!',
               message: '文件名最多64个字符!',
               trigger:  'blur',
               trigger:  'blur',
             },
             },
-            // {
-            //   required:true,
-            //   message: '必须填写文件名!',
-            //   trigger:  'blur',
-            // }
+            {
+              required: true,
+              message: '必须填写文件名!',
+              trigger:  'blur',
+            }
           ]
           ]
     })
     })
 
 
@@ -132,13 +132,12 @@ export default {
           formData.append('userId', "1")
           formData.append('userId', "1")
 
 
           //调用接口,提交即可
           //调用接口,提交即可
-          ElMessage.success('文件名校验成功!')
+          ElMessage.success('文件名校验成功!请求已发送,请稍候.')
           UploadFile(formData).then(res => {
           UploadFile(formData).then(res => {
             console.log(res)
             console.log(res)
             fileList=[]
             fileList=[]
             formEl.resetFields()
             formEl.resetFields()
             uploadEl.clearFiles()
             uploadEl.clearFiles()
-
             if (res.status === 200)
             if (res.status === 200)
             {
             {
               ElMessageBox({
               ElMessageBox({
@@ -150,11 +149,9 @@ export default {
                     instance.confirmButtonLoading = true
                     instance.confirmButtonLoading = true
                     instance.confirmButtonText = 'Loading...'
                     instance.confirmButtonText = 'Loading...'
                     setTimeout(() => {
                     setTimeout(() => {
+                      instance.confirmButtonLoading = false
                       done()
                       done()
-                      setTimeout(() => {
-                        instance.confirmButtonLoading = false
-                      }, 125)
-                    }, 125)
+                    } ,200)
                   } else {
                   } else {
                     done()
                     done()
                   }
                   }