解决文件上传回显

src/api/manage.js

@@ -227,9 +227,9 @@ export function getRecord(data) {
     for (var i = 0; i < text.length; i++) {
       var name = text[i].filename
       var fileJson = {
-        name: text[i].fileName,
+        name: text[i].name,
         url: text[i].url,
-        size: text[i].fileSize,
+        size: text[i].size,
         id: text[i].id,
         fileType: text[i].fileType
       }

src/components/jeecg/FileList.vue

@@ -173,6 +173,7 @@
 
     methods: {
       initFileListArr(val) {
+        console.log('+++------>',val)
         if (!val || val.length == 0) {
           this.fileList = []
           return

src/components/jeecg/JUpload.vue

@@ -32,7 +32,7 @@
           <div class="ant-upload-text">{{ text }}</div>
         </div>
         <a-button v-else-if="buttonVisible">
-         <a-icon type="upload" />{{ text }}
+          <a-icon type="upload" />{{ text }}
         </a-button>
       </template>
     </a-upload>
@@ -69,7 +69,6 @@
         headers:{},
         fileList: [],
         newFileList: [],
-        result: '',
         uploadGoOn:true,
         previewVisible: false,
         //---------------------------- begin 图片左右换位置 -------------------------------------
@@ -102,7 +101,7 @@
         default:"temp"
       },
       value:{
-        type:[Object, Array, String, Number],
+        type:[Array, Object, String, Number],
         required:false
       },
       // update-begin- --- author:wangshuai ------ date:20190929 ---- for:Jupload组件增加是否能够点击
@@ -147,7 +146,6 @@
           if (val instanceof Array) {
             if(this.returnUrl){
               this.initFileListArr(val);
-              // this.initFileList(val.join(','))
             }else{
               this.initFileListArr(val);
             }
@@ -175,7 +173,6 @@
 
     methods:{
       initFileListArr(val) {
-        console.log('999999',val)
         if (!val || val.length == 0) {
           this.fileList = []
           return
@@ -185,6 +182,7 @@
           fileList.push({
             uid: uidGenerator(),
             name: val[a].name,
+            groups: val[a].groups,
             id: val[a].id,
             status: 'done',
             url: val[a].url,
@@ -192,6 +190,7 @@
               result: {
                 uid: uidGenerator(),
                 name: val[a].name,
+                groups: val[a].groups,
                 id: val[a].id,
                 status: 'done',
                 url: val[a].url
@@ -263,17 +262,15 @@
         return true
       },
       handleChange(info) {
-        console.log("--文件列表改变--",info)
+        if (!info.file.status && this.uploadGoOn === false) {
-        if(!info.file.status && this.uploadGoOn === false){
+          info.fileList.pop()
-          info.fileList.pop();
         }
-        let fileList = info
+        let fileList = info.fileList
-
+        if (info.file.status === 'done') {
-        if(info.file.status==='done'){
+          if (this.number > 0) {
-          if(this.number>0){
+            fileList = fileList.slice(this.number)
-            fileList = fileList.slice(-this.number);
           }
-          if(info.file.response.success){
+          if (info.file.response.success) {
             fileList = fileList.map((file) => {
               if (file.response) {
                 let reUrl
@@ -284,23 +281,21 @@
                 }
                 file.url = getFileAccessHttpUrl(reUrl)
               }
-              return file;
+              return file
-            });
+            })
           }
-          //this.$message.success(`${info.file.name} 上传成功!`);
+        } else if (info.file.status === 'error') {
-        }else if (info.file.status === 'error') {
+          this.$message.error(`${info.file.name} 上传失败.`)
-          this.$message.error(`${info.file.name} 上传失败.`);
+        } else if (info.file.status === 'removed') {
-        }else if(info.file.status === 'removed'){
           this.handleDelete(info.file)
         }
         this.fileList = fileList
-        if(info.file.status==='done' || info.file.status === 'removed'){
+        if (info.file.status === 'done' || info.file.status === 'removed') {
           this.newFileList = []
           for (var a = 0; a < fileList.length; a++) {
             if (fileList[a].status === 'done') {
-
               var fileJson = {
-                fileName: fileList[a].response.result.fileName,
+                name: fileList[a].response.result.name,
                 url: fileList[a].response.result.url,
                 size: fileList[a].response.result.size,
                 id: fileList[a].response.result.id,
@@ -311,10 +306,10 @@
               return
             }
           }
-          console.log('2222222222222',this.newFileList)
           this.initFileListArr(this.newFileList)
           this.$emit('change', this.newFileList)
         }
+        //}
       },
       handleDelete(file){
         //如有需要新增 删除逻辑
@@ -445,16 +440,16 @@
 </script>
 
 <style lang="less">
-.uploadty-disabled{
+  .uploadty-disabled{
-  .ant-upload-list-item {
+    .ant-upload-list-item {
-    .anticon-close{
+      .anticon-close{
-      display: none;
+        display: none;
-    }
+      }
-    .anticon-delete{
+      .anticon-delete{
-      display: none;
+        display: none;
+      }
     }
   }
-}
   //---------------------------- begin 图片左右换位置 -------------------------------------
   .uploadty-mover-mask{
     background-color: rgba(0, 0, 0, 0.5);

src/views/activiti/form/ProcessUdgetPlanForm.vue

@@ -58,11 +58,6 @@
               <j-upload v-decorator="['fileId']" :trigger-change="true"></j-upload>
             </a-form-item>
           </a-col>
-          <a-col :span="8">
-            <a-form-model-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="false">
-              <FileList  v-decorator="['ossFileList']"></FileList>
-            </a-form-model-item>
-          </a-col>
         </a-row>
       </a-form>
     </j-form-container>
@@ -706,18 +701,6 @@
           this.$message.error("需求时间不能小于当前流程发起时间")
           return;
         }
-          // if (formData.needTime === null || formData.needTime ==='' || formData.needTime === undefined){
-          //   this.$message.error("需求时间不能为空")
-          //   return;
-          // }
-          // if (formData.processPlan === null || formData.processPlan ==='' || formData.processPlan === undefined){
-          //   this.$message.error("流程计划不能为空")
-          //   return;
-          // }
-          // if (formData.materialType === null || formData.materialType ==='' || formData.materialType === undefined){
-          //   this.$message.error("物资类型不能为空")
-          //   return;
-          // }
           this.form.validateFields((err, values) => {
             if (!err) {
                 formData.procDefId = this.processData.id;