| | |
| | | <template> |
| | | <div class="content"> |
| | | <div class="top_back"> |
| | | <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> --> |
| | | <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div> |
| | | |
| | | <div class="jy" @click="handleGoToAuthentication()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <van-icon name="manager" size=".8rem" /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t('rnv') }}</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="handleGoToBankCard()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | <van-icon name="card" size=".8rem" /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj147") }}</span> |
| | |
| | | <div class="jy" @click="goToSettings()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | <van-icon name="lock" size=".8rem" /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj144") }}</span> |
| | |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="jy" @click="handleGoToAuthentication()"> |
| | | <!-- <div class="jy" @click="handleGoToBankCard1()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | <van-icon name="friends" size=".8rem" /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj146") }}</span> |
| | | <span>{{ $t("关于我们") }}</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 /> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> --> |
| | | <div class="jy" @click="clicklang()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"></div> |
| | | <div class="l_icon"> |
| | | <img src="../../assets/img/语言切换.png" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("yy") }}</span> |
| | | </div> |
| | |
| | | cirNewPassword: "", // 确认新密码 |
| | | userInfo: [], |
| | | onlineService: "", |
| | | language: "", |
| | | language: "" |
| | | }; |
| | | }, |
| | | components: { Language }, |
| | |
| | | // 判断是否登录 |
| | | this.$store.commit("dialogVisible", false); |
| | | this.$store.state.userInfo = data.data; |
| | | document.title = 'Setting' |
| | | document.title = "Setting"; |
| | | this.userInfo = data.data; |
| | | } else { |
| | | this.$store.commit("dialogVisible", true); |
| | |
| | | // 退出登录 |
| | | MessageBox.confirm(this.$t("hj149"), this.$t(""), { |
| | | confirmButtonText: this.$t("qr"), |
| | | cancelButtonText: this.$t("hj106"), |
| | | cancelButtonText: this.$t("hj106") |
| | | }) |
| | | .then(() => { |
| | | this.toRegister(); |
| | | }) |
| | | .catch(() => {}); |
| | | .catch(() => { }); |
| | | }, |
| | | goToSettings() { |
| | | // 每次打开dialog 清空密码数据 |
| | |
| | | this.$router.push("/download"); |
| | | }, |
| | | handleGoToBankCard() { |
| | | this.$router.push("/bankCard"); |
| | | // this.$router.push("/bankCard"); |
| | | this.$router.push("/banklist"); |
| | | }, |
| | | handleGoToBankCard1() { |
| | | this.$router.push("/bankCard1"); |
| | | }, |
| | | async toRegister() { |
| | | // 注销登陆 |
| | |
| | | if (this.newPassword === this.cirNewPassword) { |
| | | let opts = { |
| | | oldPwd: this.oldPassword, |
| | | newPwd: this.newPassword, |
| | | newPwd: this.newPassword |
| | | }; |
| | | let data = await api.changePassword(opts); |
| | | if (data.status === 0) { |
| | |
| | | this.settingDialog = false; |
| | | Notify({ |
| | | type: "success", |
| | | message: this.$t("密码修改成功"), |
| | | message: this.$t("密码修改成功") |
| | | }); |
| | | this.toRegister(); |
| | | } else { |
| | |
| | | // 支持 |
| | | navigator.vibrate([55]); |
| | | } |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | |
| | | /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: 700; |
| | | font-size: 0.48rem; |
| | | color: #14181f; |
| | | } |
| | | |
| | | .right_gos_txt { |
| | | margin-right: 15px; |
| | | } |
| | |
| | | width: 100%; |
| | | height: 1.3rem; |
| | | border-radius: 0.15rem; |
| | | background: #2d6ae9; |
| | | background: @green; |
| | | color: #fff; |
| | | font-size: 0.4615rem; |
| | | margin-top: 0.5rem; |
| | |
| | | } |
| | | |
| | | .btn_s_box { |
| | | border: none; |
| | | background: #409eff; |
| | | color: #fff; |
| | | border: @green solid 0.01em; |
| | | background: #fff; |
| | | color: @green; |
| | | height: 70px; |
| | | width: 100%; |
| | | line-height: 70px; |
| | | font-size: 16px; |
| | | text-align: center; |
| | | border-radius: 15px; |
| | | border-radius: 5px; |
| | | font-weight: 600; |
| | | margin: 40px 20px 0 20px; |
| | | } |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | padding-left: 0.4rem; |
| | | |
| | | img { |
| | | width: 0.5041rem; |
| | | height: 0.5041rem; |
| | | width: .8rem; |
| | | height: .8rem; |
| | | } |
| | | } |
| | | |
| | |
| | | align-items: center; |
| | | font-size: 0.4046rem; |
| | | color: #404040; |
| | | padding-left: 0.4rem; |
| | | padding-left: 0.2rem; |
| | | |
| | | span { |
| | | font-weight: 600; |
| | |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | > div { |
| | | >div { |
| | | width: 10%; |
| | | height: 100%; |
| | | display: flex; |