deotalandAi/.trae/documents/plan_20251219_101004.md

实现邀请码升级功能

1. 修改 Waitlist.vue 组件

• 在现有界面中添加邀请码输入框和提交按钮
• 设计输入框样式与现有界面风格保持一致
• 添加表单验证逻辑

2. 引入必要的模块和方法

• 引入 user 模块的 upgrade 方法
• 引入 auth store 的 updateUserInfo 方法
• 引入 ElMessage 用于显示操作结果

3. 实现提交逻辑

1. 用户输入邀请码并点击提交按钮
2. 调用 /views/user/index.js 中的 upgrade 方法
3. 成功后调用 /stores/auth.js 中的 updateUserInfo 方法刷新用户信息
4. 刷新成功后返回首页

4. 添加错误处理

• 邀请码验证失败时显示错误信息
• 网络请求失败时显示错误提示
• 确保用户体验流畅

5. 界面优化

• 输入框添加合适的占位符
• 按钮状态管理（加载中、禁用等）
• 保持响应式设计，适配不同屏幕尺寸