From 066ec67b7080f07a0e47dda9864ee6be2e4b9053 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Fri, 13 Jun 2025 14:03:54 +0800
Subject: [PATCH] Merge branch 'master' of http://124.156.157.155:8060/r/~admin/aerospace-pc
---
src/views/my/center.vue | 463 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 463 insertions(+), 0 deletions(-)
diff --git a/src/views/my/center.vue b/src/views/my/center.vue
new file mode 100644
index 0000000..b217d0f
--- /dev/null
+++ b/src/views/my/center.vue
@@ -0,0 +1,463 @@
+<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.ma26") }} </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({});
+// ("0已申请未审核=未绑定 ，1审核中 ，2 审核通过,3审核未通过")
+const statusMap = ref([
+ "weibangding",
+ "shenhezhong",
+ "yirenzheng",
+ "shenheweitongguo",
+]);
+const getUserInfo = () => {
+ 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>
--
Gitblit v1.9.3