## 修复邀请码列表数据获取

### 问题分析
当前邀请码列表使用的是硬编码数据，而不是通过调用`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`从计算属性改为响应式数据
  - 添加数据获取逻辑
  - 调整数据结构映射