# 🎨 DesignHub - 设计师任务管理平台

<div align="center">

![Version](https://img.shields.io/badge/version-6.0-blue.svg)
![Status](https://img.shields.io/badge/status-completed-success.svg)
![License](https://img.shields.io/badge/license-MIT-green.svg)

**现代化的设计师任务抢单与管理系统**

[功能特性](#-核心功能) • [技术栈](#-技术栈) • [快速开始](#-快速开始) • [文档](#-项目文档) • [截图](#-系统截图)

</div>

---

## 📖 项目简介

DesignHub是一个功能完善的设计师任务管理平台，旨在帮助企业高效管理设计任务的发布、接收、执行和评审全流程。系统采用积分制管理，配备完整的激励机制和数据分析功能，大幅提升设计团队的工作效率和积极性。

### 🎯 核心价值

- **任务流转高效化**：从发布到完成，全程可视化管理
- **积分控制精准化**：多维度积分管理，合理分配资源
- **激励机制完善化**：签到、成就、排行榜，激发团队活力
- **数据分析智能化**：多维度数据统计，辅助决策
- **消息通知及时化**：实时推送，确保信息触达

---

## ✨ 核心功能

### 🔐 用户认证与权限
- JWT双令牌认证机制
- RBAC权限模型（7种角色）
- 钉钉登录预留接口
- 细粒度权限控制

### 📋 任务管理
- 任务发起（配置化类型、品牌、平台）
- 任务抢单（自由抢单/指定分配/招募）
- 任务执行（进度跟踪、时效计算）
- 任务评审（五星评分、质量评价）
- 管理员调配（分配、转移、优先级调整）

### 💰 积分管理
- 团队积分池
- 积分充值与审批
- 周期限额管理（日/周/月）
- 积分消耗与奖励
- 延误扣分机制

### 🏆 激励系统
- **签到系统**：每日签到、连续追踪、奖励递增
- **成就系统**：10个默认成就、自动解锁、奖励发放
- **排行榜**：好评排行、积分排行、效率排行

### 🔔 通知系统
- 站内消息（4种类型）
- 通知分类与筛选
- 已读/未读管理
- 钉钉推送预留接口

### 📊 数据分析
- 需求统计（总览/趋势/类型分布）
- 用户排行（需求量/完成率/满意度）
- 部门统计（积分使用/预警机制）
- 设计师统计（任务量/积分/好评率）
- ECharts可视化图表

### 🏢 部门管理
- 部门CRUD操作
- 部门类型（需求/接单）
- 部门层级结构
- 积分限额配置

### ⚙️ 配置管理
- 需求类型配置
- 品牌/平台/类目配置
- 系统参数配置
- 延误扣分规则

---

## 🛠️ 技术栈

### 前端技术
| 技术 | 版本 | 说明 |
|------|------|------|
| Vue | 3.x | 渐进式JavaScript框架 |
| TypeScript | 5.x | 类型安全 |
| Ant Design Vue | 4.x | UI组件库 |
| Pinia | 2.x | 状态管理 |
| Vue Router | 4.x | 路由管理 |
| Axios | 1.x | HTTP客户端 |
| ECharts | 5.x | 数据可视化 |
| SCSS | - | CSS预处理器 |

### 后端技术
| 技术 | 版本 | 说明 |
|------|------|------|
| Spring Boot | 3.x | Java应用框架 |
| MySQL | 8.0 | 关系型数据库 |
| Redis | 7.x | 缓存数据库 |
| MyBatis Plus | 3.x | ORM框架 |
| JWT | - | Token认证 |
| Swagger | 3.x | API文档 |
| Quartz | 2.x | 任务调度 |
| Apache POI | 5.x | Excel操作 |

### 开发工具
- IntelliJ IDEA - 后端开发
- VS Code - 前端开发
- Maven - 后端构建
- pnpm - 前端包管理

---

## 🚀 快速开始

### 环境要求

- JDK 17+
- Node.js 18+
- MySQL 8.0+
- Redis 6.0+
- Maven 3.6+
- pnpm 8.0+

### 1. 克隆项目

```bash
git clone <repository_url>
cd qiangdanxitong
```

### 2. 配置数据库

```sql
-- 创建数据库
CREATE DATABASE design_hub CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

-- 创建用户
CREATE USER 'designhub'@'localhost' IDENTIFIED BY 'your_password';
GRANT ALL PRIVILEGES ON design_hub.* TO 'designhub'@'localhost';
FLUSH PRIVILEGES;
```

### 3. 启动后端

```bash
cd backend

# 修改配置文件
vi src/main/resources/application.yml

# 构建并运行
mvn clean install -DskipTests
mvn spring-boot:run
```

后端启动成功后，访问：http://localhost:8080/swagger-ui.html

### 4. 启动前端

```bash
cd frontend

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev
```

前端启动成功后，访问：http://localhost:5173

### 5. 登录系统

**测试账号**：
- 用户名：`admin`
- 密码：`123456`

---

## 📚 项目文档

| 文档名称 | 说明 | 链接 |
|---------|------|------|
| 需求文档 | 详细的功能需求和设计规范 | [PROJECT_REQUIREMENTS.md](./PROJECT_REQUIREMENTS.md) |
| 项目总结 | 项目概述、功能、技术亮点 | [PROJECT_SUMMARY.md](./PROJECT_SUMMARY.md) |
| 部署指南 | 本地和生产环境部署指南 | [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md) |
| 当前状态 | 开发进度和模块完成情况 | [CURRENT_STATUS.md](./CURRENT_STATUS.md) |
| 阶段报告 | 各开发阶段的完成报告 | PHASE1-6_COMPLETED.md |

---

## 📸 系统截图

### 登录页面
渐变背景、玻璃拟态设计、流畅动画效果

### 首页工作台
数据卡片、快速操作、待办任务、本周统计

### 任务大厅
任务列表、筛选排序、抢单操作

### 我的任务
双视图（发布/接收）、进度追踪、甘特图

### 设计师大厅
实时状态、进度展示、好评排行榜

### 数据分析
ECharts图表、多维度统计、趋势分析

### 通知中心
消息列表、分类筛选、已读管理

### 签到打卡
签到状态、奖励规则、历史记录

### 成就中心
徽章展示、等级标识、奖励领取

---

## 📊 项目数据

### 代码统计
- 后端Java文件：67个
- 前端Vue/TS文件：36个
- API接口：118+个
- 数据库表：29张
- 完整页面：20+个
- 总代码行数：13000+行

### 功能模块
- 核心业务模块：16个
- 前端页面组件：20+个
- 公共组件：10+个
- 工具类：5个

---

## 🎨 UI设计规范

项目严格遵循**OpenAI官方UI设计规范**：

- ✅ 极简主义设计
- ✅ 现代科技感
- ✅ 清晰的层级结构
- ✅ 一致的交互体验
- ✅ 深色模式优先

### 配色方案
- Primary: `#1890ff` (蓝色)
- Success: `#52c41a` (绿色)
- Warning: `#faad14` (橙色)
- Error: `#f5222d` (红色)

---

## 📈 项目进度

**当前版本**：v6.0  
**完成度**：100% ✅

### 开发阶段
- ✅ 阶段1：基础配置与核心功能（完成）
- ✅ 阶段2：部门管理与数据分析（完成）
- ✅ 阶段3：数据导出与系统配置（完成）
- ✅ 阶段4：JWT Token与参数配置（完成）
- ✅ 阶段5：通知、激励、管理员调配（完成）
- ✅ 阶段6：最终收尾与文档完善（完成）

---

## 🔮 未来规划

### 短期（1周内）
- 系统测试（功能/性能/兼容性）
- Bug修复与优化
- 用户操作手册

### 中期（1-3月）
- 钉钉深度集成
- 移动端适配
- AI推荐功能
- 性能优化

### 长期（3-6月）
- 微服务化架构
- 容器化部署
- 数据大屏展示
- 第三方API开放

---

## 🤝 贡献指南

欢迎贡献代码、报告问题或提出建议！

1. Fork本项目
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 提交Pull Request

---

## ❓ 常见问题

### 如何重置密码？
管理员可在用户管理模块重置用户密码。

### 如何配置钉钉登录？
参考 `DEPLOYMENT_GUIDE.md` 中的钉钉集成部分。

### 如何备份数据？
参考 `DEPLOYMENT_GUIDE.md` 中的数据库备份部分。

### 更多问题
请查看 [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md) 的"常见问题"章节。

---

## 📄 开源协议

本项目采用 [MIT](LICENSE) 协议开源。

---

## 🙏 致谢

感谢以下开源项目：

- [Vue.js](https://vuejs.org/)
- [Spring Boot](https://spring.io/projects/spring-boot)
- [Ant Design](https://ant.design/)
- [ECharts](https://echarts.apache.org/)
- [MyBatis Plus](https://baomidou.com/)

---

## 📞 联系方式

- **项目名称**：DesignHub
- **当前版本**：v6.0
- **完成度**：100%
- **开发时间**：2025年11月7日

---

<div align="center">

**⭐ 如果这个项目对您有帮助，请给个Star支持一下！⭐**

Made with ❤️ by DesignHub Team

</div>