deotalandAi/.trae/documents/修复邀请码列表数据获取.md

修复邀请码列表数据获取

问题分析

当前邀请码列表使用的是硬编码数据，而不是通过调用getCodes()方法从API获取实际数据。

解决方案

1. 修改index.vue组件，导入并使用UserController中的getCodes()方法
2. 将硬编码的userData计算属性改为响应式数据，并添加数据获取逻辑
3. 确保邀请码列表能够动态渲染从API获取的数据

实现步骤

1. 在index.vue中导入UserController
2. 创建响应式的userData对象，替换当前的计算属性
3. 添加onMounted钩子，在组件挂载时调用getCodes()方法获取邀请码数据
4. 更新邀请码列表的渲染逻辑，确保与API返回的数据结构匹配
5. 添加错误处理和加载状态

预期结果

• 邀请码列表将显示从API获取的实际数据
• 支持邀请码的过期状态显示
• 保持现有的复制功能和样式不变

代码变更

• 修改d:/work/Aiproject/DeotalandAi/apps/frontend/src/views/user/index.vue：
  • 导入UserController
  • 将userData从计算属性改为响应式数据
  • 添加数据获取逻辑
  • 调整数据结构映射