<template>
|
<div class="content">
|
<van-nav-bar
|
:placeholder="true"
|
:safe-area-inset-top="true"
|
:title="$t('setting')"
|
left-arrow
|
@click-left="$router.go(-1)"
|
>
|
</van-nav-bar>
|
<!-- <div class="top_back">
|
<div class="left_back_icon" @click="$router.go(-1)">
|
<img src="../../assets/img/zuojiantou.png" alt />
|
</div>
|
<div class="titles">
|
<span>{{ $t("setting") }}</span>
|
</div>
|
</div> -->
|
<div style="width: 100%; height: 10px; background-color: #f8f8f8"></div>
|
|
<div class="jy" @click="handleGoToBankCard1()">
|
<div class="left_gn">
|
<div class="l_icon">
|
<!-- <img src="../../assets/img/yeb.png" alt /> -->
|
</div>
|
<div class="r_title">
|
<span>{{ $t("关于我们") }}</span>
|
</div>
|
</div>
|
<div class="right_gos">
|
<img src="../../assets/img/youjiantou.png" alt />
|
</div>
|
</div>
|
<div class="jy" @click="handleGoToBankCard()">
|
<div class="left_gn">
|
<div class="l_icon">
|
<!-- <img src="../../assets/img/yeb.png" alt /> -->
|
</div>
|
<div class="r_title">
|
<span>{{ $t("hj147") }}</span>
|
</div>
|
</div>
|
<div class="right_gos">
|
<img src="../../assets/img/youjiantou.png" alt />
|
</div>
|
</div>
|
<div class="jy" @click="goToSettings()">
|
<div class="left_gn">
|
<div class="l_icon">
|
<!-- <img src="../../assets/img/yeb.png" alt /> -->
|
</div>
|
<div class="r_title">
|
<span>{{ $t("hj144") }}</span>
|
</div>
|
</div>
|
<div class="right_gos">
|
<img src="../../assets/img/youjiantou.png" alt />
|
</div>
|
</div>
|
|
<div class="jy" @click="handleGoToAuthentication()">
|
<div class="left_gn">
|
<div class="l_icon">
|
<!-- <img src="../../assets/img/yeb.png" alt /> -->
|
</div>
|
<div class="r_title">
|
<span>KYC</span>
|
<!-- <span>{{ $t("hj146") }}</span> -->
|
</div>
|
</div>
|
<div class="right_gos">
|
<div class="right_gos_txt" v-if="userInfo.realName">
|
{{ $t("ysmrz") }}
|
</div>
|
<img v-else src="../../assets/img/youjiantou.png" alt />
|
</div>
|
</div>
|
|
<div class="jy" @click="clicklang()">
|
<div class="left_gn">
|
<div class="l_icon"></div>
|
<div class="r_title">
|
<span>{{ $t("yy") }}</span>
|
</div>
|
</div>
|
<div class="right_gos">
|
<div style="margin-right: 10px">{{ language }}</div>
|
</div>
|
</div>
|
<Language ref="language" @onChange="onChange" />
|
|
<van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }">
|
<div class="setting_content">
|
<div class="old_password">
|
<div class="left_titles">
|
<span>{{ $t("hj150") + ":" }}</span>
|
</div>
|
<div class="right_password_input">
|
<input type="password" v-model="oldPassword" />
|
</div>
|
</div>
|
<div class="old_password">
|
<div class="left_titles">
|
<span>{{ $t("hj151") + ":" }}</span>
|
</div>
|
<div class="right_password_input">
|
<input type="password" v-model="newPassword" />
|
</div>
|
</div>
|
<div class="old_password">
|
<div class="left_titles">
|
<span>{{ $t("hj152") + ":" }}</span>
|
</div>
|
<div class="right_password_input">
|
<input type="password" v-model="cirNewPassword" />
|
</div>
|
</div>
|
<div class="btn_setting" @click="changeLoginPsd()">
|
<span>{{ $t("hj153") }}</span>
|
</div>
|
</div>
|
</van-popup>
|
<div class="btn_s">
|
<button class="btn_s_box" @click="handleOutLoginClick()">
|
{{ $t("hj148") }}
|
</button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import * as api from "@/axios/api";
|
import { Toast, MessageBox } from "mint-ui";
|
import { isNull, pwdReg } from "@/utils/utils";
|
import { mapMutations } from "vuex";
|
import { Notify } from "vant";
|
import Language from "@/components/Language/index.vue";
|
|
export default {
|
name: "newUser",
|
data() {
|
return {
|
name: "大狗子",
|
pswDialog: false,
|
selectUserFlag: true,
|
settingDialog: false,
|
oldPassword: "", // 旧密码
|
newPassword: "", // 新密码
|
cirNewPassword: "", // 确认新密码
|
userInfo: [],
|
onlineService: "",
|
language: "",
|
};
|
},
|
components: { Language },
|
created() {
|
this.getUserInfo();
|
},
|
methods: {
|
...mapMutations(["undataToken"]),
|
onChange(e) {
|
this.language = e;
|
},
|
clicklang() {
|
this.$refs.language.settingDialog = true;
|
},
|
yebclick() {
|
this.$router.push("/yeb");
|
},
|
regexNum(str) {
|
console.log(str);
|
str = str.toString();
|
if (str.indexOf(".") == -1) {
|
str = str + ".00";
|
}
|
|
var newStr = str.split(".");
|
var point = newStr[1];
|
|
if (point.length < 2) {
|
point = point + "0";
|
}
|
var moneyPoint = newStr[0];
|
if (moneyPoint.length <= 3) {
|
return moneyPoint + "." + point;
|
} else {
|
var mPoint = moneyPoint.substr(
|
moneyPoint.length - 3,
|
moneyPoint.length
|
);
|
var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
|
var endString = twoPoint
|
.toString()
|
.replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
|
return endString + "," + mPoint + "." + point;
|
}
|
},
|
goOnline() {
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55]);
|
}
|
this.$router.push("/service");
|
},
|
async getInfoSite() {
|
let data = await api.getInfoSite();
|
if (data.status === 0) {
|
this.onlineService = data.data.onlineService;
|
} else {
|
Toast(data.msg);
|
}
|
},
|
goWall() {
|
this.$router.push("/wallet");
|
},
|
gotoa(e) {
|
if (e == 0) {
|
this.$router.push("/wallet");
|
} else if (e == 1) {
|
this.$router.push("/tixian");
|
} else {
|
this.$router.push("/transfers");
|
}
|
},
|
subclick() {
|
this.$router.push("/SubDK");
|
},
|
subaclick() {
|
this.$router.push("/tixian");
|
},
|
handleZh() {
|
this.selectUserFlag = !this.selectUserFlag;
|
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55]);
|
}
|
},
|
async getUserInfo() {
|
// 获取用户信息
|
let data = await api.getUserInfo();
|
if (data.status === 0) {
|
// 判断是否登录
|
this.$store.commit("dialogVisible", false);
|
this.$store.state.userInfo = data.data;
|
document.title = 'Setting'
|
this.userInfo = data.data;
|
} else {
|
this.$store.commit("dialogVisible", true);
|
}
|
},
|
goToTopUp() {
|
// if (this.userInfo.length === 0) {
|
// this.$store.commit('dialogVisible', true)
|
// return
|
// }
|
// if (navigator.vibrate) {
|
// // 支持
|
// navigator.vibrate([55])
|
// }
|
this.$router.push("/setting");
|
},
|
handleOutLoginClick() {
|
// 退出登录
|
MessageBox.confirm(this.$t("hj149"), this.$t(""), {
|
confirmButtonText: this.$t("qr"),
|
cancelButtonText: this.$t("hj106"),
|
})
|
.then(() => {
|
this.toRegister();
|
})
|
.catch(() => {});
|
},
|
goToSettings() {
|
// 每次打开dialog 清空密码数据
|
this.pswDialog = !this.pswDialog;
|
if (this.pswDialog) {
|
this.oldPassword = "";
|
this.newPassword = "";
|
this.cirNewPassword = "";
|
}
|
},
|
handleGoToTransfer() {
|
this.$router.push("/transfers");
|
},
|
handleGoToAuthentication() {
|
this.$router.push("/authentications");
|
},
|
handleGoToAuthenticationaz() {
|
this.$router.push("/download");
|
},
|
handleGoToBankCard() {
|
// this.$router.push("/bankCard");
|
this.$router.push("/banklist");
|
},
|
handleGoToBankCard1() {
|
this.$router.push("/bankCard1");
|
},
|
async toRegister() {
|
// 注销登陆
|
window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
|
this.clearCookie();
|
let data = await api.logout();
|
if (data.status === 0) {
|
// Toast(data.msg)
|
this.undataToken(null);
|
this.$router.push("/login");
|
} else {
|
Toast(data.msg);
|
}
|
this.$router.push("/login");
|
},
|
async changeLoginPsd() {
|
// 修改密码
|
if (
|
isNull(this.oldPassword) ||
|
isNull(this.newPassword) ||
|
isNull(this.cirNewPassword)
|
) {
|
Toast(this.$t("hj154"));
|
this.settingDialog = false;
|
} else if (!pwdReg(this.newPassword)) {
|
Toast(this.$t("hj19"));
|
this.settingDialog = false;
|
} else {
|
// 修改密码
|
if (this.newPassword === this.cirNewPassword) {
|
let opts = {
|
oldPwd: this.oldPassword,
|
newPwd: this.newPassword,
|
};
|
let data = await api.changePassword(opts);
|
if (data.status === 0) {
|
this.changeLoginPsdBox = false;
|
|
this.pswDialog = false;
|
this.settingDialog = false;
|
Notify({
|
type: "success",
|
message: this.$t("密码修改成功"),
|
});
|
this.toRegister();
|
} else {
|
Toast(data.msg);
|
this.settingDialog = false;
|
}
|
} else {
|
Toast(this.$t("hj155"));
|
this.settingDialog = false;
|
}
|
}
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55]);
|
}
|
},
|
},
|
};
|
</script>
|
|
<style scoped lang="less">
|
/deep/ .van-nav-bar__content {
|
height: 65px;
|
}
|
/deep/ .van-nav-bar__title {
|
font-family: "DINPro";
|
width: 100%;
|
height: 1.17333rem;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-style: normal;
|
font-weight: 500;
|
font-size: 0.48rem;
|
color: #14181f;
|
}
|
|
.right_gos_txt {
|
margin-right: 15px;
|
}
|
|
.setting_content {
|
width: 100%;
|
height: 5rem;
|
padding: 0.3rem;
|
|
.old_password {
|
width: 100%;
|
height: 1rem;
|
background: rgb(243, 243, 243);
|
border-radius: 0.15rem;
|
display: flex;
|
margin-top: 0.5rem;
|
|
.left_titles {
|
width: 25%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
padding-left: 0.2rem;
|
|
// justify-content: flex-end;
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.right_password_input {
|
width: 80%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
|
input {
|
width: 100%;
|
height: 100%;
|
padding-left: 0.2rem;
|
}
|
}
|
}
|
|
.btn_setting {
|
width: 100%;
|
height: 1.3rem;
|
border-radius: 0.15rem;
|
background: #2d6ae9;
|
color: #fff;
|
font-size: 0.4615rem;
|
margin-top: 0.5rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
|
.lang_box_txta {
|
width: 100%;
|
height: 100px;
|
text-align: center;
|
line-height: 100px;
|
border-bottom: 1px solid #ecf5ff;
|
}
|
|
.lang_box_txt {
|
width: 100%;
|
height: 100px;
|
text-align: center;
|
line-height: 100px;
|
border-bottom: 1px solid #ecf5ff;
|
color: #2196f3;
|
}
|
|
.lang_box {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
}
|
|
.btn_s_box {
|
border: none;
|
background: #409eff;
|
color: #fff;
|
height: 70px;
|
width: 100%;
|
line-height: 70px;
|
font-size: 16px;
|
text-align: center;
|
border-radius: 15px;
|
font-weight: 600;
|
margin: 40px 20px 0 20px;
|
}
|
|
.btn_s {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.jy {
|
width: 100%;
|
height: 1.5rem;
|
// border-radius: 0.2rem;
|
background: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
// padding: 0 0.3rem;
|
padding-top: 0.3rem;
|
border-bottom: 1px solid #ecf5ff;
|
|
.left_gn {
|
// width: 40%;
|
height: 60%;
|
display: flex;
|
|
.l_icon {
|
// width: 30%;
|
height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
width: 0.5041rem;
|
height: 0.5041rem;
|
}
|
}
|
|
.r_title {
|
// width: 70%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
font-size: 0.4046rem;
|
color: #404040;
|
padding-left: 0.4rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
|
.right_gos {
|
// width: 20%;
|
height: 60%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
|
body {
|
background-color: #f8f8f8;
|
}
|
|
.pages_logo_btn_right {
|
margin-left: 20px;
|
margin-top: 20px;
|
display: inline-block;
|
padding: 16px 40px;
|
text-decoration: none;
|
color: #fff;
|
background: #f44336;
|
border-radius: 40px;
|
}
|
|
.pages_logo_btn_left {
|
border-radius: 40px;
|
margin-top: 20px;
|
display: inline-block;
|
padding: 16px 40px;
|
text-decoration: none;
|
color: #fff;
|
background: #2196f3;
|
}
|
|
.pages_logo_btn {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-top: 100px;
|
}
|
|
.pages_logo_img {
|
width: 200px;
|
height: 200px;
|
border-radius: 20px;
|
}
|
|
.pages_logo_txt {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-top: 50px;
|
}
|
|
.pages_logo {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-top: 100px;
|
}
|
|
.content {
|
width: 100%;
|
height: 100%;
|
// padding: 0 0.3rem;
|
|
.top_back {
|
width: 100%;
|
height: 2rem;
|
display: flex;
|
background-color: #fff;
|
|
> div {
|
width: 10%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
}
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
margin-left: 20px;
|
}
|
|
.titles {
|
width: 100%;
|
height: 1.5rem;
|
margin-top: 15px;
|
// margin-left: 110px;
|
display: flex;
|
margin-right: 20px;
|
justify-content: center;
|
align-items: center;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
}
|
</style>
|
