5.10航天ui交易所pc端,代码jiem-pc
lxf
2025-06-13 066ec67b7080f07a0e47dda9864ee6be2e4b9053
src/views/my/change-password.vue
New file
@@ -0,0 +1,204 @@
<template>
  <div class="router-view">
    <section data-v-5ac03575="" class="container">
      <section data-v-5ac03575="" class="header">
        <i
          @click="$router.back()"
          data-v-5ac03575=""
          class="el-icon"
          style="font-size: 30px; --color: #fff"
          ><svg
            data-v-5ac03575=""
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 1024 1024"
          >
            <path
              fill="currentColor"
              d="M224 480h640a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64"
            ></path>
            <path
              fill="currentColor"
              d="m237.248 512 265.408 265.344a32 32 0 0 1-45.312 45.312l-288-288a32 32 0 0 1 0-45.312l288-288a32 32 0 1 1 45.312 45.312z"
            ></path>
          </svg>
        </i>
        <p data-v-5ac03575="" class="header-content">
          <!----><span data-v-5ac03575=""
            >{{ $t("message.user.xiugai") }}
            {{
              $route.params.id == 1
                ? $t("message.user.cp1")
                : $t("message.user.cp2")
            }}</span
          >
        </p>
      </section>
      <section data-v-5ac03575="" class="content">
        <div data-v-5ac03575="" class="form">
          <p data-v-5ac03575="" class="form-title">
            <!----><span data-v-5ac03575=""
              >{{ $t("message.user.xiugai") }}
              {{
                $route.params.id == 1
                  ? $t("message.user.cp1")
                  : $t("message.user.cp2")
              }}</span
            >
          </p>
          <form
            data-v-5ac03575=""
            class="el-form el-form--default el-form--label-right demo-form-inline"
          >
            <div
              data-v-5ac03575=""
              class="el-form-item is-required asterisk-left el-form-item--label-right"
            >
              <!--v-if-->
              <div class="el-form-item__content">
                <div data-v-5ac03575="" class="el-input">
                  <!-- input --><!-- prepend slot --><!--v-if-->
                  <div class="el-input__wrapper" tabindex="-1">
                    <!-- prefix slot --><!--v-if--><input
                      class="el-input__inner"
                      type="password"
                      autocomplete="off"
                      v-model="formData.password"
                      tabindex="0"
                      :placeholder="$t('message.user.qsr_xinmima')"
                      id="el-id-8983-100"
                    /><!-- suffix slot --><!--v-if-->
                  </div>
                  <!-- append slot --><!--v-if-->
                </div>
              </div>
            </div>
            <!---->
            <div
              data-v-5ac03575=""
              class="el-form-item is-required asterisk-left el-form-item--label-right"
            >
              <!--v-if-->
              <div class="el-form-item__content">
                <div data-v-5ac03575="" class="el-input">
                  <!-- input --><!-- prepend slot --><!--v-if-->
                  <div class="el-input__wrapper" tabindex="-1">
                    <!-- prefix slot --><!--v-if--><input
                      class="el-input__inner"
                      type="password"
                      v-model="formData.password1"
                      autocomplete="off"
                      tabindex="0"
                      :placeholder="$t('message.user.qsr_xinmima')"
                      id="el-id-8983-101"
                    /><!-- suffix slot --><!--v-if-->
                  </div>
                  <!-- append slot --><!--v-if-->
                </div>
              </div>
            </div>
            <div
              data-v-5ac03575=""
              class="el-form-item is-required asterisk-left el-form-item--label-right"
            >
              <!--v-if-->
              <div class="el-form-item__content">
                <div data-v-5ac03575="" class="el-input">
                  <!-- input --><!-- prepend slot --><!--v-if-->
                  <div class="el-input__wrapper" tabindex="-1">
                    <!-- prefix slot --><!--v-if--><input
                      class="el-input__inner"
                      type="password"
                      v-model="formData.password2"
                      autocomplete="off"
                      tabindex="0"
                      :placeholder="$t('message.user.querenxinmima')"
                      id="el-id-8983-102"
                    /><!-- suffix slot --><!--v-if-->
                  </div>
                  <!-- append slot --><!--v-if-->
                </div>
              </div>
            </div>
          </form>
          <button data-v-5ac03575="" class="form-btn" @click="onsubmit">
            {{ $t("message.user.cp3") }}
          </button>
        </div>
      </section>
    </section>
  </div>
  <footer-view></footer-view>
</template>
<script setup>
import { ref } from "vue";
import Axios from "@/api/login.js";
import Axios2 from "@/api/my.js";
import { ElMessage } from "element-plus";
import { useRoute } from "vue-router";
const $route = useRoute();
console.log($route.params.id, "$route.params.id");
const formData = ref({
  password: "",
  password1: "",
  password2: "",
});
const onsubmit = () => {
  if (formData.value.password === "") {
    ElMessage.error("請輸入原始密碼");
    return;
  }
  if (formData.value.password1 === "") {
    ElMessage.error("請輸入新密碼");
    return;
  }
  if (formData.value.password2 === "") {
    ElMessage.error("請確認新密碼");
    return;
  }
  if (formData.value.password1 !== formData.value.password2) {
    ElMessage.error("兩次輸入的密碼不一致");
    return;
  }
  if ($route.params.id == 1) {
    // 提交表單  登录密码
    Axios2.updatepsw({
      password: formData.value.password2,
    })
      .then((res) => {
        if (res.code == "0") {
          ElMessage.success(this.$t("message.user.xiugaichenggong_qcxdl"));
          Axios.loginOut().then((res) => {
            if (res.code == "0") {
              localStorage.clear();
              $router.push("/login");
            }
          });
        }
      })
      .catch((error) => {
        console.error(error);
        ElMessage.error("修改失败,请稍后再试");
      });
  } else {
    // 资金密码
    Axios2.setSafeword({
      safeword: formData.value.password2,
    })
      .then((res) => {
        if (res.code == "0") {
          ElMessage.success(this.$t("message.user.xiugaichenggong"));
          this.$parent.getUserInfo();
          this.handClose();
        }
      })
      .catch((error) => {
        console.error(error);
        ElMessage.error("修改失败,请稍后再试");
      });
  }
};
</script>
<style scoped>
@import url("@/assets/css/my/index-0c4c93e2.css");
@import url("@/assets/css/my/index-554eeb30.css");
</style>