{"ast":null,"code":"//\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\nexport default {\n data: () => ({\n valid: false,\n name: '',\n nameRules: [v => !!v || '姓名是必填项'],\n areaCode: '',\n areaCodeRules: [v => !!v || '区号是必填项'],\n phoneNumber: '',\n phoneNumberRules: [v => !!v || '手机号是必填项', v => /^\\d+$/.test(v) || '手机号必须是数字'],\n email: '',\n emailRules: [v => !!v || '邮箱是必填项', v => /.+@.+\\..+/.test(v) || '邮箱格式不正确'],\n validEmail: false,\n emailCode: '',\n inviteCode: '',\n password: '',\n showPassword: false,\n passwordRules: [v => !!v || '密码是必填项'],\n confirmPassword: '',\n confirmPasswordRules: [v => v === this.password || '两次输入的密码不匹配']\n }),\n methods: {\n sendEmailCode() {\n // 通过 API 发送邮件验证码的逻辑\n console.log('发送验证码到:', this.email);\n this.validEmail = true;\n },\n submit() {\n if (this.$refs.form.validate()) {\n // 提交表单\n const userData = {\n name: this.name,\n areaCode: this.areaCode,\n phoneNumber: this.phoneNumber,\n email: this.email,\n emailCode: this.emailCode,\n inviteCode: this.inviteCode,\n password: this.password\n };\n console.log('注册数据:', userData);\n // 这里添加调用后端 API 的代码\n }\n }\n }\n};","map":{"version":3,"names":["data","valid","name","nameRules","v","areaCode","areaCodeRules","phoneNumber","phoneNumberRules","test","email","emailRules","validEmail","emailCode","inviteCode","password","showPassword","passwordRules","confirmPassword","confirmPasswordRules","methods","sendEmailCode","console","log","submit","$refs","form","validate","userData"],"sources":["src/page/register/index.vue"],"sourcesContent":["<template>\n <v-container>\n <v-form ref=\"form\" v-model=\"valid\" lazy-validation>\n <v-text-field\n label=\"姓名\"\n v-model=\"name\"\n :rules=\"nameRules\"\n required\n ></v-text-field>\n \n <v-row>\n <v-col cols=\"3\">\n <v-text-field\n label=\"区号\"\n v-model=\"areaCode\"\n :rules=\"areaCodeRules\"\n required\n ></v-text-field>\n </v-col>\n <v-col cols=\"9\">\n <v-text-field\n label=\"手机号\"\n v-model=\"phoneNumber\"\n :rules=\"phoneNumberRules\"\n required\n ></v-text-field>\n </v-col>\n </v-row>\n \n <v-text-field\n label=\"邮箱\"\n v-model=\"email\"\n :rules=\"emailRules\"\n required\n ></v-text-field>\n \n <v-btn @click=\"sendEmailCode\" :disabled=\"!validEmail\">发送邮箱验证码</v-btn>\n \n <v-text-field\n label=\"邮箱验证码\"\n v-model=\"emailCode\"\n required\n ></v-text-field>\n \n <v-text-field\n label=\"邀请码\"\n v-model=\"inviteCode\"\n ></v-text-field>\n \n <v-text-field\n label=\"密码\"\n v-model=\"password\"\n :type=\"showPassword ? 'text' : 'password'\"\n :append-icon=\"showPassword ? 'mdi-eye' : 'mdi-eye-off'\"\n @click:append=\"showPassword = !showPassword\"\n :rules=\"passwordRules\"\n required\n ></v-text-field>\n \n <v-text-field\n label=\"重复密码\"\n v-model=\"confirmPassword\"\n :type=\"showPassword ? 'text' : 'password'\"\n :rules=\"confirmPasswordRules\"\n required\n ></v-text-field>\n \n <v-btn @click=\"submit\" :disabled=\"!valid\">注册</v-btn>\n </v-form>\n </v-container>\n </template>\n \n <script>\n export default {\n data: () => ({\n valid: false,\n name: '',\n nameRules: [(v) => !!v || '姓名是必填项'],\n areaCode: '',\n areaCodeRules: [(v) => !!v || '区号是必填项'],\n phoneNumber: '',\n phoneNumberRules: [\n (v) => !!v || '手机号是必填项',\n (v) => /^\\d+$/.test(v) || '手机号必须是数字',\n ],\n email: '',\n emailRules: [\n (v) => !!v || '邮箱是必填项',\n (v) => /.+@.+\\..+/.test(v) || '邮箱格式不正确',\n ],\n validEmail: false,\n emailCode: '',\n inviteCode: '',\n password: '',\n showPassword: false,\n passwordRules: [(v) => !!v || '密码是必填项'],\n confirmPassword: '',\n confirmPasswordRules: [\n (v) => v === this.password || '两次输入的密码不匹配',\n ],\n }),\n methods: {\n sendEmailCode() {\n // 通过 API 发送邮件验证码的逻辑\n console.log('发送验证码到:', this.email);\n this.validEmail = true;\n },\n submit() {\n if (this.$refs.form.validate()) {\n // 提交表单\n const userData = {\n name: this.name,\n areaCode: this.areaCode,\n phoneNumber: this.phoneNumber,\n email: this.email,\n emailCode: this.emailCode,\n inviteCode: this.inviteCode,\n password: this.password,\n };\n console.log('注册数据:', userData);\n // 这里添加调用后端 API 的代码\n }\n },\n },\n };\n </script>\n \n <style>\n /* 添加额外的 CSS 样式 */\n </style>\n "],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;EACAA,IAAA,EAAAA,CAAA;IACAC,KAAA;IACAC,IAAA;IACAC,SAAA,GAAAC,CAAA,MAAAA,CAAA;IACAC,QAAA;IACAC,aAAA,GAAAF,CAAA,MAAAA,CAAA;IACAG,WAAA;IACAC,gBAAA,GACAJ,CAAA,MAAAA,CAAA,eACAA,CAAA,YAAAK,IAAA,CAAAL,CAAA,gBACA;IACAM,KAAA;IACAC,UAAA,GACAP,CAAA,MAAAA,CAAA,cACAA,CAAA,gBAAAK,IAAA,CAAAL,CAAA,eACA;IACAQ,UAAA;IACAC,SAAA;IACAC,UAAA;IACAC,QAAA;IACAC,YAAA;IACAC,aAAA,GAAAb,CAAA,MAAAA,CAAA;IACAc,eAAA;IACAC,oBAAA,GACAf,CAAA,IAAAA,CAAA,UAAAW,QAAA;EAEA;EACAK,OAAA;IACAC,cAAA;MACA;MACAC,OAAA,CAAAC,GAAA,iBAAAb,KAAA;MACA,KAAAE,UAAA;IACA;IACAY,OAAA;MACA,SAAAC,KAAA,CAAAC,IAAA,CAAAC,QAAA;QACA;QACA,MAAAC,QAAA;UACA1B,IAAA,OAAAA,IAAA;UACAG,QAAA,OAAAA,QAAA;UACAE,WAAA,OAAAA,WAAA;UACAG,KAAA,OAAAA,KAAA;UACAG,SAAA,OAAAA,SAAA;UACAC,UAAA,OAAAA,UAAA;UACAC,QAAA,OAAAA;QACA;QACAO,OAAA,CAAAC,GAAA,UAAAK,QAAA;QACA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
