|
|
|
@ -1,20 +1,46 @@ |
|
|
|
<template> |
|
|
|
<div class="settings wallet-page"> |
|
|
|
<div class="settings wallet-page d-flex"> |
|
|
|
<secondary-nav></secondary-nav> |
|
|
|
<!-- 资产 --> |
|
|
|
<div class="container"> |
|
|
|
<div class="w-100 d-flex align-items-center mb-3 mt-4" style="padding: 20px 20px 20px 30px;background-color: #fafafa;"> |
|
|
|
<img style="margin-right: 15px;width: 58px;height: 58px;" src="../../assets/img/avatar.svg" /> |
|
|
|
<div> |
|
|
|
<div>{{ userInfo.user_auth_level_text || signed.user_auth_level_text }}</div> |
|
|
|
<div>{{ userInfo.account }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w-100 d-flex justify-content-between align-items-center mb-3 mt-4"> |
|
|
|
<router-link v-if="step==0||step==1" to="/profile/certification">您尚未完成实名认证，请<span style="color: #F7D558!important;">前往认证</span></router-link> |
|
|
|
<div v-else-if="step==2">恭喜您，已经通过身份认证！</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="w-100 d-flex justify-content-between align-items-center mb-3 mt-4"> |
|
|
|
<div class="h3">{{$t('wallet.assets')}}</div> |
|
|
|
<div> |
|
|
|
<div> --> |
|
|
|
<!-- 24小时提币限额： 0 / 20000 USD --> |
|
|
|
<span class="icon-Icon-Increase"></span> |
|
|
|
<!-- <span class="icon-Icon-Increase"></span> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="row" style="border-bottom: 1px solid #f5f5f5;"> |
|
|
|
<div class="col-md-7" style="padding-bottom: 20px;"> |
|
|
|
<div class="panel-box bg-panel mb-3"> |
|
|
|
<div class="heading d-flex justify-content-between align-items-center"> |
|
|
|
<div class="h6" style="color:#333;">账户入金</div> |
|
|
|
<!-- <div>币安支持多种入金方式，您可以选择最适合您的方式</div> --> |
|
|
|
</div> |
|
|
|
<div class="content buy-content-a"> |
|
|
|
<div class="d-flex buy-flex-a"> |
|
|
|
<div> |
|
|
|
<div>买币</div> |
|
|
|
<div style="color: #999;font-size: 12px;">新用户建议直接用现金买币，便捷无忧</div> |
|
|
|
</div> |
|
|
|
<router-link to="/exchange" class="buy-btn-a">买入</router-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row" style="border-bottom: 1px solid #e7e7e7;"> |
|
|
|
<div class="col-md-7"> |
|
|
|
<div class="panel-box bg-panel"> |
|
|
|
<div class="heading d-flex justify-content-between align-items-center"> |
|
|
|
<div class="h6">{{$t('wallet.allAssets')}}</div> |
|
|
|
<div class="h6" style="color:#333;">{{$t('wallet.allAssets')}}</div> |
|
|
|
<div> |
|
|
|
<div class="custom-control custom-switch"> |
|
|
|
<input type="checkbox" v-model="showValue" class="custom-control-input" id="numerical-control" /> |
|
|
|
@ -88,7 +114,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-5" style="box-shadow: 0px 1px 2px 3px rgba(0,0,0,.02);"> |
|
|
|
<div class="col-md-5"> |
|
|
|
<inner-transfer @change="getUserAssets"></inner-transfer> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -100,7 +126,7 @@ |
|
|
|
<a class="nav-link active" data-toggle="pill" href="#tab1" role="tab" aria-selected="false">现货账户</a> |
|
|
|
</li> |
|
|
|
</ul>--> |
|
|
|
<form class="form-inline search-box" style="border-bottom: 1px solid #e7e7e7;"> |
|
|
|
<form class="form-inline search-box" style="border-bottom: 1px solid #f5f5f5;"> |
|
|
|
<div class="form-check mb-2 mr-sm-2"> |
|
|
|
<input class="form-check-input" type="checkbox" id="hideZero" v-model="isHideZero" /> |
|
|
|
<label class="form-check-label" for="hideZero">{{$t('wallet.hide')}} 0 {{$t('wallet.balanceAssets')}}</label> |
|
|
|
@ -464,7 +490,8 @@ export default { |
|
|
|
number:"", |
|
|
|
amount:"", |
|
|
|
images:"" |
|
|
|
} |
|
|
|
}, |
|
|
|
step: 0,//实名认证步骤 |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -485,6 +512,36 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
signed() { |
|
|
|
const userRec = JSON.parse(localStorage.getItem("auth")); |
|
|
|
console.log(userRec); |
|
|
|
let { |
|
|
|
username = "", |
|
|
|
email = null, |
|
|
|
phone = null, |
|
|
|
user_auth_level_text = this.$t("common.notCertified"), |
|
|
|
user_id = "", |
|
|
|
} = userRec; |
|
|
|
|
|
|
|
let account; |
|
|
|
if (email) { |
|
|
|
// 先显示邮箱 |
|
|
|
const res = /^([\w\-\.]+)@([\w\.\-]+)$/.exec(email); |
|
|
|
account = `${res[1].slice(0, 3)}${"*".repeat(5)}@${res[2]}`; |
|
|
|
} else if (phone) { |
|
|
|
// 再查找手机号 |
|
|
|
account = phone.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2"); |
|
|
|
} |
|
|
|
|
|
|
|
return { |
|
|
|
account, |
|
|
|
username, |
|
|
|
user_auth_level_text, |
|
|
|
user_id, |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//确认提交贝宝支付 |
|
|
|
paypalSbumit(){ |
|
|
|
@ -656,9 +713,26 @@ export default { |
|
|
|
// 获取个人信息 |
|
|
|
getUserInfo() { |
|
|
|
Profile.getUserInfo({}).then(res => { |
|
|
|
this.userInfo = res |
|
|
|
this.userInfo = res; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取实名信息 |
|
|
|
getAuthInfo() { |
|
|
|
Profile.getAuthInfo() |
|
|
|
.then(res => { |
|
|
|
// this.detail = res; |
|
|
|
// 展示页面 |
|
|
|
if (res.primary_status == 0) { |
|
|
|
this.step = 0; |
|
|
|
return; |
|
|
|
} else if (res.status == 0) { |
|
|
|
this.step = 1; |
|
|
|
} else { |
|
|
|
this.step = 2; |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(res => {}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
@ -666,7 +740,8 @@ created() { |
|
|
|
this.getUserAssets(); |
|
|
|
this.getCoinAssets(); |
|
|
|
this.createWalletAddress(); |
|
|
|
this.getUserInfo() |
|
|
|
this.getUserInfo(); |
|
|
|
this.getAuthInfo(); |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
@ -781,7 +856,7 @@ created() { |
|
|
|
.bg-panel, |
|
|
|
.wallet-page .panel-box .heading, |
|
|
|
.wallet-page .panel-box .tab-content{ |
|
|
|
background: #fff; |
|
|
|
background: #fafafa; |
|
|
|
} |
|
|
|
.wallet-page .tab-pane .table thead tr, |
|
|
|
.wallet-page .tab-pane .table tbody tr{ |
|
|
|
@ -819,4 +894,21 @@ input[type=radio]{ |
|
|
|
accent-color: #F7D558; |
|
|
|
border-color: #fff; |
|
|
|
} |
|
|
|
.buy-content-a{ |
|
|
|
padding: 14px; |
|
|
|
} |
|
|
|
.buy-flex-a{ |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.buy-btn-a{ |
|
|
|
width: 80px; |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
|
color: #000!important; |
|
|
|
background-color: #F7D558; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
</style> |
