|
|
@ -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 |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|