修改

src/components/studyAbroad/studyAbroad-form.vue

@@ -14,7 +14,13 @@
         </div>
         <div class="row wrap">
           <div class="col-12">
-            <q-btn color="accent" size="sm" icon="add" label="上传供应商合同" />
+            <div style="display:flex;align-items:center;">
+              <a :href="fileObj.FileUrl" style="margin-right:10px;">{{fileObj.FileName}}</a>
+              <el-upload class="upload-demo" action="" :show-file-list="false"
+                :http-request="UploadAttachment" :multiple="uploadMultple">
+                  <q-btn color="accent" size="sm" icon="add" label="上传供应商合同" />              
+              </el-upload> 
+            </div>         
           </div>
         </div>
         <div class="row wrap">
@@ -37,6 +43,9 @@
     queryStudyAbroadInfo,
     querySupplierList
   } from '../../api/studyabroad/index'
+  import {
+    UploadSelfFile
+  } from '../../api/common/common'
   export default {
     props: {
       saveObj: {
@@ -59,6 +68,11 @@
         optionTitle: "",
         saveLoading: false,
         supplierList: [], //供应商下拉数据
+        uploadMultple:true,
+        fileObj:{
+          FileName:'',
+          FileUrl:''
+        }
       }
     },
     mounted() {
@@ -126,7 +140,18 @@
             this.supplierList.unshift(obj);
           }
         })
-      }
+      },
+      //上传附件
+      UploadAttachment(files) {
+        UploadSelfFile('Attachment', files.file, res => {
+          if (res.Code == 1) {
+            console.log(res);
+            this.fileObj.FileName = res.FileName;
+            this.fileObj.FileUrl = res.FileUrl;
+            this.objOption.SupplierContract = res.FileUrl;
+          }
+        })
+      },
     }
   }