# Dashboard - 前端管理控制台

## 📋 项目简介

Dashboard 是 Crawlful Hub 的前端管理控制台，提供了直观的用户界面，用于管理商品、订单、物流、广告等核心业务功能。

## 🚀 核心功能

### 1. 商品管理
- 商品详情查看与编辑
- 商品发布表单
- 素材上传管理

### 2. 订单管理
- 订单列表与详情
- 订单聚合分析
- 异常订单处理

### 3. 物流管理
- 物流渠道选择
- 物流轨迹跟踪
- 运费计算

### 4. 广告管理
- 广告计划创建与管理
- 广告投放监控
- ROI分析

### 5. B2B贸易管理
- 企业报价管理
- 批量订单处理
- 合同管理

### 6. 售后管理
- 退货申请处理
- 退款流程管理
- 客户服务

### 7. 合规管理
- 证书管理
- 合规检查
- 证书过期提醒

### 8. 用户资产管理
- 资产概览
- 积分管理
- 会员等级

### 9. A/B测试管理
- 测试配置
- 测试结果分析

## 🏗 技术栈

- **框架**: React + UmiJS
- **语言**: TypeScript
- **样式**: Tailwind CSS
- **状态管理**: 内置状态管理
- **路由**: UmiJS 路由

## 📦 快速开始

### 环境要求
- Node.js 16+

### 安装依赖

```bash
cd dashboard
npm install
```

### 启动开发服务器

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

## 📁 项目结构

```
dashboard/
├── src/
│   ├── pages/             # 页面组件
│   │   ├── ABTest/        # A/B测试相关页面
│   │   ├── Ad/            # 广告管理相关页面
│   │   ├── AfterSales/    # 售后管理相关页面
│   │   ├── Auth/          # 认证相关页面
│   │   ├── B2B/           # B2B贸易相关页面
│   │   ├── B2BTrade/      # B2B贸易相关页面
│   │   ├── Compliance/    # 合规管理相关页面
│   │   ├── Logistics/     # 物流管理相关页面
│   │   ├── Orders/        # 订单管理相关页面
│   │   ├── Product/       # 商品管理相关页面
│   │   └── UserAsset/     # 用户资产管理相关页面
├── package.json           # 项目配置
├── tsconfig.json          # TypeScript 配置
└── README.md              # 项目说明
```

## 🔧 开发规范

### 代码规范
- 遵循 TypeScript 最佳实践
- 使用 ESLint 进行代码检查
- 组件命名使用 PascalCase
- 文件命名使用 PascalCase

### 提交规范
- 提交信息使用中文描述
- 提交前确保代码通过测试
- 大型功能提交前创建分支

## 🤝 贡献

欢迎贡献代码和提出建议！请先阅读项目文档，然后提交 Pull Request。