import React, { useState } from 'react' import { useRouter } from 'next/router' import Head from 'next/head' import Link from 'next/link' const RegisterPage = () => { const router = useRouter() const [formData, setFormData] = useState({ email: '', password: '', confirmPassword: '', name: '', phone: '', user_type: 'individual' as 'individual' | 'enterprise' }) const [loading, setLoading] = useState(false) const [error, setError] = useState('') const [success, setSuccess] = useState('') const handleChange = (e: React.ChangeEvent) => { setFormData({ ...formData, [e.target.name]: e.target.value }) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setLoading(true) setError('') setSuccess('') // 验证密码匹配 if (formData.password !== formData.confirmPassword) { setError('密码不匹配') setLoading(false) return } try { const { confirmPassword, ...registerData } = formData const response = await fetch('/api/auth/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(registerData) }) const data = await response.json() if (data.success) { if (data.data.needEmailVerification) { setSuccess('注册成功！请检查您的邮箱并验证账户后登录。') } else { setSuccess('注册成功！正在跳转到登录页面...') setTimeout(() => { router.push('/auth/login') }, 2000) } } else { setError(data.error || '注册失败') } } catch (error) { console.error('Register error:', error) setError('网络错误，请稍后重试') } finally { setLoading(false) } } return ( <> 注册 - 口译服务管理平台

注册新账户

或{' '} 登录现有账户

{error && (
{error}
)} {success && (
{success}
)}
) } export default RegisterPage