You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
11 KiB

1 month ago
  1. {"ast":null,"code":"import { ref, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { ElMessage } from 'element-plus';\nimport { User, Lock, Message } from '@element-plus/icons-vue';\nimport { register } from '@/api/auth';\nexport default {\n __name: 'index',\n setup(__props, {\n expose: __expose\n }) {\n __expose();\n const router = useRouter();\n const formRef = ref(null);\n const loading = ref(false);\n const form = reactive({\n username: '',\n password: '',\n confirmPassword: '',\n email: ''\n });\n\n // 验证密码是否一致\n const validatePass = (rule, value, callback) => {\n if (value === '') {\n callback(new Error('请再次输入密码'));\n } else if (value !== form.password) {\n callback(new Error('两次输入密码不一致'));\n } else {\n callback();\n }\n };\n const rules = {\n username: [{\n required: true,\n message: '请输入用户名',\n trigger: 'blur'\n }, {\n min: 4,\n max: 20,\n message: '长度在 4 到 20 个字符',\n trigger: 'blur'\n }],\n password: [{\n required: true,\n message: '请输入密码',\n trigger: 'blur'\n }, {\n min: 6,\n max: 20,\n message: '长度在 6 到 20 个字符',\n trigger: 'blur'\n }],\n confirmPassword: [{\n required: true,\n validator: validatePass,\n trigger: 'blur'\n }],\n email: [{\n required: true,\n message: '请输入邮箱地址',\n trigger: 'blur'\n }, {\n type: 'email',\n message: '请输入正确的邮箱地址',\n trigger: 'blur'\n }]\n };\n const handleSubmit = async () => {\n if (!formRef.value) return;\n try {\n await formRef.value.validate();\n loading.value = true;\n\n // 去掉确认密码字段\n const {\n confirmPassword,\n ...registerData\n } = form;\n const res = await register(registerData);\n if (res.code === 200) {\n ElMessage.success({\n message: '注册成功,请登录',\n duration: 2000\n });\n // 延迟跳转,让用户看到成功提示\n setTimeout(() => {\n router.push({\n path: '/login',\n query: {\n username: form.username\n } // 传递用户名到登录页\n });\n }, 2000);\n }\n } catch (error) {\n console.error('注册失败:', error);\n // 显示后端返回的具体错误信息\n if (error.response?.data?.message) {\n ElMessage.error(error.response.data.message);\n } else {\n ElMessage.error(error.message || '注册失败,请重试');\n }\n } finally {\n loading.value = false;\n }\n };\n const __returned__ = {\n router,\n formRef,\n loading,\n form,\n validatePass,\n rules,\n handleSubmit,\n ref,\n reactive,\n get useRouter() {\n return useRouter;\n },\n get ElMessage() {\n return ElMessage;\n },\n get User() {\n return User;\n },\n get Lock() {\n return Lock;\n },\n get Message() {\n return Message;\n },\n get register() {\n return register;\n }\n };\n Object.defineProperty(__returned__, '__isScriptSetup', {\n enumerable: false,\n value: true\n });\n return __returned__;\n }\n};","map":{"version":3,"names":["ref","reactive","useRouter","ElMessage","User","Lock","Message","register","router","formRef","loading","form","username","password","confirmPassword","email","validatePass","rule","value","callback","Error","rules","required","message","trigger","min","max","validator","type","handleSubmit","validate","registerData","res","code","success","duration","setTimeout","push","path","query","error","console","respon