# 实现佣金管理功能

## 一、功能需求
1. 在侧边栏添加佣金管理菜单
2. 创建佣金管理页面，包含：
   - 列表展示达人的佣金对应用户的实际支付金额和商品金额
   - 审核用户佣金的功能按钮
   - 页面上方可设置佣金比例，默认为15%

## 二、实现步骤

### 1. 添加国际化支持
- 在 `src/locales/index.js` 中添加佣金管理相关的中英文翻译

### 2. 更新侧边栏菜单
- 在 `src/components/layout/AppSidebar.vue` 的 `coreMenuItems` 数组中添加佣金管理菜单
- 配置菜单的ID、路径、标签和图标

### 3. 添加路由配置
- 在 `src/router/index.js` 中添加佣金管理页面的路由配置
- 导入佣金管理组件
- 配置路由路径、名称和组件

### 4. 创建佣金管理页面组件
- 在 `src/views/` 目录下创建 `CommissionManagement.vue` 文件
- 实现页面布局和功能：
  - 页面上方的佣金比例设置区域，默认值为15%
  - 佣金列表展示区域，包含达人信息、用户实际支付金额、商品金额等字段
  - 每个佣金项的审核功能按钮

### 5. 实现页面功能
- 添加佣金比例设置的双向绑定和保存功能
- 实现佣金列表的数据展示
- 添加审核功能按钮的点击事件处理

## 三、技术要点
- 使用 Vue 3 的组合式 API
- 遵循现有的代码风格和组件设计模式
- 使用 Element Plus 组件库实现 UI 元素
- 实现响应式设计，适配不同屏幕尺寸

## 四、文件变更
1. `src/locales/index.js` - 添加佣金管理相关的国际化翻译
2. `src/components/layout/AppSidebar.vue` - 更新侧边栏菜单，添加佣金管理选项
3. `src/router/index.js` - 添加佣金管理页面的路由配置
4. `src/views/CommissionManagement.vue` - 创建佣金管理页面组件