<template>
|
<div class="account">
|
<assets-head :title="$t('账户中心')" />
|
<div class="list-item">
|
<div class="item" @click="go_certificationCenter">
|
<div class="left">{{ $t("实名认证") }}</div>
|
<div class="right">
|
<span>{{
|
status == 0
|
? $t("未认证")
|
: status == 1
|
? $t("审核中")
|
: status == 2
|
? $t("已认证")
|
: status == 3
|
? $t("审核未通过")
|
: ""
|
}}</span>
|
<van-icon name="arrow" color="rgb(204, 204, 204)" />
|
</div>
|
</div>
|
</div>
|
<div class="list-item">
|
<div class="item">
|
<div class="left">
|
<div style="margin-right: 16px">
|
<van-icon size="4rem" name="calendar-o" />
|
</div>
|
<!-- /advancedCtf -->
|
<div>{{ $t("高级认证") }}</div>
|
</div>
|
<div class="right">
|
<span class="">{{ userInfo.status }}</span>
|
</div>
|
</div>
|
<div class="item">
|
<div class="left">
|
<div>{{ $t("个人头像") }}</div>
|
</div>
|
<div class="right">
|
<div class="avatar">
|
<img src="../../assets/avatar.png" alt="" />
|
</div>
|
</div>
|
</div>
|
<div class="item">
|
<div class="left">
|
<div>{{ $t("账户") }}</div>
|
</div>
|
<div class="right">
|
<span class="">{{ userInfo.username }}</span>
|
</div>
|
</div>
|
<div class="item">
|
<div class="left">
|
<div>{{ $t("UID") }}</div>
|
</div>
|
<div class="right">
|
<span class="">{{ userInfo.usercode }}</span>
|
</div>
|
</div>
|
<div class="item">
|
<div class="left flex-col" style="align-items: flex-start">
|
<div>{{ $t("邮箱") }}</div>
|
<div class="email">{{ userInfo.email }}</div>
|
</div>
|
<div class="right" v-if="userInfo.email">
|
<span class="">{{ $t("已绑定") }}</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="list-item">
|
<div class="item">
|
<div class="left">{{ $t("提币地址管理") }}</div>
|
<div class="right">
|
<span>{{ $t("已认证") }}</span>
|
<van-icon name="arrow" color="rgb(204, 204, 204)" />
|
</div>
|
</div>
|
<div class="item" @click="$router.push('/changePassword')">
|
<div class="left">{{ $t("登录密码") }}</div>
|
<div class="right">
|
<span>{{ $t("修改") }}</span>
|
<van-icon name="arrow" color="rgb(204, 204, 204)" />
|
</div>
|
</div>
|
<div class="item" @click="$router.push('/changeFundsPassword')">
|
<div class="left">{{ $t("资金密码") }}</div>
|
<div class="right">
|
<span>{{ $t("修改") }}</span>
|
<van-icon name="arrow" color="rgb(204, 204, 204)" />
|
</div>
|
</div>
|
</div>
|
|
<div class="logOut" @click="loginOut">
|
{{ $t("退出") }}
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import assetsHead from "@/components/assets-head";
|
import { mapGetters } from "vuex";
|
import { _getIdentify } from "@/API/fund.api";
|
import { setStorage } from "@/utils/utis";
|
|
export default {
|
components: {
|
assetsHead,
|
},
|
data: () => ({
|
status: -1,
|
// ("0已申请未审核=未绑定 ，1审核中 ，2 审核通过,3审核未通过")
|
statusMap: ["未绑定", "审核中", "审核通过", "审核未通过"],
|
}),
|
computed: {
|
...mapGetters({
|
userInfo: "user/userInfo",
|
}),
|
},
|
created() {
|
this.getIdentify();
|
},
|
methods: {
|
getIdentify() {
|
_getIdentify().then((data) => {
|
this.status = data.status;
|
// this.name = data.name;
|
});
|
},
|
go_certificationCenter() {
|
if (this.status != 2) {
|
this.$router.push({
|
path: "/certificationCenter",
|
});
|
}
|
},
|
loginOut() {
|
this.$store.commit("user/SET_OUT");
|
this.$router.push("/home");
|
setStorage("popNotice", false);
|
},
|
},
|
};
|
</script>
|
|
<style scoped lang="scss">
|
.account {
|
padding: 0 2rem;
|
color: #fff;
|
}
|
.list-item {
|
width: 100%;
|
background: #212121;
|
border-radius: 1rem;
|
padding: 1rem 2rem;
|
box-sizing: border-box;
|
font-weight: 500;
|
margin: 2rem 0;
|
.item {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 2rem 0;
|
|
.left {
|
display: flex;
|
align-items: center;
|
font-size: 2rem;
|
|
.email {
|
font-size: 1.6rem;
|
color: hsla(0, 0%, 100%, 0.7);
|
}
|
}
|
.right {
|
min-width: 6rem;
|
color: #f7b328;
|
display: flex;
|
justify-content: flex-end;
|
align-items: flex-end;
|
.avatar {
|
width: 7rem;
|
height: 7rem;
|
border-radius: 6rem;
|
margin-right: 1.2rem;
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
}
|
}
|
|
.logOut {
|
width: 43.8rem;
|
height: 6.4rem;
|
line-height: 6.4rem;
|
text-align: center;
|
background: #ef4444;
|
border-radius: 3.6rem;
|
margin: 0 auto 5.3rem;
|
}
|
</style>
|
