修改上传组件

src/components/upload/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <input class="cust-upload" type="file" :accept="allowfile" @change="onchange" />
+</template>
+
+<script>
+export default {
+  name: 'fileUpload',
+  props: [
+    'accept',
+    'value',
+    'upload',
+  ],
+  data () {
+    return {}
+  },
+  computed: {
+    allowfile () {
+      return this.accept || 'image/jpeg, image/gif, image/png'
+    }
+  },
+  methods: {
+    onchange (e) {
+      const files = e.target.files
+      if (files && files.length) {
+        this.upload(files[0]).then((data) => {
+          this.$emit('input', data)
+        }).catch((error) => {
+          // TODO
+          console.log(error)
+        })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.cust-upload {
+
+}
+</style>

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

@@ -24,7 +24,7 @@
               <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='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="cardInfo.CardImageUrl && cardInfo.CardImageUrl.indexOf('.mp4') === -1" :src="cardInfo.CardImageUrl" class="avatar">

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

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

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

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

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

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

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

@@ -37,7 +37,7 @@
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="postData.AreaIcon" :src="postData.AreaIcon" class="avatar">
@@ -52,7 +52,7 @@
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :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

@@ -66,7 +66,7 @@
               </a> -->
               <el-upload
                 class="avatar-uploader"
-                :action='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :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

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

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

@@ -78,7 +78,7 @@
           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="$api.file.image.url"
+              :action="toolClass.ReplaceOrg($api.file.image.url)"
               :limit='limit'
               list-type="picture-card"
               :file-list='imgsArr'
@@ -92,12 +92,15 @@
             </el-dialog> -->
             <el-upload
               class="avatar-uploader"
-              :action='$api.file.image.url'
+              :action='toolClass.ReplaceOrg($api.file.image.url)'
               :show-file-list="false"
               :on-success="handleAvatarSuccess">
               <img v-if="postData.ImageUrl" :src="postData.ImageUrl" class="avatar">
               <i v-else class="el-icon-plus avatar-uploader-icon"></i>
             </el-upload>
+            <!-- <div>
+              <image-uploader :upload="uploader" v-model="postData.ImageUrl" />
+            </div> -->
           </div>
         </li>
         <!-- <li class="flex-h">
@@ -126,6 +129,7 @@
 
 <script>
 import { mapState, createNamespacedHelpers, mapActions } from 'vuex'
+// import upload from '@/util/upload'
 
 const { mapActions: mapCmsActions } = createNamespacedHelpers('cms')
 const { mapState: mapCourseState, mapActions: mapCourseActions } = createNamespacedHelpers('course')
@@ -134,6 +138,7 @@ export default {
   name: '',
   data () {
     return {
+      // uploader: upload,
       postData: {
         ForwardType: '1',
         ForwardUrl: '',
@@ -151,7 +156,9 @@ export default {
       limit: 1
     }
   },
-  components: {},
+  components: {
+    // imageUploader: () => import('@/components/upload')
+  },
   created () {
     this.GetCourseList({page: 1, pagesize: 100})
     this.updateLocationInfo()

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

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

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

@@ -45,7 +45,7 @@
           <span>图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action="$api.file.image.url"
+              :action="toolClass.ReplaceOrg($api.file.image.url)"
               list-type="picture-card"
               :limit='limit'
               :file-list='imgsArr'
@@ -57,7 +57,7 @@
             <!-- 单选 -->
             <el-upload
               class="avatar-uploader"
-              :action='$api.file.image.url'
+              :action='toolClass.ReplaceOrg($api.file.image.url)'
               :show-file-list="false"
               :on-success="handleImgSuccess">
               <img v-if="imgShow" :src="imgShow" class="avatar">
@@ -69,7 +69,7 @@
           <span>详细图片：</span>
           <div class="flex-item">
             <!-- <el-upload
-              :action='$api.file.image.url'
+              :action='toolClass.ReplaceOrg($api.file.image.url)'
               list-type="picture-card"
               :limit='limit'
               :file-list='detailimgsArr'
@@ -81,7 +81,7 @@
             <!-- 单选 -->
             <el-upload
               class="avatar-uploader"
-              :action='$api.file.image.url'
+              :action='toolClass.ReplaceOrg($api.file.image.url)'
               :show-file-list="false"
               :on-success="handleDetailImgSuccess">
               <img v-if="detailImgShow" :src="detailImgShow" class="avatar">

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

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

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

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

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

@@ -8,7 +8,7 @@
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="detail.CourseImg" :src="detail.CourseImg" class="avatar">

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

@@ -170,7 +170,7 @@
             <div>
               <el-upload
                 class="avatar-uploader"
-                :action='$api.file.image.url'
+                :action='toolClass.ReplaceOrg($api.file.image.url)'
                 :show-file-list="false"
                 :on-success="handleAvatarSuccess">
                 <img v-if="newImg" :src="newImg" class="avatar">

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

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

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

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

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

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

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

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

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

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

src/util/upload.js

@@ -0,0 +1,13 @@
+import api from './api'
+import ajax from './ajax'
+
+export default function upload (file) {
+  return new Promise((resolve, reject) => {
+    ajax({
+      ...api.file.image,
+      data: { file: file },
+    }).then(({ url }) => {
+      resolve(url)
+    }).catch(reject)
+  })
+}

src/util/util.js

@@ -24,7 +24,9 @@ const toolClass = {
     }
     return fmt
   },
-
+  ReplaceOrg (url) {
+    return url.replace(':org', 'MQ')
+  }
 }
 
 export function formatTimeBySeconds (ms) {