培训资料上传问题

src/views/base/newsInfo-detail.vue

@@ -29,17 +29,7 @@
                   ></el-option>
               </el-select>
           </el-form-item>
-          <el-form-item label="新闻内容" prop="content">
-            <mce-editor
-                ref="editor"
-                uploadName="upfile"
-                v-model="formModel.content"
-                :url="uploadUrl1"
-                :config="editorConfig"
-                style="width: 90%"
-            ></mce-editor>
-        </el-form-item>
-        <el-form-item label="缩略图" prop="thumbnailImage">
+          <el-form-item label="缩略图" prop="thumbnailImage">
               <el-upload
                   style="width:300px"
                   class="avatar-uploader"
@@ -54,6 +44,16 @@
                   <i v-else class="el-icon-plus avatar-uploader-icon"></i>
               </el-upload>
           </el-form-item>
+          <el-form-item label="新闻内容" prop="content">
+            <mce-editor
+                ref="editor"
+                uploadName="upfile"
+                v-model="formModel.content"
+                :url="uploadUrl1"
+                :config="editorConfig"
+                style="width: 90%"
+            ></mce-editor>
+        </el-form-item>
   
         </el-form>
       </div>
@@ -81,7 +81,7 @@
               title: [
               { required: true, message: "标题不能为空", trigger: "blur" },
               ],
-              type: [
+              category: [
               { required: true, message: "类型不能为空", trigger: "blur" },
               ],
           },

src/views/base/trainingInfo-detail.vue

@@ -72,13 +72,17 @@
                 style="width: 90%"
             ></mce-editor>
         </el-form-item>
-        <el-form-item label="上传附件" prop="content">
+        <el-form-item label="上传附件" prop="file">
           <el-upload
             class="upload-demo"
-            action="https://jsonplaceholder.typicode.com/posts/"
+            name="photoFile"
+            :action="uploadUrl2"
+            :headers="headers"
+            :data="uploadData2"
             :on-preview="handlePreview"
             :on-remove="handleRemove"
             :before-remove="beforeRemove"
+            :on-success="handleAvatarSuccess1"
             multiple
             :limit="3"
             :on-exceed="handleExceed"
@@ -148,6 +152,10 @@
             width: 660,
           },
           fileList:[],
+          uploadUrl2: Constant.serverUrl + "/uploadFile",
+          uploadData2: {
+              subFolder: "temporary-workers",
+          },
       };
     },
     created() {
@@ -159,8 +167,6 @@
             self.typeList = jsonData.data;
         });
 
-        
-
         enterpriseInfoApi.list().then(function (response) {
           var jsonData = response.data;
           if (jsonData.result) {
@@ -181,6 +187,10 @@
           if (valid) {
             (function () {
               var id = self.formModel.id;
+
+              self.formModel.fileList = self.fileList
+
+              //alert(self.fileList);
   
               if (id == null || id.length == 0) {
                 return trainingInfoApi.add(self.formModel);
@@ -228,7 +238,12 @@
           }
           return isJPG && isLt2M;
       },
+      handleAvatarSuccess1(res, file) {
+          var self = this;
+          self.fileList.push(res.data);
+      },
       handleRemove(file, fileList) {
+        this.fileList = fileList
         console.log(file, fileList);
       },
       handlePreview(file) {
@@ -267,6 +282,8 @@
                 self.fileUrl = thumbnailImage 
             }
 
+            self.fileList = self.formModel.fileList
+
             self.showModal = true;
           } else {
             self.$message.error(jsonData.message + "");

src/views/base/trainingInfo-list.vue

@@ -66,17 +66,23 @@
         </el-table-column>
         <el-table-column  prop="enterpriseName"  label="企业名称"></el-table-column>
         <el-table-column  prop="name"  label="名称"></el-table-column>
-        <el-table-column  prop="title"  label="标题"></el-table-column>
+        <el-table-column  prop="title"  label="标题" width="200"></el-table-column>
 
-        <el-table-column  prop="file"  label="下载文件"></el-table-column>
-        <el-table-column  prop="endTime"  label="结束时间"></el-table-column>
+        <el-table-column  prop="file"  label="下载文件" width="350">
+          <template slot-scope="{row}">
+            <div v-for="(item,index) in row.fileList" v-bind:key="index">
+              <el-link :href="item.url" target="_blank" type="primary">{{item.name}}</el-link>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column  prop="endTime"  label="结束时间" width="130"></el-table-column>
         <el-table-column  prop="status"  label="审核状态">
           <template slot-scope="{row}">
             <span v-if="row.status=='0'" style="color: #F56C6C;">未审核</span>
             <span v-else-if="row.status=='1'" style="color: #67C23A;">已审核</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="300">
+        <el-table-column label="操作" fixed="right" width="300">
           <template slot-scope="{row}">
             <el-button size="mini" type="warning" @click="handleEdit(row)">编辑</el-button>
             <el-button v-if="row.status=='0'" size="mini" type="primary" @click="handleCheck(row)">审核</el-button>