xujun

src/api/index.js

@@ -59,6 +59,9 @@ export default {
         asyncUpload (params) {
             return fetch(`/v1/science-admin/com-download/asyncUpload`, params, 'post', 'file')
         },
+        asyncApplyBookUpload (params) {
+            return fetch(`/v1/science-admin/com-download/asyncApplyBookUpload`, params, 'post', 'file')
+        },
         deletefile (params) {
             return fetch(`/v1/science-admin/com-download/delete/${params.id}`, params, 'delete', 'json')
         },

src/views/manager/project/components/file.vue

 <template>
   <div class="upload-container">
-    <el-button type="primary" @click="handleClick">选择文件</el-button>
+    <a-button type="primary" @click="handleClick">选择文件</a-button>
     <input type="file" ref="fileInput" multiple style="display: none" @change="handleFileChange" />
     <div class="file-list" v-if="fileList.length">
       <div v-for="(file, index) in fileList" :key="index" class="file-item">
         <span>{{ file.name }}</span>
         <span>{{ (file.size / 1024 / 1024).toFixed(2) }}MB</span>
-        <el-progress :percentage="file.progress || 0" />
       </div>
     </div>
   </div>
@@ -48,35 +47,25 @@ export default {
         }
       }
     },
-    uploadFile (fileItem, index) {
-      return new Promise((resolve, reject) => {
-        const formData = new FormData()
-        formData.append('file', fileItem.file)
-
-        // 这里替换成您的实际上传API
-        const xhr = new XMLHttpRequest()
-        xhr.upload.onprogress = (event) => {
-          if (event.lengthComputable) {
-            this.$set(this.fileList[index], 'progress',
-              Math.round((event.loaded / event.total) * 100))
-          }
-        }
-
-        xhr.onload = () => {
-          if (xhr.status === 200) {
-            resolve()
-          } else {
-            reject(new Error('上传失败'))
-          }
-        }
-
-        xhr.onerror = () => reject(new Error('上传失败'))
-
-        // 替换成实际的上传地址
-        xhr.open('POST', '/api/upload')
-        xhr.send(formData)
+    
+    uploadFile (obj, index) {
+      this.$api.base.asyncApplyBookUpload(this.uploadHandle(obj.file, obj.name)).then(({ data = {} }) => {
+        if (data) {
+          obj.fileName = files[0].name
+          obj.downloadUrl = data.downloadUrl
+          obj.downloadId = data.id
+        } else
+          this.$message.error('上传失败')
+      }).catch(() => {
+        this.$message.error('上传失败')
       })
-    }
+    },
+    uploadHandle (file, fileName) {
+      let formData = new FormData()
+      formData.append('file', file)
+      formData.append('fileName', fileName)
+      return formData
+    },
   }
 }
 </script>

src/views/manager/project/index.vue

@@ -22,6 +22,7 @@
       <a-form-item>
         <a-button type="primary" icon="search" @click="search">搜索</a-button>
         <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button>
+        <a-button type="primary" icon="upload" style="margin-left: 10px" @click="batchFileUpload">批量上传</a-button>
       </a-form-item>
     </a-form>
     <a-divider style="height: 1px; background-color: #e8e8e8;" />
@@ -207,6 +208,9 @@ export default {
       }).catch(() => {
         this.loading = false
       })
+    },
+    batchFileUpload() {
+      this.visibleFile = true
     }
   },
   watch: {