103 lines
4.1 KiB
HTML
103 lines
4.1 KiB
HTML
|
{{template "header" }}
|
|||
|
|
<style>
|
|||
|
|
.avatar-uploader .el-upload {
|
|||
|
|
border: 1px dashed #d9d9d9;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.avatar-uploader .el-upload:hover {
|
|||
|
|
border-color: #409EFF;
|
|||
|
|
}
|
|||
|
|
.avatar-uploader-icon {
|
|||
|
|
font-size: 28px;
|
|||
|
|
color: #8c939d;
|
|||
|
|
width: 178px;
|
|||
|
|
height: 178px;
|
|||
|
|
line-height: 178px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
.avatar {
|
|||
|
|
width: 178px;
|
|||
|
|
height: 178px;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<div id="app" style="width:100%">
|
|||
|
|
<template>
|
|||
|
|
<el-container>
|
|||
|
|
<el-main class="mainMain">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-form v-show="sms.bind==true" label-width="200px" style="margin-top:10px;width: 500px;margin-bottom: 50px">
|
|||
|
|
<el-form-item :label="flyLang.tel">
|
|||
|
|
<el-input v-model="kefuInfo.tel"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item :label="flyLang.smsCode">
|
|||
|
|
<el-input style="float: left; width: 150px;margin-right: 10px" v-model="sms.code"></el-input>
|
|||
|
|
<el-button style="float: right;" :disabled="sms.disable" type="warning" @click="getSmsCode"><{sms.txt}></el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button type="primary" @click="postBindTel"><{flyLang.bindTel}></el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
|
|||
|
|
<el-form :model="modifyPass" label-width="200px" style="width: 680px;margin-bottom: 50px">
|
|||
|
|
<el-form-item :label="flyLang.tel" v-show="!sms.bind">
|
|||
|
|
<{kefuInfo.tel}><span v-show="kefuInfo.tel==''"><{flyLang.unbound}></span>
|
|||
|
|
<el-button style="margin-left: 10px" size="mini" @click="sms.bind=true"><{flyLang.bind}></el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item :label="flyLang.nickname">
|
|||
|
|
<{kefuInfo.nickname}>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item :label="flyLang.originAvatar">
|
|||
|
|
<el-avatar :size="120" :src="kefuInfo.avator"></el-avatar><br/>
|
|||
|
|
（<{flyLang.phontDesc}>）
|
|||
|
|
<el-input v-model="kefuInfo.avator"></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item :label="flyLang.newAvatar">
|
|||
|
|
<el-upload
|
|||
|
|
class="avatar-uploader"
|
|||
|
|
:action="uploadAvatorUrl"
|
|||
|
|
:show-file-list="false"
|
|||
|
|
name="imgfile"
|
|||
|
|
:on-success="handleAvatarSuccess"
|
|||
|
|
:before-upload="beforeAvatarUpload">
|
|||
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|||
|
|
</el-upload>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-form-item :label="flyLang.sharingPhoto">
|
|||
|
|
|
|||
|
|
<el-input v-model="kefuInfo.company_pic"></el-input>
|
|||
|
|
（<{flyLang.phontDesc}>）
|
|||
|
|
|
|||
|
|
<el-upload
|
|||
|
|
class="avatar-uploader"
|
|||
|
|
:action="uploadAvatorUrl"
|
|||
|
|
:show-file-list="false"
|
|||
|
|
name="imgfile"
|
|||
|
|
:on-success="handleCompanyPicSuccess"
|
|||
|
|
:before-upload="beforeAvatarUpload">
|
|||
|
|
<i class="el-icon-plus avatar-uploader-icon"></i>
|
|||
|
|
</el-upload>
|
|||
|
|
<el-image :src="kefuInfo.company_pic" v-if="kefuInfo.company_pic!=''"></el-image>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button type="primary" @click="modifyKefuInfo()"><{flyLang.save}></el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
|
|||
|
|
</el-main>
|
|||
|
|
|
|||
|
|
</el-container>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
{{template "setting_bottom" .}}
|