<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>
|
