任务管理系统——单位内部工作任务全生命周期管理平台 1.项目背景与定位 这是一套面向企事业单位内部的网页端任务管理应用，覆盖了任务从创建、分派、处理、审批到销号的完整生命周期。系统支持多层组织架构下的精细化权限管控、父子任务的拆解与追踪，以及多维度数据筛选与一键导出，旨在有效替代传统 Excel台账和微信群口头派活的落后管理模式。 2.技术架构 Vue 3 + TypeScript + Vite 构建前端 SPA，Node.js + MySQL2 驱动后端，前后端统一由单端口 9003 提供服务，无需 Nginx 反代，一个进程即可部署。JWT + Cookie 双认证，三级 RBAC 权限模型，支持树形部门权限继承——父部门管理员自动管辖全部子孙部门。 3.核心能力体现 复杂业务建模 ：父子任务树形结构，支持多层嵌套拆解。新建任务时可一键复制父任务数据生成子任务，台账页逐级展开折叠，关闭删除时递归级联处理子孙节点，编辑时双向循环引用检测。模块间通过 API 契约解耦，状态通过 sessionStorage 跨路由持久化。 高复用组件设计 ：人员/部门选择器集成下拉选择、常用收藏、关键词模糊搜索和部门树折叠展开四种交互，在创建、分派、编辑、审批等多个页面零改动复用，数据驱动渲染。 服务端导出引擎 ：基于 exceljs 与 docx 在服务端实时生成 Word/Excel 文件流，支持勾选导出和全量筛选导出两种模式，支持选择性导出最新进展或全部进展记录。 状态持久化策略 ：从任务详情返回台账时，自动恢复筛选条件、分页位置、卡片展开状态及父子节点展开状态，零感知的全栈状态管理。 精细化权限体系 ：菜单级、按钮级、数据级三层控制。每个流程节点（分派/处理/审批/关闭）独立校验操作人身份，无权限用户自动隐藏操作入口。 4. 工程化实践 一周内出九成完工版本，持续演进两周完成系统开发。从基础 CRUD 逐步扩展至复杂权限、树形数据、文件导出等企业级功能。八张数据表、二十五个 RESTful API、十二个前端页面，模块职责清晰，接口规范统一。前端 Composition API 全量覆盖，TypeScript 类型约束贯穿始终，构建产物通过 Vite 优化至 120 个模块按需加载。