|
|
@ -3,7 +3,7 @@
|
|
|
|
<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" @close="closeDialog">
|
|
|
|
<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 :span="12" :style="{height: '350px'}">
|
|
|
|
<vue-cropper
|
|
|
|
<vue-cropper
|
|
|
|
ref="cropper"
|
|
|
|
ref="cropper"
|
|
|
|
:img="options.img"
|
|
|
|
:img="options.img"
|
|
|
@ -16,7 +16,7 @@
|
|
|
|
v-if="visible"
|
|
|
|
v-if="visible"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :xs="24" :md="12" :style="{height: '350px'}">
|
|
|
|
<el-col :span="12" :style="{height: '350px'}">
|
|
|
|
<div class="avatar-upload-preview">
|
|
|
|
<div class="avatar-upload-preview">
|
|
|
|
<img :src="previews.url" :style="previews.img" />
|
|
|
|
<img :src="previews.url" :style="previews.img" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -24,7 +24,7 @@
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :lg="2" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">
|
|
|
|
<el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">
|
|
|
|
<el-button size="small">
|
|
|
|
<el-button size="small">
|
|
|
|
选择
|
|
|
|
选择
|
|
|
@ -32,19 +32,19 @@
|
|
|
|
</el-button>
|
|
|
|
</el-button>
|
|
|
|
</el-upload>
|
|
|
|
</el-upload>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :lg="{span: 1, offset: 2}" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-button icon="el-icon-plus" size="small" @click="changeScale(1)"></el-button>
|
|
|
|
<el-button icon="el-icon-plus" size="small" @click="changeScale(1)"></el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :lg="{span: 1, offset: 1}" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-button icon="el-icon-minus" size="small" @click="changeScale(-1)"></el-button>
|
|
|
|
<el-button icon="el-icon-minus" size="small" @click="changeScale(-1)"></el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :lg="{span: 1, offset: 1}" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-button icon="el-icon-refresh-left" size="small" @click="rotateLeft()"></el-button>
|
|
|
|
<el-button icon="el-icon-refresh-left" size="small" @click="rotateLeft()"></el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :lg="{span: 1, offset: 1}" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-button icon="el-icon-refresh-right" size="small" @click="rotateRight()"></el-button>
|
|
|
|
<el-button icon="el-icon-refresh-right" size="small" @click="rotateRight()"></el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :lg="{span: 2, offset: 6}" :md="2">
|
|
|
|
<el-col :span="2">
|
|
|
|
<el-button type="primary" size="small" @click="uploadImg()">提 交</el-button>
|
|
|
|
<el-button type="primary" size="small" @click="uploadImg()">提 交</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|