{"ast":null,"code":"import \"vant/es/popup/style\";\nimport _Popup from \"vant/es/popup\"; //\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport \"core-js/modules/es.array.push.js\";\nimport ExInput from \"@/components/ex-input\";\nimport Step from \"./step.vue\";\nimport Axios from \"@/API/login.js\";\nimport AxiosuserCenter from \"@/API/userCenter.js\";\nimport { mapActions, mapGetters } from \"vuex\";\nimport { GET_USERINFO } from \"@/store/const.store\";\nimport nationalityList from \"../authentication/components/nationalityList.vue\";\nimport Vcode from \"vue-puzzle-vcode\";\nimport img1 from \"../../assets/image/slider/1.png\";\nimport img2 from \"../../assets/image/slider/2.png\";\nimport { getStorage } from \"@/utils/utis\";\nimport { log } from \"qrcode/lib/core/galois-field\";\n// /sendVerifyCode\nexport default {\n props: {},\n components: {\n [_Popup.name]: _Popup,\n ExInput,\n Step,\n nationalityList,\n Vcode\n },\n data() {\n return {\n // 发送验证码倒计时定时器\n tiem: null,\n codeButTexst: \"发送验证码\",\n form: {\n phone: \"\",\n email: \"\",\n code: \"\",\n username: \"\",\n password: \"\",\n rePassword: \"\",\n usercode: \"\"\n },\n show: false,\n msg: \"\",\n type: 3,\n // 1手机 2 邮箱 3账号\n agree: false,\n username: \"\",\n password: \"\",\n repassword: \"\",\n invitCode: \"\",\n //邀请码\n activeIndex: 1,\n typeText: \"password\",\n isArea: false,\n dialCode: 0,\n //电话号前缀\n icon: \"\",\n img1,\n img2\n };\n },\n beforeDestroy() {\n if (this.tiem) {\n clearInterval(this.tiem);\n this.tiem = null;\n }\n },\n mounted() {\n let usercode = getStorage(\"usercode\");\n if (usercode) {\n this.invitCode = usercode;\n }\n },\n computed: {\n ...mapGetters({\n theme: \"home/theme\"\n })\n },\n methods: {\n async bindEmail() {\n await AxiosuserCenter.bindEmail({\n email: this.form.email,\n verifcode: this.form.code\n });\n return true;\n },\n ...mapActions(\"user\", [GET_USERINFO]),\n async sendCode() {\n // codeButTexst === '发送验证码' ? '' : ' S-but'\n if (this.codeButTexst !== \"发送验证码\") {\n return;\n }\n if (this.form.email) {\n await Axios.sendVerifyCode({\n target: this.form.email\n });\n this.codeButTexst = 60;\n this.tiem = setInterval(() => {\n this.codeButTexst = this.codeButTexst - 1;\n if (this.codeButTexst === 0) {\n this.codeButTexst = \"发送验证码\";\n clearInterval(this.tiem);\n }\n }, 1000);\n }\n },\n getRegType(activeIndex, bFlag) {\n switch (activeIndex) {\n case 0:\n return bFlag ? this.$t(\"账号\") : this.$t(\"请输入账号\");\n case 1:\n return bFlag ? this.$t(\"邮箱\") : this.$t(\"请输入邮箱\");\n case 2:\n return bFlag ? this.$t(\"手机号\") : this.$t(\"请输入手机号\");\n }\n },\n onClose() {\n console.log(\"onClose\");\n },\n onSuccess() {\n console.log(\"onSuccess\");\n this.registerApi();\n this.show = false;\n },\n onFail() {\n this.msg = \"\";\n },\n onRefresh() {\n this.msg = \"\";\n },\n onSelectArea() {\n this.openBtn();\n },\n //打开国家列表底部弹窗\n openBtn() {\n this.$refs.controlChild.open();\n },\n //获取到当前选中国家的code值\n getName(params) {\n this.icon = params[1];\n this.dialCode = params[2];\n },\n agreeProt() {\n this.agree = !this.agree;\n },\n register() {\n if (this.form.username == \"\") {\n return this.$toast(this.$t(\"请输入姓名\"));\n }\n let match = this.form.email.search(/@/);\n if (this.form.email == \"\" || match == -1) {\n return this.$toast(this.$t(\"请输入正确的邮箱地址\"));\n }\n if (this.form.phone == \"\") {\n this.$toast(this.$t(\"请输入手机号\"));\n return;\n }\n if (this.form.password == \"\") {\n this.$toast(this.$t(\"请输入密码\"));\n return;\n }\n if (this.form.password !== this.form.rePassword) {\n this.$toast(this.$t(\"密码不一致\"));\n return;\n }\n if (!this.agree) {\n this.$toast(this.$t(\"请同意服务条款\"));\n return;\n }\n this.show = true;\n },\n changeIndex(index) {\n this.activeIndex = index;\n switch (index) {\n case 0:\n case 1:\n {\n this.isArea = false;\n break;\n }\n case 2:\n {\n this.isArea = true;\n break;\n }\n }\n },\n async registerApi() {\n this.$store.state.user.userInfo.token = undefined;\n Axios.registerUser({\n username: this.form.email,\n password: this.form.password,\n re_password: this.form.rePassword,\n type: 2,\n usercode: this.form.usercode\n }).then(res => {\n this.GET_USERINFO(res.data);\n this.bindEmail(res.data.token).then(val => {\n // console.log(val);\n Axios.registerTest({\n username: this.form.username,\n phone: this.form.phone,\n email: this.form.email,\n tokne: res.data.token\n }).then(data => {\n this.$toast(this.$t(\"注册成功\"));\n setTimeout(() => {\n this.$router.push(\"login\");\n }, 1000);\n }).catch(error => {\n this.codeButTexst = \"发送验证码\";\n clearInterval(this.tiem);\n if (error.code === \"ECONNABORTED\") {\n this.$toast(this.$t(\"网络超时！\"));\n } else if (error.msg !== undefined) {\n this.$toast(this.$t(error.msg));\n }\n });\n }).catch(error => {\n this.codeButTexst = \"发送验证码\";\n clearInterval(this.tiem);\n if (error.code === \"ECONNABORTED\") {\n this.$toast(this.$t(\"网络超时！\"));\n } else if (error.msg !== undefined) {\n this.$toast(this.$t(error.msg));\n }\n });\n }).catch(error => {\n this.codeButTexst = \"发送验证码\";\n clearInterval(this.tiem);\n if (error.code === \"ECONNABORTED\") {\n this.$toast(this.$t(\"网络超时！\"));\n } else if (error.msg !== undefined) {\n this.$toast(this.$t(error.msg));\n }\n });\n }\n }\n};","map":null,"metadata":{},"sourceType":"module","externalDependencies":[]}
|
