|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></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-row>
|
|
|
|
<el-col :xs="24" :md="12" :style="{height: '350px'}">
|
|
|
|
<el-col :xs="24" :md="12" :style="{height: '350px'}">
|
|
|
|
<vue-cropper
|
|
|
|
<vue-cropper
|
|
|
@ -136,6 +136,10 @@ export default {
|
|
|
|
// 实时预览
|
|
|
|
// 实时预览
|
|
|
|
realTime(data) {
|
|
|
|
realTime(data) {
|
|
|
|
this.previews = data;
|
|
|
|
this.previews = data;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
//取消截图,关闭对话框
|
|
|
|
|
|
|
|
closeDialog() {
|
|
|
|
|
|
|
|
this.options.img = store.getters.avatar
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
|
|
|
};
|
|
|
|