多文件上传

src/pages/localTool/standCalendar/index.vue

@@ -216,6 +216,7 @@
               name="file"
               :file-list="reData"
               accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+              :http-request="httpRequest"
               :before-upload="handleBeforeUpload"
               :before-remove="handleBeforeRemove"
               :on-success="handleOnsuccess"
@@ -233,6 +234,8 @@
       </div>
     </el-drawer>
 
+
+    <!--  编辑框内的人员的table上的编辑  -->
     <el-drawer
       title="编辑人员信息"
       :visible.sync="editFlag"
@@ -281,8 +284,8 @@
 </template>
 
 <script>
-import {meetingByMonth} from '@/api/unqualProcess.js'
-import {updateMeet} from '@/api/process.js'
+import { meetingByMonth } from '@/api/unqualProcess.js'
+import { updateMeet, upFile} from '@/api/process.js'
 
 export default {
   name: "calendar",
@@ -517,6 +520,21 @@ export default {
       this.meetFlag = true
     },
 
+    /** 覆盖默认的上传行为,实现多个文件一起上传 */
+    httpRequest(params) {
+      const file = params.file
+      // 根据后台需求数据格式
+      const form = new FormData()
+      // 文件对象
+      form.append("file", file)
+      upFile(form).then(res=>{
+        if (res.ok) {
+          this.handleOnsuccess(res)
+        } else {
+          this.$message.warning('上传失败')
+        }
+      })
+    },
     // 文件上传成功
     handleOnsuccess(res, file, fileList) {
       if (res.ok) {