feat(dealer): 重构分销中心页面

- 优化了分销中心首页、分销订单、提现申请和团队管理页面的视觉和功能- 新增了渐变设计指南和主题选择器组件
-改进了数据展示、功能导航和用户体验

docs/DEALER_OPTIMIZATION.md

@@ -0,0 +1,137 @@
+# 分销中心页面优化总结
+
+## 🔍 原始问题分析
+
+### 主要问题
+1. **数据展示错误**：成为经销商时间显示的是 `money` 字段
+2. **功能缺失**：缺少导航到其他分销功能的入口
+3. **用户体验差**：页面单调，缺少视觉层次
+4. **代码问题**：路径错误，硬编码数据
+
+## 🚀 优化方案
+
+### 1. 分销中心首页 (`/dealer/index.tsx`)
+
+#### 优化内容
+- **视觉升级**：使用渐变背景和卡片设计
+- **功能导航**：添加4个核心功能的快捷入口
+- **数据可视化**：佣金和团队数据的直观展示
+- **状态区分**：非经销商和经销商状态的不同展示
+
+#### 新增功能
+- 用户头像和基本信息展示
+- 佣金统计（可提现、冻结中、累计收益）
+- 团队统计（一级、二级、三级成员）
+- 功能导航网格（分销订单、提现申请、我的团队、推广二维码）
+
+### 2. 分销订单页面 (`/dealer/orders/index.tsx`)
+
+#### 优化内容
+- **标签页设计**：全部、待结算、已完成
+- **统计面板**：总订单、总佣金、待结算金额
+- **下拉刷新**：支持手动刷新数据
+- **订单卡片**：清晰的订单信息展示
+
+#### 新增功能
+- 订单状态标签和颜色区分
+- 佣金预计和实际到账显示
+- 客户信息和订单时间
+
+### 3. 提现申请页面 (`/dealer/withdraw/index.tsx`)
+
+#### 优化内容
+- **双标签页**：申请提现 + 提现记录
+- **余额卡片**：渐变设计显示可提现余额
+- **快捷金额**：预设金额按钮和全部提现
+- **提现方式**：微信、支付宝、银行卡选择
+
+#### 新增功能
+- 提现规则说明（最低金额、手续费）
+- 提现记录状态跟踪
+- 表单验证和用户体验优化
+
+### 4. 团队管理页面 (`/dealer/team/index.tsx`)
+
+#### 优化内容
+- **团队总览**：统计卡片和层级分布图
+- **成员分级**：按一级、二级、三级分类显示
+- **成员卡片**：头像、等级、贡献数据
+- **进度条**：可视化层级分布比例
+
+#### 新增功能
+- 成员活跃状态标识
+- 贡献佣金和订单数统计
+- 下级成员数量显示
+- 等级图标和颜色区分
+
+## 📊 技术改进
+
+### 1. 数据处理
+```typescript
+// 格式化金额
+const formatMoney = (money?: string) => {
+  if (!money) return '0.00'
+  return parseFloat(money).toFixed(2)
+}
+
+// 格式化时间
+const formatTime = (time?: string) => {
+  if (!time) return '-'
+  return new Date(time).toLocaleDateString()
+}
+```
+
+### 2. 状态管理
+- 使用真实的 `dealerUser` 数据
+- 正确的字段映射和显示
+- 错误处理和加载状态
+
+### 3. 导航优化
+- 修复路径错误：`/dealer/apply/add` 而不是 `/pages/dealer/apply/add`
+- 统一的页面跳转方法
+- 清晰的功能入口
+
+## 🎨 UI/UX 改进
+
+### 1. 视觉设计
+- **渐变背景**：增加视觉吸引力
+- **卡片设计**：信息分组和层次感
+- **图标系统**：统一的图标风格
+- **颜色系统**：语义化的颜色使用
+
+### 2. 交互体验
+- **下拉刷新**：实时数据更新
+- **快捷操作**：减少用户操作步骤
+- **状态反馈**：清晰的状态提示
+- **响应式布局**：适配不同屏幕尺寸
+
+### 3. 信息架构
+- **功能分组**：相关功能集中展示
+- **数据层次**：重要信息突出显示
+- **导航清晰**：明确的页面结构
+
+## 🔧 待完善功能
+
+### 1. 数据接口集成
+- 连接真实的分销订单 API
+- 实现提现申请和记录查询
+- 团队成员数据的实时获取
+
+### 2. 功能增强
+- 推广二维码生成和分享
+- 佣金明细和结算记录
+- 团队成员邀请和管理
+
+### 3. 性能优化
+- 列表虚拟化（大量数据时）
+- 图片懒加载
+- 缓存策略优化
+
+## 📱 移动端适配
+
+- 响应式设计确保各种屏幕尺寸下的良好体验
+- 触摸友好的交互元素
+- 合适的字体大小和间距
+- 底部安全区域处理
+
+这次优化大幅提升了分销中心的用户体验和功能完整性，为后续的功能扩展奠定了良好基础。