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