内部协同办公平台 (porwork) | 前端负责人
负责公司内部协同办公平台(porwork)的前端架构设计与核心功能开发。该平台用于替代原有基于腾讯TAPP的协作流程,覆盖公司产品、开发、测试、运营等多角色协同场景,服务40+团队成员日常工作,实现任务流转、需求管理、Bug跟踪、进度汇报等核心业务闭环。
技术架构:基于 Vue3 + TypeScript + Element Plus + Vite + Node.js 搭建项目架构,结合 RBAC 权限模型实现角色、部门、项目三层维度的精细化数据隔离与权限控制,支持多角色协同下的复杂业务流转与模块化迭代开发。
技术亮点与挑战解决:
针对任务、需求、Bug 列表字段多、状态复杂、附件图片多、子任务层级深等问题,设计高频查询与切换场景下的虚拟滚动 + 分页 + 懒加载方案,有效提升页面渲染性能与交互流畅度。
实现拖拽排序、自定义表单、批量操作、评论回复等复杂交互,通过可复用组件与 Hooks 封装,大幅降低维护成本。
集成 Node.js 消息服务 + WebSocket 长连接 + 钉钉机器人,构建实时协同链路,支持任务指派、状态变更、评论回复、Bug 更新等场景的站内即时提醒,并将关键数据实时推送至钉钉,实现跨系统高效协作,显著提升团队响应效率。
项目成果:平台上线后全面承接公司内部协作流程,覆盖40+团队成员日常使用场景,支持多角色、多项目并行协作,任务流转效率提升约60%,问题响应时间大幅缩短,获得公司内部高度认可,为后续业务系统迭代提供了坚实的技术基础。