From dd73827112222b5ae5d10dd644a521c371bad8f9 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Tue, 13 Jun 2017 11:04:54 +0800
Subject: [PATCH] fix avatar component bug

---
 src/components/ImageCropper/index.vue | 1 +
 src/views/components/avatarUpload.vue | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
index f9415a3d..1e5c28b2 100644
--- a/src/components/ImageCropper/index.vue
+++ b/src/components/ImageCropper/index.vue
@@ -328,6 +328,7 @@
             // 关闭控件
             off() {
                 this.show = false;
+                this.$emit('close');
             },
             // 设置步骤
             setStep(step) {
diff --git a/src/views/components/avatarUpload.vue b/src/views/components/avatarUpload.vue
index 93d99a33..47858560 100644
--- a/src/views/components/avatarUpload.vue
+++ b/src/views/components/avatarUpload.vue
@@ -9,9 +9,11 @@
     <el-button type="primary" icon="upload" style="position: absolute;bottom: 15px;margin-left: 40px;" @click="imagecropperShow=true">修改头像
     </el-button>
 
-    <ImageCropper :width="300" :height="300" url="https://httpbin.org/post"  @crop-upload-success="cropSuccess" :key="imagecropperKey" v-show="imagecropperShow" />
+    <ImageCropper :width="300" :height="300" url="https://httpbin.org/post" @close='close' @crop-upload-success="cropSuccess"
+      :key="imagecropperKey" v-show="imagecropperShow" />
   </div>
 </template>
+
 <script>
     import ImageCropper from 'components/ImageCropper';
     import PanThumb from 'components/PanThumb';
@@ -29,6 +31,9 @@
           this.imagecropperShow = false;
           this.imagecropperKey = this.imagecropperKey + 1;
           this.image = resData.files.avatar;
+        },
+        close() {
+          this.imagecropperShow = false;
         }
       }
     };