bellezhuo
6 years ago
10 changed files with 918 additions and 330 deletions
-
2src/assets/css/base.css
-
21src/assets/css/element.css
-
249src/assets/css/other.css
-
35src/assets/data/en.js
-
31src/assets/data/zh.js
-
18src/router.js
-
2src/store/modules/user.js
-
620src/views/user/account.vue
-
199src/views/user/index.vue
-
71src/views/user/setting.vue
@ -0,0 +1,620 @@ |
|||||
|
<template> |
||||
|
<div class="wrap"> |
||||
|
<div class="user-top-container"> |
||||
|
<div class="container "> |
||||
|
<div class="user-top"> |
||||
|
<div class="user-top-left"> |
||||
|
|
||||
|
<div class="user-head-img" onclick="showpop(upload)"> |
||||
|
<div class="user-add"> |
||||
|
<img src="../../assets/images/camera-icon.png"> |
||||
|
</div> |
||||
|
<img src="../../assets/images/user-head-img.png"> |
||||
|
</div> |
||||
|
<div class="user-head-text"> |
||||
|
<h1>{{userInfoData.userName}}</h1> |
||||
|
<p>UID：{{userInfoData.uid}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="user-top-right"> |
||||
|
<div class="user-top-modify"> |
||||
|
<div class="modify-centent"> |
||||
|
{{$t('资金密码')}}： |
||||
|
<template v-if="userInfoData.initPayPwd">******</template> |
||||
|
<template v-else>{{$t('无')}}</template> |
||||
|
<span class="modify-btn">{{$t('设置')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="modify-centent"> |
||||
|
{{$t('登录密码')}}：****** |
||||
|
<span class="modify-btn">{{$t('修改')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<p>{{$t('互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。')}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="assets-main margin-t60"> |
||||
|
<div class="container"> |
||||
|
<div class="content-wrap"> |
||||
|
<div class="hc-breadcrumb"> |
||||
|
<div class="title_one"> |
||||
|
<span>{{$t('安全认证')}}</span> |
||||
|
<i>({{$t('强烈建议开启3项安全认证')}})</i> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title_two"> |
||||
|
<div class="title_two_left">{{$t('安全级别')}}：</div> |
||||
|
|
||||
|
<div :class="['title_two_center', {'progress-high':safeLevel==1}, {'progress-mid':safeLevel>=0.5&&safeLevel<1}, {'progress-low':safeLevel<0.5}]"> |
||||
|
<div class="progress" :style="{'width': safeWidth}"></div> |
||||
|
</div> |
||||
|
<div class="title_two_right">{{safeLevelText}}</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="auth-list"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<img src="../../assets/images/auth-list-icon01.png" /> |
||||
|
<h4>{{$t('电子邮箱')}}</h4> |
||||
|
|
||||
|
<template v-if="userInfoData.email"> |
||||
|
<div class="security-center hc-color2"> |
||||
|
<span>{{$t('已绑定')}}</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{$t('未绑定')}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button @click="bindEmail">{{$t('去绑定')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<img src="../../assets/images/auth-list-icon02.png" /> |
||||
|
<h4>{{$t('电话号码')}}</h4> |
||||
|
|
||||
|
<template v-if="userInfoData.phone"> |
||||
|
<div class="security-center hc-color2"> |
||||
|
<span>{{$t('已绑定')}}</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{$t('未绑定')}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button>{{$t('去绑定')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<img src="../../assets/images/auth-list-icon03.png" /> |
||||
|
<h4>{{$t('承兑商申请')}}</h4> |
||||
|
<p></p> |
||||
|
|
||||
|
<template v-if="merchantStatus == '未申请商家'"> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{merchantStatus}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button @click="gotoApplyMerchant">{{$t('去申请')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<template v-else-if="merchantStatus == '审核不通过，请重新申请!'"> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{merchantStatus}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button @click="gotoApplyMerchant">{{$t('重新申请')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<template v-else> |
||||
|
<div class="security-center"> |
||||
|
<span>{{merchantStatus}}</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<img src="../../assets/images/auth-list-icon03.png" /> |
||||
|
<h4>{{$t('实名认证')}}</h4> |
||||
|
|
||||
|
<template v-if="userInfoData.extendData && userInfoData.extendData.idCard.authPass == '未申请'"> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{userInfoData.extendData.idCard.authPass}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button @click="showAuth = true">{{$t('去申请')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else-if="userInfoData.extendData && userInfoData.extendData.idCard.authPass == '认证未通过'"> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{userInfoData.extendData.idCard.authPass}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button @click="showAuth = true">{{$t('重新申请')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else-if="userInfoData.extendData && userInfoData.extendData.idCard.authPass == '审核中'"> |
||||
|
<div class="security-center"> |
||||
|
<h3>{{userInfoData.extendData.idCard.authPass}}</h3> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else> |
||||
|
<div class="security-center hc-color2"> |
||||
|
<span>{{userInfoData.extendData.idCard.authPass}}</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<img src="../../assets/images/auth-list-icon04.png" /> |
||||
|
<h4>{{$t('谷歌验证')}}</h4> |
||||
|
|
||||
|
<template v-if="userInfoData.hasGoogleAuth"> |
||||
|
<div class="security-center hc-color2"> |
||||
|
<span>{{$t('已绑定')}}</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template v-else> |
||||
|
<div class="security-center hc-color1"> |
||||
|
<span>{{$t('未绑定')}}</span> |
||||
|
</div> |
||||
|
<div class="security-btn"> |
||||
|
<button>{{$t('去绑定')}}</button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div class="auth-list-p"> |
||||
|
<p>{{$t('用于提币、找回密码、修改安全设置、管理API时使用，激活后不可修改')}}</p> |
||||
|
<p>{{$t('用于提币、找回密码、修改安全设置、管理API时用以收取验证短信')}}</p> |
||||
|
<p>{{$t('根据政策法规要求，请用户务必实名认证，才能进行相关交易操作')}}</p> |
||||
|
<p>{{$t('根据政策法规要求，请用户务必实名认证，才能进行相关交易操作')}}</p> |
||||
|
<p>{{$t('用于提币、找回密码、修改安全设置、管理API时用以输入谷歌验证码')}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- 设置邮箱的弹窗 --> |
||||
|
<el-dialog class="user-dialog" :title="$t('设置邮箱')" :visible.sync="showEmail" :before-close="closeEmail"> |
||||
|
<div class="title-tips">{{$t('设置邮箱')}}</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input :placeholder="$t('请输入邮箱')" v-model="email" type="text" clearable autocomplete="off" @keyup.enter.native="setEmail"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title-tips">{{$t('动态验证')}}</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input class="verify-input" :placeholder="$t('请输入验证码')" v-model="verifyCode" type="text" clearable autocomplete="off" @keyup.enter.native="setEmail"> |
||||
|
</el-input> |
||||
|
|
||||
|
<span class="get-code" v-if="isCodeSend">{{iTime + $t('s后重新获取')}}</span> |
||||
|
<span class="get-code" @click="getCode" v-else>{{$t('获取验证码')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="true" v-if="loading">{{$t('提交中...')}}</el-button> |
||||
|
<el-button type="primary" @click="setEmail" v-else>{{$t('确定')}}</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 实名认证的弹窗 --> |
||||
|
<el-dialog class="user-dialog" :title="$t('实名认证')" :visible.sync="showAuth" :before-close="closeAuth"> |
||||
|
<div class="title-tips">{{$t('姓名')}}</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input :placeholder="$t('请输入姓名')" v-model="name" type="text" clearable autocomplete="off" @keyup.enter.native="applyAuth"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title-tips">{{$t('身份证号')}}</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input :placeholder="$t('请输入身份证号码')" v-model="identity" type="text" clearable autocomplete="off" @keyup.enter.native="applyAuth"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title-tips">{{$t('上传身份证')}}</div> |
||||
|
<div class="upload-photo" :class="{'hide': identityPictures1}"> |
||||
|
<el-upload |
||||
|
:action="this.common.baseURL+'/user/api/file/image'" |
||||
|
:headers="{'Authorization': 'Bearer '+this.common.getItem(common.tokenKey)}" |
||||
|
list-type="picture-card" |
||||
|
accept="image/jpeg,image/gif,image/png" |
||||
|
:file-list="fileList" |
||||
|
:on-success="uploadSuccess1" |
||||
|
:on-error="uploadError" |
||||
|
:on-remove="uploadDelete1" |
||||
|
> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
<h3>{{$t('身份证正面')}}</h3> |
||||
|
</div> |
||||
|
|
||||
|
<div class="upload-photo" :class="{'hide': identityPictures2}"> |
||||
|
<el-upload |
||||
|
:action="this.common.baseURL+'/user/api/file/image'" |
||||
|
:headers="{'Authorization': 'Bearer '+this.common.getItem(common.tokenKey)}" |
||||
|
list-type="picture-card" |
||||
|
accept="image/jpeg,image/gif,image/png" |
||||
|
:file-list="fileList" |
||||
|
:on-success="uploadSuccess2" |
||||
|
:on-error="uploadError" |
||||
|
:on-remove="uploadDelete2" |
||||
|
> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
<h3>{{$t('身份证背面')}}</h3> |
||||
|
</div> |
||||
|
|
||||
|
<div class="upload-photo" :class="{'hide': identityPictures3}"> |
||||
|
<el-upload |
||||
|
:action="this.common.baseURL+'/user/api/file/image'" |
||||
|
:headers="{'Authorization': 'Bearer '+this.common.getItem(common.tokenKey)}" |
||||
|
list-type="picture-card" |
||||
|
accept="image/jpeg,image/gif,image/png" |
||||
|
:file-list="fileList" |
||||
|
:on-success="uploadSuccess3" |
||||
|
:on-error="uploadError" |
||||
|
:on-remove="uploadDelete3" |
||||
|
> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
<h3>{{$t('手持身份证跟白纸写日期')}}</h3> |
||||
|
</div> |
||||
|
|
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="true" v-if="loading">{{$t('提交中...')}}</el-button> |
||||
|
<el-button type="primary" @click="applyAuth" v-else>{{$t('确定')}}</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 申请承兑商的弹窗 --> |
||||
|
<el-dialog class="user-dialog" :title="$t('承兑商申请')" :visible.sync="showMerchant" :before-close="closeMerchant"> |
||||
|
<div class="title-tips">{{$t('昵称')}}</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input :placeholder="$t('请输入昵称')" v-model="shopName" type="text" clearable autocomplete="off" @keyup.enter.native="applyMerchant"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title-tips">{{$t('抵押金额')}}({{applyCoin}})</div> |
||||
|
<div class="address-form-input"> |
||||
|
<el-input v-model="applyMoney" readonly></el-input> |
||||
|
</div> |
||||
|
|
||||
|
<div class="title-tips">{{$t('请上传头像')}}</div> |
||||
|
<div class="upload-photo" :class="{'hide': shopPicture}"> |
||||
|
<el-upload |
||||
|
:action="this.common.baseURL+'/user/api/file/image'" |
||||
|
:headers="{'Authorization': 'Bearer '+this.common.getItem(common.tokenKey)}" |
||||
|
list-type="picture-card" |
||||
|
accept="image/jpeg,image/gif,image/png" |
||||
|
:file-list="fileList" |
||||
|
:on-success="uploadSuccess4" |
||||
|
:on-error="uploadError" |
||||
|
:on-remove="uploadDelete4" |
||||
|
> |
||||
|
<i class="el-icon-plus"></i> |
||||
|
</el-upload> |
||||
|
</div> |
||||
|
|
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" :loading="true" v-if="loading">{{$t('提交中...')}}</el-button> |
||||
|
<el-button type="primary" @click="applyMerchant" v-else>{{$t('确定')}}</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<router-view></router-view> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
mapState |
||||
|
} from 'vuex' |
||||
|
let Countdown; |
||||
|
export default { |
||||
|
name: 'account', |
||||
|
data() { |
||||
|
return { |
||||
|
showEmail: false, //设置邮箱 |
||||
|
email: '', //邮箱地址 |
||||
|
|
||||
|
showPhone: false, //设置手机 |
||||
|
chooseCode: 86, //区号 |
||||
|
phone: '', //手机 |
||||
|
|
||||
|
bindType: 0, //0手机 1邮箱 |
||||
|
iTime: 60, //验证码倒计时 |
||||
|
isCodeSend: false, |
||||
|
verifyCode: '', //验证码 |
||||
|
|
||||
|
showAuth: false, //申请身份认证 |
||||
|
name: '', //真实姓名 |
||||
|
identity: '', //身份证号码 |
||||
|
identityPictures1: '', //身份证正面 |
||||
|
identityPictures2: '', //身份证背面 |
||||
|
identityPictures3: '', //手持身份证 |
||||
|
fileList: [], //上传插件 上传图片列表 |
||||
|
|
||||
|
showMerchant: false, //申请商家 |
||||
|
shopName: '', //昵称 |
||||
|
applyMoney: 0, //扣除的钱 |
||||
|
applyCoin: '', //扣除的币种 |
||||
|
shopPicture: '', //头像 |
||||
|
|
||||
|
loading: false, //提交loading |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapState('user', ['isLogin', 'userInfoData', 'merchantStatus']), |
||||
|
|
||||
|
bindTypeText() { //设置类型 |
||||
|
let text = this.bindType == 0 ? this.$t('手机') : this.$t('邮箱'); |
||||
|
return text; |
||||
|
}, |
||||
|
safeLevel() { //安全等级 |
||||
|
let val = 0; |
||||
|
let length = 0; |
||||
|
let statusList = []; |
||||
|
if(this.userInfoData && this.userInfoData.extendData) { |
||||
|
let email = this.userInfoData.email ? true : false; |
||||
|
let phone = this.userInfoData.phone ? true : false; |
||||
|
let auth = this.userInfoData.extendData.idCard.authPass == '认证成功' ? true : false; |
||||
|
let google = this.userInfoData.hasGoogleAuth; |
||||
|
let shop = this.merchantStatus == '您已经是商家了' ? true : false; |
||||
|
statusList = [email, phone, auth, google, shop]; |
||||
|
} |
||||
|
statusList.forEach(item => { |
||||
|
if(item) { |
||||
|
length++; |
||||
|
} |
||||
|
}) |
||||
|
val = parseFloat(length)/5; |
||||
|
return val; |
||||
|
}, |
||||
|
safeLevelText() { //安全指示文字 |
||||
|
let text; |
||||
|
if(this.safeLevel < 0.5) { |
||||
|
text = this.$t('低'); |
||||
|
} else if(this.safeLevel >=0.5 && this.safeLevel <1) { |
||||
|
text = this.$t('中'); |
||||
|
} else { |
||||
|
text = this.$t('高'); |
||||
|
} |
||||
|
return text; |
||||
|
}, |
||||
|
safeWidth() { //安全指示条长度 |
||||
|
let length = 0; |
||||
|
length = this.safeLevel*100 + '%'; |
||||
|
return length; |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getMerchantInfo() { //申请承兑商条件 |
||||
|
this.getAxios('/api/market/enter/feeze/info') |
||||
|
.then(data => { |
||||
|
this.applyMoney = data.data.amount; |
||||
|
this.applyCoin = data.data.coinId; |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
bindEmail() { //绑定邮箱 |
||||
|
this.bindType = 1; |
||||
|
this.showEmail = true; |
||||
|
}, |
||||
|
setEmail() { //设置邮箱 |
||||
|
if (this.loading) { |
||||
|
return; |
||||
|
} |
||||
|
if (!this.email) { |
||||
|
this.$message.error(this.$t('请输入邮箱地址！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.verifyCode) { |
||||
|
this.$message.error(this.$t('请输入验证码！')); |
||||
|
return; |
||||
|
} |
||||
|
this.loading = true; |
||||
|
|
||||
|
let params = { |
||||
|
email: this.email, |
||||
|
verifyCode: this.verifyCode |
||||
|
} |
||||
|
this.putAxios('/user/api/user/info/email/bind', params) |
||||
|
.then(() => { |
||||
|
this.$message.success(this.$t('邮箱绑定成功！')); |
||||
|
this.closeEmail(); |
||||
|
setTimeout(() => { |
||||
|
this.$store.dispatch('user/getUserData'); |
||||
|
}, 600) |
||||
|
}) |
||||
|
}, |
||||
|
closeEmail() { //关闭邮箱 |
||||
|
this.showEmail = false; |
||||
|
//清除数据 |
||||
|
this.email = ''; |
||||
|
this.verifyCode = ''; |
||||
|
this.loading = false; |
||||
|
}, |
||||
|
|
||||
|
applyAuth() { |
||||
|
if (this.loading) { |
||||
|
return; |
||||
|
} |
||||
|
if (!this.name) { |
||||
|
this.$message.error(this.$t('请输入真实姓名！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.identity) { |
||||
|
this.$message.error(this.$t('请输入身份证号码！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.identityPictures1) { |
||||
|
this.$message.error(this.$t('请上传身份证正面照片！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.identityPictures2) { |
||||
|
this.$message.error(this.$t('请上传身份证背面照片！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.identityPictures3) { |
||||
|
this.$message.error(this.$t('请上传手持身份证跟白纸写日期的照片！')); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.loading = true; |
||||
|
|
||||
|
let params = { |
||||
|
name: this.name, |
||||
|
identity: this.identity, |
||||
|
identityType: 0, |
||||
|
identityPictures: [ |
||||
|
this.identityPictures1, |
||||
|
this.identityPictures2, |
||||
|
this.identityPictures3, |
||||
|
] |
||||
|
} |
||||
|
this.postAxios('/user/api/user/info/authentication', params) |
||||
|
.then(() => { |
||||
|
this.$message.success(this.$t('身份认证提交成功！')); |
||||
|
this.closeAuth(); |
||||
|
setTimeout(() => { |
||||
|
this.$store.dispatch('user/getUserData'); |
||||
|
}, 600) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.loading = false; |
||||
|
}) |
||||
|
}, |
||||
|
closeAuth() { //关闭身份认证 |
||||
|
this.showAuth = false; |
||||
|
//清除数据 |
||||
|
this.name = ''; |
||||
|
this.identity = ''; |
||||
|
this.identityPictures1 = ''; //身份证正面 |
||||
|
this.identityPictures2 = ''; //身份证背面 |
||||
|
this.identityPictures3 = ''; //手持身份证 |
||||
|
this.loading = false; |
||||
|
this.fileList = []; |
||||
|
}, |
||||
|
|
||||
|
gotoApplyMerchant() { |
||||
|
this.getMerchantInfo(); |
||||
|
this.showMerchant = true; |
||||
|
}, |
||||
|
applyMerchant() { //申请承兑商 |
||||
|
if (this.loading) { |
||||
|
return; |
||||
|
} |
||||
|
if (!this.shopName) { |
||||
|
this.$message.error(this.$t('请输入昵称！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.shopPicture) { |
||||
|
this.$message.error(this.$t('请上传商家头像！')); |
||||
|
return; |
||||
|
} |
||||
|
this.loading = true; |
||||
|
}, |
||||
|
closeMerchant() { //关闭承兑商 |
||||
|
this.showMerchant = false; |
||||
|
//清除数据 |
||||
|
this.shopName = ''; |
||||
|
this.shopPicture = ''; |
||||
|
this.loading = false; |
||||
|
this.fileList = []; |
||||
|
}, |
||||
|
|
||||
|
//图片上传成功 |
||||
|
uploadSuccess1(res) { |
||||
|
console.log(JSON.stringify(res)) |
||||
|
this.identityPictures1 = res.data |
||||
|
}, |
||||
|
uploadSuccess2(res) { |
||||
|
this.identityPictures2 = res.data |
||||
|
}, |
||||
|
uploadSuccess3(res) { |
||||
|
this.identityPictures3 = res.data |
||||
|
}, |
||||
|
uploadSuccess4(res) { |
||||
|
this.shopPicture = res.data |
||||
|
}, |
||||
|
//删除图片 |
||||
|
uploadDelete1() { |
||||
|
this.identityPictures1 = ''; |
||||
|
}, |
||||
|
uploadDelete2() { |
||||
|
this.identityPictures2 = ''; |
||||
|
}, |
||||
|
uploadDelete3() { |
||||
|
this.identityPictures3 = ''; |
||||
|
}, |
||||
|
uploadDelete4() { |
||||
|
this.shopPicture = ''; |
||||
|
}, |
||||
|
uploadError(err) { //上传失败 |
||||
|
console.log(JSON.stringify(err)) |
||||
|
}, |
||||
|
|
||||
|
getCode() { //获取验证码 |
||||
|
if (this.isCodeSend) { |
||||
|
this.$message.error(this.$t('请勿频繁获取验证码！')) |
||||
|
return; |
||||
|
} |
||||
|
if (!this.phone && this.bindType == 0) { |
||||
|
this.$message.error(this.$t('请输入手机号！')); |
||||
|
return; |
||||
|
} |
||||
|
if (!this.email && this.bindType == 1) { |
||||
|
this.$message.error(this.$t('请输入邮箱地址！')); |
||||
|
return; |
||||
|
} |
||||
|
this.isCodeSend = true; |
||||
|
|
||||
|
let params = { |
||||
|
identity: this.bindType == 0 ? `${this.chooseCode} ${this.phone}` : this.email, |
||||
|
imageVerifyCode: this.imgVerifyCode, |
||||
|
verifyType: this.bindType, |
||||
|
}; |
||||
|
this.postAxios('/user/api/user/verify/send', params) |
||||
|
.then(() => { |
||||
|
this.$message.success(this.bindTypeText + this.$t('验证码发送成功！')); |
||||
|
this.countdownTimer(); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
this.isCodeSend = false; |
||||
|
}); |
||||
|
}, |
||||
|
countdownTimer() { //短信发送开始计时60s |
||||
|
if (this.iTime === 0) { |
||||
|
clearTimeout(Countdown); |
||||
|
this.isCodeSend = false; |
||||
|
this.iTime = 60; |
||||
|
} else { |
||||
|
Countdown = setTimeout(this.countdownTimer, 1000); |
||||
|
this.iTime = this.iTime - 1; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
@ -0,0 +1,71 @@ |
|||||
|
<template> |
||||
|
<div class="wrap"> |
||||
|
<div class="assets-main"> |
||||
|
<div class="container"> |
||||
|
<!--当前位置--> |
||||
|
<div class="hc-breadcrumb"> |
||||
|
<span>{{$t('个人设置')}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="financialRecords-main "> |
||||
|
<div class="hc-breadcrumb margin0"> |
||||
|
<div class="title_one"> |
||||
|
<span>{{$t('系统设置修改')}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="setting-div"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<span>{{$t('计费方式')}}</span> |
||||
|
<span>"人民币（CNY）"</span> |
||||
|
<span>更改</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<span>涨跌色</span> |
||||
|
<span>"红涨绿跌"</span> |
||||
|
<span>更改</span> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
<div class="financialRecords-main padding-b40"> |
||||
|
<div class="hc-breadcrumb margin0"> |
||||
|
<div class="title_one"> |
||||
|
<span>账户收款方式管理</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="way"> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<p><img src="../../assets/images/trade/icon-alipay.png" />支付宝<span>已激活</span></p> |
||||
|
<p>张三</p> |
||||
|
<p>15626354824</p> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p><img src="../../assets/images/trade/icon-wechat.png" />微信<span class="w-sp">未激活</span></p> |
||||
|
<p>张三</p> |
||||
|
<p>15626354824</p> |
||||
|
</li> |
||||
|
<li> |
||||
|
<p><img src="../../assets/images/trade/icon-bankpayicon.png" />银行卡<span>已激活</span></p> |
||||
|
<p>张三</p> |
||||
|
<p>15626354824</p> |
||||
|
</li> |
||||
|
<li> |
||||
|
<div class="add-li">+添加</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue