01d9468e6f
- 在任务详情抽屉的基本信息部分添加完成截止时间字段 - 添加getTaskDeadline函数计算任务的完成截止时间 - 流水线任务：从接单时间开始 + 所有子任务预估工时总和 - 普通任务：从接单时间开始 + 任务预估工时 - 添加isTaskDeadlineOverdue函数判断截止时间是否过期 - 优先使用后端返回的deadline字段，如果没有则前端计算
🎨 DesignHub - 设计师任务管理平台
📖 项目简介
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. 克隆项目
git clone <repository_url>
cd qiangdanxitong
2. 配置数据库
-- 创建数据库
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. 启动后端
cd backend
# 修改配置文件
vi src/main/resources/application.yml
# 构建并运行
mvn clean install -DskipTests
mvn spring-boot:run
后端启动成功后，访问：http://localhost:8080/swagger-ui.html
4. 启动前端
cd frontend
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
前端启动成功后，访问：http://localhost:5173
5. 登录系统
测试账号：
- 用户名：
admin - 密码：
123456
📚 项目文档
| 文档名称 | 说明 | 链接 |
|---|---|---|
| 需求文档 | 详细的功能需求和设计规范 | PROJECT_REQUIREMENTS.md |
| 项目总结 | 项目概述、功能、技术亮点 | PROJECT_SUMMARY.md |
| 部署指南 | 本地和生产环境部署指南 | DEPLOYMENT_GUIDE.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开放
🤝 贡献指南
欢迎贡献代码、报告问题或提出建议！
- Fork本项目
- 创建特性分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 提交Pull Request
❓ 常见问题
如何重置密码？
管理员可在用户管理模块重置用户密码。
如何配置钉钉登录？
参考 DEPLOYMENT_GUIDE.md 中的钉钉集成部分。
如何备份数据？
参考 DEPLOYMENT_GUIDE.md 中的数据库备份部分。
更多问题
请查看 DEPLOYMENT_GUIDE.md 的"常见问题"章节。
📄 开源协议
本项目采用 MIT 协议开源。
🙏 致谢
感谢以下开源项目：
📞 联系方式
- 项目名称：DesignHub
- 当前版本：v6.0
- 完成度：100%
- 开发时间：2025年11月7日
⭐ 如果这个项目对您有帮助，请给个Star支持一下！⭐
Made with ❤️ by DesignHub Team