v3.5.0 update ruoyi-ui/src/views/system/user/profile/userAvatar.vue. 修改头像，截图支持取消

YunaiV
1 parent 30f16044
Showing 1 changed file with 5 additions and 1 deletions
yudao-ui-admin/src/views/system/user/profile/userAvatar.vue
 <template>
   <div>
     <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div>
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened">
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog()">
       <el-row>
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
           <vue-cropper
@@ -136,6 +136,10 @@ export default {
     // 实时预览
     realTime(data) {
       this.previews = data;
+    },
+    // 取消截图，关闭对话框
+    closeDialog() {
+      this.options.img = store.getters.avatar
     }
   }
 };