Merge branch 'master' of http://124.156.157.155:8060/r/~admin/aerospace-pc

lxf

2025-06-13 066ec67b7080f07a0e47dda9864ee6be2e4b9053

 src/views/my/center.vue

New file
@@ -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>