瀏覽代碼

关闭用户头像上传窗口时恢复原图

RuoYi 5 年之前
父節點
當前提交
25f94db9c5
共有 1 個文件被更改,包括 6 次插入1 次删除
  1. 6 1
      ruoyi-ui/src/views/system/user/profile/userAvatar.vue

+ 6 - 1
ruoyi-ui/src/views/system/user/profile/userAvatar.vue

@@ -1,7 +1,7 @@
1
 <template>
1
 <template>
2
   <div>
2
   <div>
3
     <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div>
3
     <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div>
4
-    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened">
4
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog()">
5
       <el-row>
5
       <el-row>
6
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
6
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
7
           <vue-cropper
7
           <vue-cropper
@@ -136,6 +136,11 @@ export default {
136
     // 实时预览
136
     // 实时预览
137
     realTime(data) {
137
     realTime(data) {
138
       this.previews = data;
138
       this.previews = data;
139
+    },
140
+    // 关闭窗口
141
+    closeDialog() {
142
+      this.options.img = store.getters.avatar
143
+	  this.visible = false;
139
     }
144
     }
140
   }
145
   }
141
 };
146
 };