no message

src/pages/file/fileInfo.vue

@@ -3,15 +3,16 @@
         <div class="tblPane">
             <el-tabs v-model="editableTabsValue" :tab-position="tabPosition" @edit="initEditableTabs">
                 <el-tab-pane :key="item.name" v-for="(item) in editableTabs" :label="item.title" :name="item.name">
-                <el-upload class="upload-demo" action="http://192.168.0.58:6066/filess" :on-change="handleChange" :file-list="fileList">
-                    <el-button type="primary" plain @click="uploadFiles()">上传<i class="el-icon-upload el-icon--right"></i></el-button>
+                <el-upload class="upload-demo" action="http://192.168.0.58:6066/api/files/uploadfiles" :on-change="handleChange" :file-list="fileList" :on-success="handleUploadSuccess" :on-error="handleUploadError">
+                    <el-button type="primary" slot="trigger" plain >选取文件<i class="el-icon-upload el-icon--right"></i></el-button>
+                    <el-button type="success" @click="submitUpload()">上传<i class="el-icon-upload el-icon--right"></i></el-button>
                 </el-upload>
                     <el-row :gutter="24">
                         <el-col :span="8" :data="thisFileList" :key="index">
                                 <div class="fileListBox">
                                     <div class="onceFileDesBox">
                                         <el-form ref="form" label-width="100px">
-                                            <el-form-item label="文件名称:" prop="url"></el-form-item>
+                                            <el-form-item label="文件名称:" prop="fileName"></el-form-item>
                                             <el-form-item label="上传人:" prop="userName"></el-form-item>
                                         </el-form>
                                         <div class="formButtonBox">
@@ -48,6 +49,8 @@ export default {
             tabPosition: 'left',
             editableTabs:[],
             fileDialogVisible :false,
+            accept: '',
+            action: 'action',
         }
     },
     mounted:function() {
@@ -60,42 +63,55 @@ export default {
                 {
                     title: '全部',
                     name: '1',
-                    thisFileList: [
-                        {fileName:"科艺统一认证对接文档.docs", userName:"张三"},
-                        {fileName:"科艺统一认证设计文档v1.docs", userName:"张三"},
-                        {fileName:"科艺统一认证设计文档v2.docs", userName:"张三"},
-                        {fileName:"科艺统一认证交互文档.docs", userName:"张三"},
-                    ]
-                },
-                {
-                    title: '设计说明',
-                    name: '2',
-                    thisFileList: [
-                        {fileName:"科艺统一认证设计文档v1.docs", userName:"张三"},
-                        {fileName:"科艺统一认证设计文档v2.docs", userName:"张三"},
-                    ]
-                },
-                {
-                    title: '交互文档',
-                    name: '3',
-                    thisFileList: [
-                        {fileName:"科艺统一认证交互文档.docs", userName:"张三"},
-                    ]
+                    thisFileList: this.thisFileList
                 },
             ]
         },
         async initFileList() {
             console.log('111')
             let result = await this.$store.dispatch('files/getAllFilesList', {});
-            if (result && result.fileInfo) {
-                this.thisFileList = result.fileInfo;
+            if (result && result.data.fileInfo) {
+                this.thisFileList = result.data.fileInfo;
+                // this.fileName = result.fileInfo.fileName;
+                // this.userName = result.fileInfo.fileName;
+                console.log(this.thisFileList)
             } else {
                 this.$message.error("获取文件失败");
             }
         },
-        async uploadFiles() {
+        // 上传失败
+        handleUploadError(err) {
+            this.$message.error("上传失败, 请重试");
+        },
+        // 上传成功
+        handleUploadSuccess(res, file) {
+            this.$message.success("上传成功");
+            this.cancel()
+        },
+        /** 手动提交上传 */
+        async submitUpload () {
+            console.log('上传文件')
+            if (this.fileList.length <= 0) {
+                this.msgError('请选择文件上传')
+                return false
+            }
+            const formData = new FormData()
+            formData.append("pId", 2);
+            // 把多个文件放到同一个请求里，这样只会请求一次接口。否则一个文件就会请求一次
+            this.fileList.forEach(el => {
+                formData.append('file', el.raw)
+            })
+
+            
             //上传
-            let result = await this.$store.dispatch('files/uploadFiles');
+            let result = await this.$store.dispatch('files/uploadFiles', formData);
+            if (result.data && result.data.isOk) {
+
+                this.$message.success("上传成功");
+            } else {
+                this.$message.error("上传失败");
+            }
+
         },
         previewFileDialog:function() {
             this.fileDialogVisible = true;