1

src/components/FinancialModule/PlatformAccount.vue

@@ -318,7 +318,12 @@
           </el-col>
           <el-col :span="4" :gutter="35">
             <el-form-item label="合同附件：" prop="ContractUrl">
-              <el-input v-model="addMsg.ContractUrl" class maxlength="50"></el-input>
+              <el-upload class="avatar-uploader"  action="" :http-request="uploadImg1New"
+                accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false">
+                <img v-if="ContractUrl" :src="ContractUrl" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+              <!-- <el-input v-model="addMsg.ContractUrl" class maxlength="50"></el-input> -->
             </el-form-item>
           </el-col>
          
@@ -607,6 +612,7 @@ export default {
       multipleSort: false,
       loading: true,
       CompanySelect:[],
+      ContractUrl:"",
       msg: {
         pageIndex: 1,
         pageSize: 15,
@@ -1262,6 +1268,19 @@ export default {
         err => {}
       );
     },
+
+    uploadImg1New(file) {
+        let that = this;
+        that.$message.info('上传中...')
+        //上传
+        let newArr = [];
+        newArr.push(file.file);
+        let path = "/Upload/Temporary/";
+        this.UploadSelfFileT(path, newArr, x => {
+          this.ContractUrl = this.domainManager().ViittoFileUrl + x.data.FilePath
+          that.$message.success('上传成功');
+        });
+      },
     getList() {
       //获取列表
       this.loading = true;
@@ -1575,6 +1594,84 @@ export default {
   color: #666666;
   font-size: 14px;
 }
+
+
+/deep/ .page_PlatformAccount ._vMG_edit .avatar-uploader .el-upload {
+    border:  1px dashed #d9d9d9 !important;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .page_PlatformAccount  ._vMG_edit.avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+
+  .page_PlatformAccount ._vMG_edit .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 148px;
+    height: 148px;
+    line-height: 148px;
+    text-align: center;
+  }
+
+  ._vMG_edit {
+    overflow: auto;
+    position: absolute;
+    height: 200px;
+    z-index: 50;
+    bottom: 0;
+    left: 0;
+    border-top: 1px solid #d1d1d1;
+    background-color: #FFFFFF;
+    padding: 20px 20px 0;
+    width: 100%;
+  }
+
+  ._vMG_edit>p {
+    border-left: 3px solid #E95252;
+    text-indent: 15px;
+    height: 14px;
+    font-size: 14px;
+    margin-bottom: 20px;
+    line-height: 14px;
+    color: #000;
+  }
+  ._vMG_edit .el-form-item__label {
+    font-size: 12px !important;
+  }
+
+  ._vMG_edit .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+
+  ._vMG_edit .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+
+  ._vMG_edit .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 148px;
+    height: 148px;
+    line-height: 148px;
+    text-align: center;
+  }
+
+  ._vMG_edit .avatar {
+    width: 148px;
+    height: 148px;
+    display: block;
+  }
+
+
+
 .cm_content {
   margin: 0;
   padding: 0;