# 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 test`、`npm run verify:theme`、`npm run verify:scoring`、`npm run build`。
- [ ] 运行 `mvn test`。
- [ ] 将 `frontend/dist` 同步至 `backend/src/main/resources/static`，并用 `cmp` 验证入口文件一致。