<template>
|
<div class="router-view">
|
<div data-v-1a056e44="" class="page">
|
<section data-v-1a056e44="" class="container">
|
<section data-v-1a056e44="" class="header">
|
<img
|
data-v-1a056e44=""
|
src="@/assets/forexImages/avatar-e57e8e09.png"
|
class="header-avatar"
|
/>
|
<div data-v-1a056e44="" class="header-content">
|
<p data-v-1a056e44="" class="header-content__title">
|
<span data-v-1a056e44="">{{ userStore.userInfo.username }}</span>
|
<!-- <span data-v-1a056e44="" class="header-content__title-tag">VIP5</span> -->
|
</p>
|
<p data-v-1a056e44="" class="header-content__desc">
|
UID: {{ userStore.userInfo.usercode }}
|
</p>
|
<p data-v-1a056e44="" class="header-content__desc">
|
Credit Score: 100
|
</p>
|
<!-- {{ userStore.userInfo }} -->
|
<!-- <p data-v-1a056e44="" class="header-content__desc">
|
{{ $t("message.user.ma34") }}: {{ userStore.userInfo.usercode }}
|
</p> -->
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="plane plane1">
|
<div data-v-1a056e44="">
|
<p data-v-1a056e44="" class="plane-title">
|
{{ $t("message.user.ma24") }}
|
</p>
|
<p data-v-1a056e44="" class="plane-desc">
|
{{ $t("message.user.ma25") }}
|
</p>
|
<div data-v-1a056e44="" class="plane-tag">
|
<span data-v-1a056e44="">
|
{{ $t(`message.user.${statusMap[users.kyc_status]}`) }} </span
|
><!----><!----><!---->
|
</div>
|
</div>
|
<img
|
data-v-1a056e44=""
|
src="@/assets/forexImages/center-000cd06e.png"
|
alt=""
|
class="centerimg"
|
/>
|
</section>
|
<section data-v-1a056e44="" class="plane">
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #4a8cff"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M896 324.096c0-42.368-2.496-55.296-9.536-68.48a52.352 52.352 0 0 0-22.144-22.08c-13.12-7.04-26.048-9.536-68.416-9.536H228.096c-42.368 0-55.296 2.496-68.48 9.536a52.352 52.352 0 0 0-22.08 22.144c-7.04 13.12-9.536 26.048-9.536 68.416v375.808c0 42.368 2.496 55.296 9.536 68.48a52.352 52.352 0 0 0 22.144 22.08c13.12 7.04 26.048 9.536 68.416 9.536h567.808c42.368 0 55.296-2.496 68.48-9.536a52.352 52.352 0 0 0 22.08-22.144c7.04-13.12 9.536-26.048 9.536-68.416zm64 0v375.808c0 57.088-5.952 77.76-17.088 98.56-11.136 20.928-27.52 37.312-48.384 48.448-20.864 11.136-41.6 17.088-98.56 17.088H228.032c-57.088 0-77.76-5.952-98.56-17.088a116.288 116.288 0 0 1-48.448-48.384c-11.136-20.864-17.088-41.6-17.088-98.56V324.032c0-57.088 5.952-77.76 17.088-98.56 11.136-20.928 27.52-37.312 48.384-48.448 20.864-11.136 41.6-17.088 98.56-17.088H795.84c57.088 0 77.76 5.952 98.56 17.088 20.928 11.136 37.312 27.52 48.448 48.384 11.136 20.864 17.088 41.6 17.088 98.56z"
|
></path>
|
<path
|
fill="currentColor"
|
d="M64 320h896v64H64zm0 128h896v64H64zm128 192h256v64H192z"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
{{ $t("message.user.gaojirenzheng") }}
|
</div>
|
<div data-v-1a056e44="" class="plane-item__opt">
|
<!----><!----><!----><span
|
data-v-1a056e44=""
|
@click="isFyc(users.kyc_status)"
|
>
|
{{ $t(`message.user.${statusMap[users.kyc_status]}`) }}</span
|
>
|
</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #fbbf24"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M128 192v640h768V320H485.76L357.504 192zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32m414.08 502.144 180.992-180.992L736.32 494.4 510.08 720.64l-158.4-158.336 45.248-45.312z"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
{{ $t("message.user.ma28") }}
|
</div>
|
<div data-v-1a056e44="" class="plane-item__level">
|
<span
|
data-v-1a056e44=""
|
class="plane-item__level-item active-item"
|
></span
|
><span
|
data-v-1a056e44=""
|
class="plane-item__level-item active-item"
|
></span
|
><span data-v-1a056e44="" class="plane-item__level-item"></span>
|
</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #e46868"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M128 224v512a64 64 0 0 0 64 64h640a64 64 0 0 0 64-64V224zm0-64h768a64 64 0 0 1 64 64v512a128 128 0 0 1-128 128H192A128 128 0 0 1 64 736V224a64 64 0 0 1 64-64"
|
></path>
|
<path
|
fill="currentColor"
|
d="M904 224 656.512 506.88a192 192 0 0 1-289.024 0L120 224zm-698.944 0 210.56 240.704a128 128 0 0 0 192.704 0L818.944 224H205.056"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
{{ $t("message.user.ma29") }}
|
</div>
|
<div data-v-1a056e44="" class="plane-item__email">
|
{{ users.email }}
|
</div>
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="plane">
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #fbbf24"
|
><svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
|
></path>
|
<path
|
fill="currentColor"
|
d="M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m192-160v-64a192 192 0 1 0-384 0v64zM512 64a256 256 0 0 1 256 256v128H256V320A256 256 0 0 1 512 64"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
{{ $t("message.user.ma30") }}
|
</div>
|
<div
|
data-v-1a056e44=""
|
class="plane-item__opt"
|
@click="
|
$router.push('/my/change-password/1', { query: { type: 1 } })
|
"
|
>
|
{{ $t("message.user.ma31") }}
|
</div>
|
</div>
|
<div data-v-1a056e44="" class="plane-item">
|
<i
|
data-v-1a056e44=""
|
class="el-icon"
|
style="font-size: 24px; --color: #10b968"
|
>
|
<svg
|
data-v-1a056e44=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="M640 288h-64V128H128v704h384v32a32 32 0 0 0 32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32z"
|
></path>
|
<path
|
fill="currentColor"
|
d="M128 320v512h768V320zm-32-64h832a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32"
|
></path>
|
<path
|
fill="currentColor"
|
d="M704 640a64 64 0 1 1 0-128 64 64 0 0 1 0 128"
|
></path>
|
</svg>
|
</i>
|
<div data-v-1a056e44="" class="plane-item__content">
|
{{ $t("message.user.ma32") }}
|
</div>
|
<div
|
data-v-1a056e44=""
|
class="plane-item__opt"
|
@click="
|
$router.push('/my/change-password/2', { query: { type: 2 } })
|
"
|
>
|
{{ $t("message.user.ma31") }}
|
</div>
|
</div>
|
</section>
|
<section data-v-1a056e44="" class="page-bottom">
|
<button
|
data-v-1a056e44=""
|
class="page-bottom__btn"
|
@click="gotoRoute"
|
>
|
{{ $t("message.user.ma33") }}
|
</button>
|
</section>
|
</section>
|
</div>
|
</div>
|
<footerView></footerView>
|
</template>
|
|
<script setup>
|
import { removeStorage } from "@/utils";
|
import Axios from "@/api/login.js";
|
import { ref } from "vue";
|
import Axios2 from "@/api/my.js";
|
import { onMounted } from "vue";
|
import { useUserStore } from "@/store/user.js";
|
|
const userStore = useUserStore();
|
|
onMounted(() => {
|
getUserInfo();
|
});
|
|
const gotoRoute = (item) => {
|
const { urlPath, urlQuery } = item || {};
|
if (!urlPath) {
|
return;
|
}
|
if (urlPath.includes("loginOut")) {
|
Axios.loginOut().then((res) => {
|
if (res.code == "0") {
|
store.resetUserInfo();
|
removeStorage("spToken");
|
removeStorage("username");
|
router.push("/");
|
return;
|
}
|
});
|
return;
|
}
|
let route = urlPath;
|
if (urlQuery) {
|
route = {
|
path: urlPath,
|
query: urlQuery,
|
};
|
}
|
router.push(route);
|
};
|
|
const isFyc = (kyc_status) => {
|
// 0已申请未审核=未绑定 ，1审核中 ，2 审核通过,3审核未通过
|
if (kyc_status == 0) {
|
router.push("/my/advance-auth");
|
} else if (kyc_status == 1) {
|
// ElMessage.warning("您的认证正在审核中，请耐心等待");
|
} else if (kyc_status == 2) {
|
// ElMessage.success("您已完成高级认证");
|
} else if (kyc_status == 3) {
|
ElMessage.error("您的高级认证未通过，请重新申请");
|
router.push("/my/advance-auth");
|
}
|
};
|
// 获取用户信息
|
|
let users = ref({});
|
// let statusVal = ref("");
|
// ("0已申请未审核=未绑定 ，1审核中 ，2 审核通过,3审核未通过")
|
const statusMap = ref([
|
"weibangding",
|
"shenhezhong",
|
"yirenzheng",
|
"shenheweitongguo",
|
]);
|
const getUserInfo = () => {
|
// Axios2._getIdentify().then((res) => {
|
// statusVal.value = res.data.status;
|
// });
|
Axios2.getUserInfo().then((res) => {
|
users.value = res.data || {};
|
console.log(users, "users");
|
// this.googleverif = googleverif;
|
// this.emailverif = emailverif;
|
// this.phoneverif = phoneverif;
|
// this.identityverif = identityverif;
|
// this.advancedverif = advancedverif;
|
// this.kyc_status = kyc_status;
|
|
//邮箱和手机事情打*显示的
|
// if (res.data.email) {
|
// let arremail = res.data.email.split("@");
|
// users.email = res.data.email.substring(0, 3) + "*****" + "@" + arremail[1];
|
// }
|
|
// if (phone) {
|
// users.phone = res.data.phone.replace(phone.substr(3, 4), "****");
|
// }
|
});
|
};
|
</script>
|
|
<style scoped>
|
.router-view {
|
flex: 1;
|
background-color: #000;
|
}
|
|
.page[data-v-1a056e44] {
|
background: #000;
|
}
|
|
.container[data-v-1a056e44] {
|
background-color: #000;
|
max-width: 1232px;
|
padding: 0 16px;
|
margin: auto;
|
width: 100%;
|
height: 100%;
|
}
|
|
.page-bottom__btn[data-v-1a056e44] {
|
width: 100%;
|
line-height: 50px;
|
background-color: #ef4444;
|
font-size: 14px;
|
box-shadow: none;
|
border: none;
|
color: #fff;
|
border-radius: 25px;
|
cursor: pointer;
|
}
|
.page-bottom[data-v-1a056e44] {
|
padding: 16px;
|
}
|
|
.plane[data-v-1a056e44] {
|
padding: 12px 16px;
|
border-radius: 8px;
|
background-color: #181a20;
|
color: #fff;
|
margin-bottom: 12px;
|
}
|
.plane-item[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 60px;
|
}
|
.plane.plane1[data-v-1a056e44] {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
.plane-title[data-v-1a056e44] {
|
font-size: 18px;
|
line-height: 28px;
|
font-weight: 600;
|
}
|
.plane-desc[data-v-1a056e44] {
|
color: #6d6d6d;
|
margin-top: 8px;
|
font-size: 12px;
|
}
|
.plane-tag[data-v-1a056e44] {
|
margin-top: 8px;
|
height: 28px;
|
display: flex;
|
align-items: center;
|
color: #10b981;
|
font-size: 14px;
|
cursor: pointer;
|
}
|
.plane-item__opt[data-v-1a056e44] {
|
color: #f7b328;
|
font-size: 14px;
|
cursor: pointer;
|
transition: 0.5s;
|
}
|
.plane-item__content[data-v-1a056e44] {
|
flex: 1;
|
line-height: 24px;
|
margin-left: 16px;
|
}
|
.header[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 160px;
|
}
|
.plane-item__email[data-v-1a056e44] {
|
font-size: 14px;
|
color: #ffffffb3;
|
max-width: 300px;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
}
|
.plane-item__level-item[data-v-1a056e44] {
|
width: 24px;
|
height: 4px;
|
background-color: #fff;
|
border-radius: 2px;
|
margin: 0 2px;
|
}
|
.plane-item__level[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
}
|
.plane-item__level .active-item[data-v-1a056e44] {
|
background-color: #fbbf24;
|
}
|
.plane.plane1 .centerimg[data-v-1a056e44] {
|
width: 245px;
|
height: 96px;
|
}
|
.header-avatar[data-v-1a056e44] {
|
width: 60px;
|
height: 60px;
|
border-radius: 50%;
|
margin-right: 12px;
|
}
|
|
.header-content[data-v-1a056e44] {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
}
|
.header-content__title[data-v-1a056e44] {
|
display: flex;
|
align-items: center;
|
height: 24px;
|
font-size: 16px;
|
font-weight: 600;
|
color: #fff;
|
}
|
.header-content__desc[data-v-1a056e44] {
|
margin-top: 8px;
|
font-size: 12px;
|
line-height: 16px;
|
color: #ffffffb3;
|
}
|
.header-content__title-tag[data-v-1a056e44] {
|
margin-left: 4px;
|
padding-inline: 4px;
|
color: #000;
|
background-color: #f7b328;
|
border-radius: 4px;
|
font-size: 12px;
|
line-height: 18px;
|
}
|
</style>
|
