换地址

lxf

2025-07-11 b20f8b51a1d53125201883371ecfc15fd18a1c3b

 src/views/my/center.vue

@@ -10,28 +10,32 @@
          />
          <div data-v-1a056e44="" class="header-content">
            <p data-v-1a056e44="" class="header-content__title">
              <span data-v-1a056e44="">11</span
              ><span data-v-1a056e44="" class="header-content__title-tag"
                >VIP5</span
              >
              <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: 44766087</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>
            <p data-v-1a056e44="" class="header-content__desc">
              邀請碼: 71136375
            </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">初級認證</p>
            <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="">已認證</span
              <span data-v-1a056e44="">
                {{ $t(`message.user.${statusMap[users.kyc_status]}`) }} </span
              ><!----><!----><!---->
            </div>
          </div>
@@ -63,9 +67,16 @@
                ></path>
              </svg>
            </i>
            <div data-v-1a056e44="" class="plane-item__content">高級認證</div>
            <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="">未認證</span>
              <!----><!----><!----><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">
@@ -85,7 +96,7 @@
              </svg>
            </i>
            <div data-v-1a056e44="" class="plane-item__content">
              安全等級：中
              {{ $t("message.user.ma28") }}
            </div>
            <div data-v-1a056e44="" class="plane-item__level">
              <span
@@ -119,9 +130,11 @@
                ></path>
              </svg>
            </i>
            <div data-v-1a056e44="" class="plane-item__content">郵箱</div>
            <div data-v-1a056e44="" class="plane-item__content">
              {{ $t("message.user.ma29") }}
            </div>
            <div data-v-1a056e44="" class="plane-item__email">
              jennifer88425@gmail.com
              {{ users.email }}
            </div>
          </div>
        </section>
@@ -146,8 +159,18 @@
                ></path>
              </svg>
            </i>
            <div data-v-1a056e44="" class="plane-item__content">登錄密碼</div>
            <div data-v-1a056e44="" class="plane-item__opt">修改</div>
            <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
@@ -174,12 +197,28 @@
                ></path>
              </svg>
            </i>
            <div data-v-1a056e44="" class="plane-item__content">資金密碼</div>
            <div data-v-1a056e44="" class="plane-item__opt">修改</div>
            <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">退出登錄</button>
          <button
            data-v-1a056e44=""
            class="page-bottom__btn"
            @click="gotoRoute"
          >
            {{ $t("message.user.ma33") }}
          </button>
        </section>
      </section>
    </div>
@@ -187,6 +226,98 @@
  <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;