Просмотр исходного кода

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

RuoYi лет назад: 5
Родитель
Сommit
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 1
 <template>
2 2
   <div>
3 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 5
       <el-row>
6 6
         <el-col :xs="24" :md="12" :style="{height: '350px'}">
7 7
           <vue-cropper
@@ -136,6 +136,11 @@ export default {
136 136
     // 实时预览
137 137
     realTime(data) {
138 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
 };