- 添加类型定义文件和类型引用 - 删除废弃的页面模块和导出文件 - 新增聚合管理模块和插件系统 - 修复类型错误和潜在运行时问题 - 更新API基础URL和配置 - 优化组件类型定义和事件处理 - 重构数据源接口和实现 - 完善文档和开发进度记录
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+
安装依赖
cd dashboard
npm install
启动开发服务器
npm run dev
构建生产版本
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。