该项目主要是一款总公司与下属子公司内部使用的一款项目管理系统,
主要功能有,项目审批, 任务分配、任务跟踪、项目文件共享以及归档、人员绩效考核 公告消息订阅等
一、领导角色:“战略规划 + 人员 / 权限管理”
人员与权限配置:通过「人员管理」模块,完成团队底层架构与权限分配:
「组织架构」:规划设计研发部的团队结构(如产品研发组、装饰设计组的层级);
「人员信息」:维护员工基础资料(岗位、职责等);
「权限设置」:为不同岗位员工(产品研发、装饰设计等)分配系统功能权限(如哪些模块可查看 / 编辑);
「人员绩效」:后续用于员工工作考核。
项目与任务规划:在「产品研发」「装饰设计」模块中,对项目全局进行规划:
「项目进度」「异常任务」:设定项目核心节点、监控风险任务;
「预判任务」「外发业务」:提前规划待执行任务、安排需外部协作的业务;
「供应商信息」「项目成员」:关联项目所需供应商资源、指定参与项目的成员。
二、员工角色(产品研发 / 装饰设计):“任务执行 + 过程协同 + 收尾归档”
1. 任务接收与启动
从「我的任务」模块,接收领导分配的具体工作(如产品研发任务、装饰设计任务)。
2. 项目执行与过程管理
进入对应业务模块(「产品研发」或「装饰设计」),开展核心工作:
「项目进度」:推进项目核心环节,查看 / 更新进度;
「业务跟踪」:掌握业务流转节点(如需求对接、方案评审等环节);
「外发业务」:执行需外部协作的业务(如外包设计、外部供应商对接);
「项目成员」:与团队成员协同工作(信息同步、任务分工);
「供应商信息」:若项目涉及采购 / 外部资源,参考供应商资料;
「其他工作」:辅助处理并行的项目类工作(如临时任务、跨模块协作)。
3. 项目收尾与归档
「收款汇总」:完成项目相关的费用结算(如外发业务的款项收付);
「项目记录」:进入「项目归档」留存项目资料(方案、成果文件等),通过「项目笔记」记录项目经验(问题、优化点等)。
采用技术:Vue2.0 框架+element ui 组件库+Web Socket+DHTMLX Gantt 搭建项目
主要负责:项目搭建,项目文件归档,笔记共享,任务提醒,公告的发布于订阅,以及任务的甘特图面板视图
封装项目通用文件上传组件,大文件分片处理,
主要遇到的项目难点就是甘特图任务面板,因为涉及到的功能较多,且复杂,比如计算员工任务进度,添加协同任务 添加任务节点,任务节点弹框内的聊天功能,
最初就打算用成熟开源的甘特图图表库,找了很多都不符合,最后找到了一个国外的组件库,从查阅组件的库英文文档,引入项目,在组件库的基础上进行二次开发,最终完成甘特图任务视图部分