ytj

src/pages/system/cardAndCouponManager/bodyBuildingCardManager/edit.vue

               <a v-if="cardInfo.CardImageUrl && cardInfo.CardImageUrl.indexOf('.mp4') > -1" :href="cardInfo.CardImageUrl" target="blank" style="line-height:40px;">{{cardInfo.CardImageUrl}}</a>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="cardInfo.CardImageUrl && cardInfo.CardImageUrl.indexOf('.mp4') === -1" :src="cardInfo.CardImageUrl" class="avatar">
     },
     handleAvatarSuccess (res, file) {
       this.cardInfo.CardImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/cardAndCouponManager/cardManager/edit.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="cardInfo.Images" :src="cardInfo.Images[0].CardImageUrl" class="avatar">
               <a style="line-height: 40px;" v-if="videoOff" :href="cardInfo.VideoUrl" target="blank">{{cardInfo.VideoUrl}}</a>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="videoSuccess">
                 <a style="line-height: 40px;padding: 0 10px;">{{videoOff ? '更换' : '添加'}}视频</a>
     },
     handleAvatarSuccess (res, file) {
       this.cardInfo.Images[0].CardImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/cardAndCouponManager/couponManager/edit.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="couponInfo.Images[0].CouponImageUrl" :src="couponInfo.Images[0].CouponImageUrl" class="avatar">
               <a style="line-height: 40px;" v-if="videoOff" :href="couponInfo.VideoUrl" target="blank">{{couponInfo.VideoUrl}}</a>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="videoSuccess">
                 <a style="line-height: 40px;padding: 0 10px;">{{videoOff ? '更换' : '添加'}}视频</a>
           this.total = res.pagenum
         })
       }
-    },
+    }
   }
 }
 </script>

src/pages/system/caseManager/caseAreaManager/add.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.AreaIcon" :src="postData.AreaIcon" class="avatar">
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccesser">
                 <img v-if="postData.AreaIconWhite" :src="postData.AreaIconWhite" class="avatar">

src/pages/system/caseManager/caseAreaManager/edit.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.AreaIcon" :src="postData.AreaIcon" class="avatar">
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccesser">
                 <img v-if="postData.AreaIconWhite" :src="postData.AreaIconWhite" class="avatar">

src/pages/system/caseManager/caseInfo/addCase/index.vue

               </a> -->
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.CaseIcon" :src="postData.CaseIcon" class="avatar">

src/pages/system/caseManager/caseInfo/editCase/index.vue

               </a> -->
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.CaseIcon" :src="postData.CaseIcon" class="avatar">

src/pages/system/cmsManager/bannerManager/add.vue

           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'
             </el-dialog> -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
     // }
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/cmsManager/bannerManager/edit.vue

           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'
             </el-dialog> -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
     // }
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/cmsManager/majorProjects/edit.vue

           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               list-type="picture-card"
               :limit='limit'
               :file-list='imgsArr'
             <!-- 单选 -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleImgSuccess">
               <img v-if="imgShow" :src="imgShow" class="avatar">
           <span>详细图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               list-type="picture-card"
               :limit='limit'
               :file-list='detailimgsArr'
             <!-- 单选 -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleDetailImgSuccess">
               <img v-if="detailImgShow" :src="detailImgShow" class="avatar">
     },
     handleDetailImgSuccess (res, file) {
       this.detailimg = res.result.url
-    },
+    }
   },
   mounted () {
     this.getCourse()

src/pages/system/cmsManager/newsManager/add.vue

           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'
             <!-- 单选 -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
     // }
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/cmsManager/newsManager/edit.vue

           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'
             </el-dialog> -->
             <el-upload
               class="avatar-uploader"
-              :action='toolClass.ReplaceOrg($api.file.image.url)'
+              action='string'
+              :http-request="toolClass.upload"
               :show-file-list="false"
               :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
     },
     handleAvatarSuccess (res, file) {
       this.postData.ImageUrl = res.result.url
-    },
+    }
   }
 }
 </script>

src/pages/system/courseManager/courseList/add.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="detail.CourseImg" :src="detail.CourseImg" class="avatar">
         return this.detail.CaseId || this.caseid
       },
       set (val) {
-        this.UpdateInfo({...this.detail, CaseId: val})
+        this.UpdateInfo({ ...this.detail, CaseId: val })
       }
     },
     courseDate: {
         return this.detail.BeginDate && this.detail.EndDate ? [this.detail.BeginDate, this.detail.EndDate] : []
       },
       set (val) {
-        this.UpdateInfo({...this.detail, BeginDate: val[0], EndDate: val[1]})
+        this.UpdateInfo({ ...this.detail, BeginDate: val[0], EndDate: val[1] })
       },
     },
     tags: {
             TagId: x,
           }
         })
-        this.UpdateInfo({...this.detail, CourseTags: v})
+        this.UpdateInfo({ ...this.detail, CourseTags: v })
       }
     },
   },
       'GetCourseTagList',
     ]),
     handleAvatarSuccess (res, file) {
-      this.UpdateInfo({...this.detail, CourseImg: res.result.url})
+      this.UpdateInfo({ ...this.detail, CourseImg: res.result.url })
+    },
+    upLoad (item) {
+      this.toolClass.upload(item).then((res) => { this.handleAvatarSuccess(res, item.file) })
     },
     submit () { // 提交数据
       const { id } = this.$route.query
       if (!id || id === '') {
-        this.UpdateInfo({...this.detail, CourseId: ''})
+        this.UpdateInfo({ ...this.detail, CourseId: '' })
       }
       const _that = this
       this.detail.tagids = this.tags.map(x => {
         if (!this.detail.CaseId || this.detail.CaseId === '') {
           this.detail.CaseId = this.caseid
         }
-        this.AddCourse({...this.detail, callback: _that.afterSave})
+        this.AddCourse({ ...this.detail, callback: _that.afterSave })
       } else {
-        this.UpdateCourse({...this.detail, callback: _that.afterSave})
+        this.UpdateCourse({ ...this.detail, callback: _that.afterSave })
       }
     },
     afterSave () {

src/pages/system/courseManager/courseList/index.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="newImg" :src="newImg" class="avatar">
     },
     toSchedule (row) {
       this.$router.push({ name: 'scheduleManager', query: { id: row.CourseId } })
-    },
+    }
   }
 }
 </script>

src/pages/system/courseManager/fiveA/add.vue

           <span>图片：</span>
           <div class="flex-item">
             <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'

src/pages/system/courseManager/fiveA/edit.vue

           <span>图片：</span>
           <div class="flex-item">
             <el-upload
-              :action="toolClass.ReplaceOrg($api.file.image.url)"
+              action='string'
+              :http-request="toolClass.upload"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'

src/pages/system/goodsManager/goodManager/edit.vue

             <div style="width:50%">
               <!-- 多选 -->
               <!-- <el-upload
-                :action="toolClass.ReplaceOrg($api.file.image.url)"
+                action='string'
+                :http-request="toolClass.upload"
                 :limit='limit'
                 list-type="picture-card"
                 :file-list='imgsArr'
               <!-- 单选 -->
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="Image" :src="Image" class="avatar">

src/pages/system/systemSet/userManager/add.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.Headimgurl" :src="postData.Headimgurl" class="avatar">

src/pages/system/systemSet/userManager/edit.vue

             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='toolClass.ReplaceOrg($api.file.image.url)'
+                action='string'
+                :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.Headimgurl" :src="postData.Headimgurl" class="avatar">

src/util/util.js

+import Ajax from './ajax'
+import api from './api'
 const toolClass = {
   dateFormat: (timestamp, fmt) => {
     if (!fmt) {
   },
   ReplaceOrg (url) {
     return url.replace(':org', 'MQ')
+  },
+  upload (item) {
+    return new Promise((resolve, reject) => {
+      Ajax({
+        ...api.file.image,
+        data: { file: item.file },
+      }).then((res) => {
+        let result = {
+          result : res
+        }
+        item.onSuccess(result, item.file)
+        console.log(result)
+        resolve(result)
+      }).catch(reject)
+    })
   }
 }