<template>
|
<div class="setFond">
|
<div class="header">
|
<div @click="$router.go(-1)">
|
<img
|
src="../../assets/image/assets-center/left-arrow.png"
|
alt=""
|
class="w-14 h-27"
|
/>
|
</div>
|
<!-- <div class="textColor" @click="$router.push('/identity')">{{ $t('跳过') }}</div> -->
|
</div>
|
<div class="content">
|
<div class="title textColor">{{ $t("设置资金密码") }}</div>
|
<ExInput
|
:label="$t('密码')"
|
:placeholderText="$t('资金密码(6位数字)')"
|
v-model="password"
|
typeText="password"
|
/>
|
<ExInput
|
:label="$t('确认密码')"
|
:placeholderText="$t('请确认密码')"
|
v-model="repassword"
|
typeText="password"
|
/>
|
<div class="btn btnMain" @click="submit">{{ $t("确定") }}</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import ExInput from "@/components/ex-input";
|
import Axios from "@/API/userCenter.js";
|
export default {
|
props: {},
|
components: {
|
ExInput,
|
},
|
data() {
|
return {
|
password: "",
|
repassword: "",
|
};
|
},
|
methods: {
|
setSafewordReg() {
|
Axios.setSafewordReg({
|
safeword: this.repassword,
|
})
|
.then((res) => {
|
this.$toast(this.$t("绑定成功"));
|
this.$router.push("/login");
|
})
|
.catch((error) => {
|
if (error.code === "ECONNABORTED") {
|
this.$toast(this.$t("网络超时！"));
|
} else if (error.msg !== undefined) {
|
this.$toast(this.$t(error.msg));
|
}
|
});
|
},
|
submit() {
|
if (this.password.length < 6 || this.repassword.length < 6) {
|
this.$toast(this.$t("资金密码(6位数字)"));
|
return false;
|
}
|
if (this.password !== this.repassword) {
|
this.$toast(this.$t("密码不一致"));
|
return false;
|
}
|
this.setSafewordReg();
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.setFond {
|
width: 100%;
|
box-sizing: border-box;
|
font-size: 26px;
|
padding: 0 32px;
|
}
|
|
.header {
|
display: flex;
|
justify-content: space-between;
|
padding: 0 26px;
|
font-size: 28px;
|
height: 100px;
|
line-height: 100px;
|
}
|
|
.title {
|
font-weight: 700;
|
font-size: 52px;
|
margin-top: 50px;
|
margin-bottom: 60px;
|
}
|
|
.btn {
|
color: #fff;
|
height: 88px;
|
line-height: 88px;
|
text-align: center;
|
font-size: 32px;
|
border-radius: 10px;
|
}
|
</style>
|
