2026-07-10-open-design-enterprise-okr.md 2.6 KB

Open Design 企业 OKR 重构实施计划

面向 AI 代理的工作者: 在当前工作区内联执行;每项行为变更先建立失败测试,再实施并验证。

目标: 将 Open Design 的 Cohere 白色画布原型落地为企业 OKR 系统,移除医疗叙事,并让所有新增视觉区块使用真实的现有或新增 API 数据。

架构: 保持 Vue 3 路由与 Spring Boot 分层不变。前端以共享 Cohere 壳层和 token 组件承载页面,页面只消费 API 数据;后端只补充原型缺少、但可由业务事实推导的数据。SQLite 仅做可重复、向后兼容的增量迁移。

技术栈: Vue 3、Element Plus、Pinia、Vitest、Spring Boot、MyBatis-Plus、SQLite。


任务 1:修复移动端导航

文件:

  • 修改:frontend/src/components/shell/CohereSidebar.vue
  • 创建:frontend/src/__tests__/cohere-sidebar.test.js

  • [ ] 编写测试:点击模块标题不触发 update:mobileOpen,点击路由项才触发关闭。

  • [ ] 运行 npm test -- cohere-sidebar.test.js,确认测试先失败。

  • [ ] 将关闭逻辑绑定到路由项,并阻止模块标题冒泡。

  • [ ] 重跑同一测试确认通过。

任务 2:补齐原型的企业 OKR 可视化页面

文件:

  • 修改:frontend/src/views/system/DimensionConfigView.vue
  • 修改:frontend/src/views/period/PeriodListView.vue
  • 修改:frontend/src/views/okr/OkrExecutionView.vue
  • 修改:frontend/src/views/auth/LoginView.vue

  • [ ] 维度页使用真实维度列表计算权重饼图和图例。

  • [ ] 周期页把现有状态映射为制定、对齐、执行、评分、归档的阶段轨道。

  • [ ] 执行页以真实 timeline 数据展示甘特式日期轨道、里程碑和风险状态。

  • [ ] 登录页删除医疗/科室文案,改为企业 OKR 身份表达。

任务 3:接口与数据契约验证

文件:

  • 修改:仅在页面需要而现有接口不足时修改 backend/src/main/java/com/emoon/okr/**backend/src/main/resources/schema.sql
  • 修改:相应的 backend/src/test/java/** 测试

  • [ ] 逐项核对 alignment graph、execution timeline、risk items、statistics、trend、通知分组、workspace overview 和日志筛选的既有实现。

  • [ ] 对缺失字段先编写集成测试,再实现最小后端补充;迁移保持幂等。

任务 4:发布验证

  • 运行 npm testnpm run verify:themenpm run verify:scoringnpm run build
  • 运行 mvn test
  • frontend/dist 同步至 backend/src/main/resources/static,并用 cmp 验证入口文件一致。