# 新建流量包功能

## 功能概述

新建流量包功能是一个完整的用户群体管理工具，允许用户创建和管理基于特定条件的用户分组。

## 页面结构

### 主页面 (`index.tsx`)

- 包含三个标签页：基本信息、人群筛选、用户列表
- 使用 Tabs 组件进行页面切换
- 底部固定提交按钮

### 组件结构

#### 1. 基本信息组件 (`BasicInfo.tsx`)

- **流量包名称**：必填字段
- **描述**：可选字段
- **备注**：可选字段，支持多行输入

#### 2. 人群筛选组件 (`AudienceFilter.tsx`)

- **RFM分析**：展示最近消费、消费频率、消费金额
- **年龄层**：显示年龄范围
- **消费能力**：显示消费能力等级
- **标签筛选**：预设的8个标签
- **自定义条件**：支持添加自定义筛选条件
- **方案推荐**：提供6个预设方案

#### 3. 用户列表预览组件 (`UserListPreview.tsx`)

- 显示筛选后的用户列表
- 支持全选和批量操作
- 显示用户详细信息（RFM评分、活跃度、消费金额等）
- 支持单个用户移除

#### 4. 自定义条件弹窗 (`CustomConditionModal.tsx`)

- 支持10种不同的标签类型
- 根据标签类型显示不同的输入方式：
  - 年龄层：两个数字输入框（范围）
  - 其他标签：下拉选择框
- 支持条件的添加和删除

#### 5. 方案推荐弹窗 (`SchemeRecommendation.tsx`)

- 提供6个预设方案：
  - 高价值客户方案
  - 新用户激活方案
  - 用户留存方案
  - 升单转化方案
  - 价格敏感用户方案
  - 忠诚客户维护方案
- 每个方案包含筛选条件和预估用户数量

#### 6. 条件列表组件 (`ConditionList.tsx`)

- 显示已添加的自定义条件
- 支持条件的删除和编辑

## 数据流

1. **基本信息** → 保存到 `formData` 状态
2. **筛选条件** → 保存到 `formData.filterConditions`
3. **生成用户列表** → 调用模拟API生成用户数据
4. **提交** → 将所有数据提交到后端

## 路由配置

- 路径：`/mine/traffic-pool/create`
- 组件：`CreateTrafficPackage`
- 权限：需要登录

## 使用流程

1. 填写基本信息（流量包名称必填）
2. 在人群筛选页面设置筛选条件：
   - 使用预设标签
   - 添加自定义条件
   - 或选择预设方案
3. 点击"生成用户列表"查看筛选结果
4. 在用户列表页面预览和调整用户
5. 点击"创建流量包"完成创建

## 技术特点

- **模块化设计**：每个功能独立封装为组件
- **响应式布局**：适配移动端显示
- **状态管理**：使用React Hooks管理复杂状态
- **用户体验**：提供丰富的交互反馈
- **数据模拟**：包含完整的模拟数据用于演示

## 扩展性

- 支持添加新的标签类型
- 支持添加新的预设方案
- 支持自定义筛选逻辑
- 支持导出用户列表
- 支持批量操作功能
