{"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: \"123456\",\n rePassword: \"123456\",\n usercode: \"123\"\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 Axios.registerTest(this.form).then(res => {\n console.log(44444, res);\n // this.GET_USERINFO(res.data);\n this.$toast(this.$t(\"注册成功\"));\n setTimeout(() => {\n this.$router.push(\"login\");\n }, 1000);\n }).catch(error => {\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":{"version":3,"names":["ExInput","Step","Axios","AxiosuserCenter","mapActions","mapGetters","GET_USERINFO","nationalityList","Vcode","img1","img2","getStorage","log","props","components","_Popup","name","data","tiem","codeButTexst","form","phone","email","code","username","password","rePassword","usercode","show","msg","type","agree","repassword","invitCode","activeIndex","typeText","isArea","dialCode","icon","beforeDestroy","clearInterval","mounted","computed","theme","methods","bindEmail","verifcode","sendCode","sendVerifyCode","target","setInterval","getRegType","bFlag","$t","onClose","console","onSuccess","registerApi","onFail","onRefresh","onSelectArea","openBtn","$refs","controlChild","open","getName","params","agreeProt","register","$toast","match","search","changeIndex","index","registerTest","then","res","setTimeout","$router","push","catch","error","undefined"],"sources":["src/page/register/index.vue"],"sourcesContent":["<template>\n <div class=\"register\">\n <div class=\"top\" @click=\"$router.go(-1)\">\n <img\n :src=\"require(`../../assets/theme/${theme}/image/Union.png`)\"\n alt=\"\"\n />\n </div>\n <Step :step=\"1\"></Step>\n <div class=\"title textColor\">{{ $t(\"注册\") }}</div>\n\n <ExInput :placeholderText=\"$t('请输入姓名')\" v-model=\"form.username\" />\n <ExInput :placeholderText=\"$t('请输入邮箱地址')\" v-model=\"form.email\" />\n <div class=\"code-box\">\n <div\n class=\"btn btnMain code-but\"\n :class=\"`${codeButTexst === '发送验证码' ? '' : ' S-but'}`\"\n @click=\"sendCode\"\n >\n {{ $t(codeButTexst) }}{{ codeButTexst === \"发送验证码\" ? \"\" : \" S \" }}\n </div>\n\n <ExInput :placeholderText=\"$t('请输入邮箱验证码')\" v-model=\"form.code\" />\n </div>\n <ExInput :placeholderText=\"$t('请输入手机号码')\" v-model=\"form.phone\" />\n <ExInput\n :placeholderText=\"$t('密码（6-12个字符）')\"\n v-model=\"form.password\"\n typeText=\"password\"\n />\n <ExInput\n :placeholderText=\"$t('请确认密码')\"\n v-model=\"form.rePassword\"\n typeText=\"password\"\n />\n <ExInput\n :placeholderText=\"$t('请输入邀请码')\"\n v-model=\"form.usercode\"\n :clearBtn=\"false\"\n />\n <div class=\"protocol textColor\">\n <i @click=\"agreeProt\">\n <img v-show=\"agree\" src=\"../../assets/image/login/prot2.png\" alt=\"\" />\n <img v-show=\"!agree\" src=\"../../assets/image/login/prot1.png\" alt=\"\" />\n </i>\n {{ $t(\"我已阅读并同意\")\n }}<span\n class=\"colorMain\"\n @click=\"$router.push('/TermsOfService?serviceTerm=1')\"\n >{{ $t(\"服务条款\") }}</span\n >\n </div>\n <div class=\"btn btnMain\" @click=\"register\">{{ $t(\"注册\") }}</div>\n <div class=\"noTips textColor\">\n {{ $t(\"已有账号\")\n }}<span class=\"colorMain\" @click=\"$router.push('/login')\">\n {{ $t(\"去登录\") }}</span\n >\n </div>\n <nationality-list\n ref=\"controlChild\"\n :title=\"$t('选择区域码')\"\n @getName=\"getName(arguments)\"\n ></nationality-list>\n\n <Vcode\n :imgs=\"[img1, img2]\"\n :show=\"show\"\n @success=\"onSuccess\"\n :canvasHeight=\"200\"\n @fail=\"onFail\"\n @close=\"show = false\"\n sliderText=\"\"\n :successText=\"$t('验证通过!')\"\n :failText=\"$t('验证失败,请重试')\"\n />\n\n <div>{{ msg }}</div>\n </div>\n</template>\n\n<script>\nimport { Popup } from \"vant\";\nimport ExInput from \"@/components/ex-input\";\nimport Step from \"./step.vue\";\nimport Axios from \"@/API/login.js\";\nimport AxiosuserCenter from \"@/API/userCenter.js\";\n\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: \"123456\",\n rePassword: \"123456\",\n usercode: \"123\",\n },\n show: false,\n msg: \"\",\n type: 3, // 1手机 2 邮箱 3账号\n agree: false,\n username: \"\",\n password: \"\",\n repassword: \"\",\n invitCode: \"\", //邀请码\n activeIndex: 1,\n typeText: \"password\",\n isArea: false,\n dialCode: 0, //电话号前缀\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\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\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 this.isArea = false;\n break;\n }\n case 2: {\n this.isArea = true;\n break;\n }\n }\n },\n async registerApi() {\n Axios.registerTest(this.form)\n .then((res) => {\n console.log(44444, res);\n // this.GET_USERINFO(res.data);\n this.$toast(this.$t(\"注册成功\"));\n setTimeout(() => {\n this.$router.push(\"login\");\n }, 1000);\n })\n .catch((error) => {\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};\n</script>\n\n<style lang=\"scss\" scoped>\n.register {\n width: 100%;\n box-sizing: border-box;\n padding: 32px;\n font-size: 26px;\n}\n\n.top {\n padding-left: 18px;\n padding-top: 18px;\n\n img {\n width: 37px;\n height: 37px;\n }\n}\n\n.title {\n font-weight: 700;\n font-size: 52px;\n margin-top: 54px;\n margin-bottom: 66px;\n}\n\n.re-tab {\n margin-bottom: 44px;\n\n div {\n padding: 0 36px;\n height: 68px;\n line-height: 68px;\n text-align: center;\n border-radius: 8px;\n margin-right: 20px;\n }\n\n .active {\n @include themify() {\n background: themed(\"tab_background\");\n }\n\n @include themify() {\n color: themed(\"text_color\");\n }\n }\n}\n\n.forget {\n color: #1d91ff;\n font-size: 24px;\n line-height: 28px;\n}\n\n.btn {\n color: #fff;\n height: 88px;\n line-height: 88px;\n text-align: center;\n font-size: 32px;\n margin-top: 40px;\n border-radius: 10px;\n}\n\n.noTips {\n margin-top: 48px;\n}\n\n.protocol {\n display: flex;\n align-items: center;\n height: 30px;\n\n i {\n width: 30px;\n height: 30px;\n margin-right: 18px;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n}\n\n.code-box {\n width: 100%;\n display: flex;\n align-items: center;\n // justify-content: space-between;\n\n .code-but {\n width: 200px;\n font-size: 23px;\n text-align: center;\n background-color: #6ff;\n margin-right: 20px;\n margin-top: 0;\n }\n}\n::v-deep .inputCom {\n width: 100%;\n padding-bottom: 10px;\n}\n.S-but {\n // background-color:;\n opacity: 0.5 !important;\n}\n</style>\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
