From 2e9679b7af6fb1f290f68151681fce01f1c35af5 Mon Sep 17 00:00:00 2001
From: zhl <zhl010101@gmail.com>
Date: Thu, 27 May 2021 20:18:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B4=BB=E5=8A=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=9B=BE=E7=89=87=E4=B8=8A=E4=BC=A0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/activity/edit.vue | 37 ++++++++++++++++++++++++++++++++++---
 src/views/exam/edit.vue     |  2 ++
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/src/views/activity/edit.vue b/src/views/activity/edit.vue
index 8b4ab20..23a63f8 100644
--- a/src/views/activity/edit.vue
+++ b/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>
 
diff --git a/src/views/exam/edit.vue b/src/views/exam/edit.vue
index 839393b..030b207 100644
--- a/src/views/exam/edit.vue
+++ b/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>