1、立项背景和目标
针对中小企业项目协作效率低、任务分配不透明的问题,开发一款轻量级任务管理平台,实现项目可视化管理、任务精细化分配、进度实时追踪,提升团队协作效率。
2、软件功能、核心功能模块
系统包含4大核心模块:
• 用户权限管理:基于RBAC的角色权限控制,支持管理员、项目经理、普通成员三角色
• 项目管理:项目创建、成员分配、里程碑设置、进度统计
• 任务看板:任务卡片拖拽、状态流转(待办-进行中-已完成)、优先级标记、截止日期提醒
• 数据仪表盘:项目完成率统计、成员工作量分析、逾期任务预警、ECharts可视化图表
3、业务流程
管理员创建项目→分配项目经理→项目经理拆解任务→指派成员→成员执行任务→更新状态→项目经理验收→统计报表生成
1、整体架构和设计思路
采用前后端分离架构,前端Vue3+TypeScript+Element Plus构建SPA应用,后端对接RESTful API。使用Pinia进行全局状态管理,Axios封装请求拦截和响应处理,Vue Router实现路由懒加载和权限守卫。
2、我的负责模块和结果
• 独立完成前端全部开发,代码量约8000行
• 封装15+个可复用业务组件(TaskCard、GanttChart、Dashboard等)
• 实现RBAC权限控制,覆盖20+个功能点
• ECharts集成4种数据可视化图表
• 响应式布局适配PC和移动端
3、遇到的难点和解决方案
• 难点1:任务拖拽排序性能问题
解决方案:使用虚拟滚动+防抖优化,支持1000+任务流畅拖拽
• 难点2:复杂权限控制逻辑
解决方案:设计权限树结构,结合自定义指令实现细粒度控制
• 难点3:跨组件状态同步
解决方案:Pinia统一管理,配合watch实现响应式更新