Explorar el Código

增加文件上传功能

humingbo hace 2 años
padre
commit
22adfe331a
Se han modificado 2 ficheros con 24 adiciones y 7 borrados
  1. 2 2
      src/api/file/file.js
  2. 22 5
      src/views/workbench/workbench.vue

+ 2 - 2
src/api/file/file.js

@@ -24,9 +24,9 @@ export function uploadFileUrl(){
  * @param id
  * @returns {*}
  */
-export function deleteFile(id){
+export function deleteFile(fileName){
   return request({
-    url: '/api/oa/file/delete?id='+id,
+    url: '/file/deleteFile?fileName='+fileName,
     method: 'get'
   })
 }

+ 22 - 5
src/views/workbench/workbench.vue

@@ -175,11 +175,11 @@
               文件列表
             </template>
             <el-upload
-              class="upload-demo"
               ref="upload"
               :action="fileAction"
               :on-remove="handleRemove"
-              :file-list="fileList"
+              :on-success="handleSuccess"
+              :on-error="handleError"
               name="file">
               <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
             </el-upload>
@@ -213,7 +213,7 @@
 import Pagination from '@/components/Page/Pagination'
 import { completeTask, getPersonalTaskList } from '@/api/meeting/enforce'
 import { getDeptUserTree } from '@/api/system/user'
-import { uploadFileUrl} from '@/api/file/file'
+import { deleteFile, uploadFileUrl } from '@/api/file/file'
 
 export default {
   name: 'workbench',
@@ -246,7 +246,8 @@ export default {
         directorId:null,
         remark:null,
         taskId:null,
-        currentStep:null
+        currentStep:null,
+        files:[]
       },
       enforceFlow:{
         name:'',
@@ -333,7 +334,23 @@ export default {
       this.usersVisble=false
     },
     handleRemove(file, fileList){
-      alert('Remove');
+      let url=file.response.data.url;
+      deleteFile(url).then(res => {
+        this.$message({
+          message: '操作成功!',
+          type: 'success'
+        });
+      });
+    },
+    handleSuccess(response, file, fileList){
+      let fileUrl=response.data.url
+      this.enforceForm.files.push(fileUrl)
+    },
+    handleError(){
+      this.$message({
+        message: '上传失败,请稍候再试!',
+        type: 'warning'
+      });
     },
     submitEnforceForm(){
       let data=this.enforceForm;