## 重新设计积分管理页面

### 1. 分析现有代码
- **`index.js`**：包含 `AdminPointsManagement` 类，提供了8个API方法，用于积分包的增删改查、状态更新、推荐状态更新和批量删除
- **`AdminPointsManagement.vue`**：当前是一个简单的Vue组件，使用模拟数据，只实现了基本的增删改功能，缺少很多API中定义的字段和功能

### 2. 重新设计方案

#### 2.1 数据结构调整
- 将模拟数据替换为真实API调用
- 添加分页、筛选和排序功能
- 支持状态管理（启用/禁用）
- 支持推荐状态管理

#### 2.2 表格设计
- 添加更多列：积分数量、使用次数、状态、推荐状态、创建时间、排序
- 支持多选框用于批量操作
- 添加状态和推荐状态的切换按钮

#### 2.3 筛选和分页
- 添加筛选表单：名称、状态、推荐状态、货币
- 添加分页组件
- 支持排序功能

#### 2.4 表单字段调整
- 添加缺失字段：积分数量、使用次数、描述、状态、排序、推荐状态、有效期天数、额外配置、备注
- 调整字段名称和类型以匹配API要求
- 添加表单验证规则

#### 2.5 功能实现
- 实现所有API方法的调用
- 添加加载状态显示
- 添加操作成功/失败的消息提示

### 3. 具体修改步骤

1. **导入必要的组件和方法**
   - 导入 `AdminPointsManagement` 类
   - 导入必要的Element Plus组件和图标

2. **数据和状态管理**
   - 添加分页相关数据
   - 添加筛选条件数据
   - 添加加载状态
   - 替换模拟数据为真实API调用

3. **表格设计**
   - 添加更多列
   - 添加操作列功能
   - 添加多选框

4. **筛选和分页**
   - 添加筛选表单
   - 添加分页组件

5. **弹窗表单设计**
   - 添加缺失字段
   - 调整字段名称和类型
   - 添加表单验证规则

6. **方法实现**
   - 实现获取积分包列表
   - 实现新增、编辑、删除、批量删除
   - 实现状态和推荐状态切换
   - 实现筛选和分页

7. **生命周期钩子**
   - 在组件挂载时调用获取积分包列表的方法

### 4. 预期效果
- 页面使用真实API数据
- 支持完整的积分包管理功能
- 包含所有API中定义的字段
- 支持批量操作
- 支持筛选、排序和分页
- 提供良好的用户体验和操作反馈