修改活动页面的图片上传组件

src/views/activity/edit.vue

@@ -61,14 +61,31 @@
               prop="icon"
               label="活动icon"
           >
-            <upload-image v-model="postForm.icon"/>
+            <upload-corp-image
+                field="image-file"
+                @crop-upload-success="iconUploadSuccess"
+                :width="400"
+                :height="100"
+                img-format="png"
+                v-model="postForm.icon"
+            >
+
+            </upload-corp-image>
           </el-form-item>
 
           <el-form-item
               prop="banner"
               label="活动配图"
           >
-            <upload-image v-model="postForm.banner"/>
+            <upload-corp-image
+                field="image-file"
+                @crop-upload-success="bannerUploadSuccess"
+                :width="400"
+                :height="260"
+                img-format="png"
+                v-model="postForm.banner"
+            >
+            </upload-corp-image>
           </el-form-item>
           <el-form-item label="重复类型" prop="repeatType">
             <el-select
@@ -391,6 +408,7 @@ import { getCoupons, ICouponData } from '@/api/coupon'
 import { IShopData } from '@/api/types'
 import { ElTree } from 'element-ui/types/tree'
 import { UserModule } from '@/store/modules/user'
+import UploadCorpImage from '@/components/UploadCorpImage/index.vue'
 
 @Component({
   name: 'ActivityEditor',
@@ -398,7 +416,8 @@ import { UserModule } from '@/store/modules/user'
     MaterialInput,
     Sticky,
     UploadImage,
-    RegionPicker
+    RegionPicker,
+    UploadCorpImage
   }
 })
 export default class extends Vue {
@@ -782,6 +801,18 @@ export default class extends Vue {
       })
     })
   }
+
+  private iconUploadSuccess(imgUrl: string) {
+    console.log('upload icon success: ' + imgUrl)
+    this.postForm.icon = imgUrl
+    this.$forceUpdate()
+  }
+
+  private bannerUploadSuccess(imgUrl: string) {
+    console.log('upload banner success: ' + imgUrl)
+    this.postForm.banner = imgUrl
+    this.$forceUpdate()
+  }
 }
 </script>
 

src/views/exam/edit.vue

@@ -649,11 +649,13 @@ export default class extends Vue {
   private iconUploadSuccess(imgUrl: string) {
     console.log('upload icon success: ' + imgUrl)
     this.postForm.icon = imgUrl
+    this.$forceUpdate()
   }
 
   private bannerUploadSuccess(imgUrl: string) {
     console.log('upload banner success: ' + imgUrl)
     this.postForm.banner = imgUrl
+    this.$forceUpdate()
   }
 }
 </script>