| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- <div class="jy" @click="handleGoToTransfer()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t('hj145') }}</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 v-else src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | <!-- |
| | | <div class="jy" @click="subclick()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t('subdk') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="jy" @click="yebclick()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t('yeb') }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> --> |
| | | <div class="jy" @click="clicklang()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"></div> |
| | |
| | | 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"; |
| | | |
| | | export default { |
| | | name: "newUser", |
| | |
| | | icon: require("@/assets/ico/english.png"), |
| | | lang: "zh-CN", |
| | | }, |
| | | { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" }, |
| | | { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "hy" }, |
| | | { |
| | | text: "हिंदी", |
| | | icon: require("@/assets/ico/india.png"), |
| | | lang: "en", |
| | | }, |
| | | { |
| | | text: "한국인", |
| | | icon: require("@/assets/ico/india.png"), |
| | | lang: "hy", |
| | | }, |
| | | { |
| | | text: "ภาษาไทย", |
| | | icon: require("@/assets/ico/india.png"), |
| | |
| | | lang: "ry", |
| | | }, |
| | | |
| | | { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" }, |
| | | { |
| | | text: "繁体中文", |
| | | icon: require("@/assets/ico/tw.png"), |
| | | lang: "tw", |
| | | }, |
| | | ], |
| | | }; |
| | | }, |
| | | components: {}, |
| | | created() { |
| | | this.getUserInfo(); |
| | | this.language = window.localStorage.getItem("language"); |
| | | console.log(window.localStorage.getItem("language")); |
| | | if (this.language == "zh-CN") { |
| | | this.language = "English"; |
| | | } else { |
| | | this.language = "हिंदी"; |
| | | } |
| | | this.language = window.localStorage.getItem("language") || "zh-CN"; |
| | | let arr = this.actions.filter((item) => item.lang === this.language); |
| | | this.language = arr[0].text; |
| | | }, |
| | | methods: { |
| | | ...mapMutations(["undataToken"]), |
| | | |
| | | popClose() { |
| | | this.settingDialog = false; |
| | | }, |
| | |
| | | } |
| | | }, |
| | | goWall() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | this.$router.push("/wallet"); |
| | | }, |
| | | gotoa(e) { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | if (e == 0) { |
| | | this.$router.push("/wallet"); |
| | | } else if (e == 1) { |
| | |
| | | handleZh() { |
| | | this.selectUserFlag = !this.selectUserFlag; |
| | | |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | if (navigator.vibrate) { |
| | | // 支持 |
| | | navigator.vibrate([55]); |
| | |
| | | .catch(() => {}); |
| | | }, |
| | | goToSettings() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | // 每次打开dialog 清空密码数据 |
| | | this.pswDialog = !this.pswDialog; |
| | | if (this.pswDialog) { |
| | |
| | | } |
| | | }, |
| | | handleGoToTransfer() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | this.$router.push("/transfers"); |
| | | }, |
| | | handleGoToAuthentication() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | this.$router.push("/authentications"); |
| | | }, |
| | | handleGoToAuthenticationaz() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | this.$router.push("/download"); |
| | | }, |
| | | handleGoToBankCard() { |
| | | if (this.userInfo.length === 0) { |
| | | this.$store.commit("dialogVisible", true); |
| | | return; |
| | | } |
| | | this.$router.push("/bankCard"); |
| | | }, |
| | | async toRegister() { |
| | |
| | | let data = await api.logout(); |
| | | if (data.status === 0) { |
| | | // Toast(data.msg) |
| | | this.undataToken(null); |
| | | this.$router.push("/login"); |
| | | } else { |
| | | Toast(data.msg); |
| | |
| | | let data = await api.changePassword(opts); |
| | | if (data.status === 0) { |
| | | this.changeLoginPsdBox = false; |
| | | Toast(data.msg); |
| | | |
| | | this.pswDialog = false; |
| | | this.settingDialog = false; |
| | | Notify({ |
| | | type: "success", |
| | | message: this.$t("密码修改成功"), |
| | | }); |
| | | this.toRegister(); |
| | | } else { |
| | | Toast(data.msg); |
| | | this.settingDialog = false; |
| | |
| | | .right_gos_txt { |
| | | margin-right: 15px; |
| | | } |
| | | |
| | | .setting_content { |
| | | width: 100%; |
| | | height: 5rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .lang_box_txta { |
| | | width: 100%; |
| | | height: 100px; |
| | |
| | | line-height: 100px; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | } |
| | | |
| | | .lang_box_txt { |
| | | width: 100%; |
| | | height: 100px; |
| | |
| | | border-bottom: 1px solid #ecf5ff; |
| | | color: #2196f3; |
| | | } |
| | | |
| | | .lang_box { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .btn_s_box { |
| | | border: none; |
| | | background: #409eff; |
| | |
| | | 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; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | body { |
| | | background-color: #f8f8f8; |
| | | } |
| | |
| | | height: 2rem; |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | > div { |
| | | width: 10%; |
| | | height: 100%; |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |