实现网
46人浏览/3人投稿
10小时前
待托管赏金
### **项目简介**
我们需要一位资深前端开发,负责一个**“AI 报告生成/审查系统”**的前端系统。
业务逻辑不复杂,核心是技术整合:包括构建一个带 AI 对话侧边栏的系统门户,并深度集成 CKEditor 5 实现“AI 生成内容写入编辑器”的交互。
### **核心任务 (Scope of Work)**
1. **系统门户搭建 (The Portal):**
* 基于 **Vue 3 + TypeScript + Vite**。
* 使用 **Ant Design X Vue** 搭建标准的 Layout(侧边栏、顶部导航、面包屑),实现响应式布局。
2. **AI 对话助手 (The AI Assistant):**
* **技术栈指定:** 尝试集成 **`ant-design-x-vue`** (社区版:wzc520pyfm/ant-design-x-vue) 或复刻类似 Ant Design X 的交互体验。
3. **编辑器深度集成 (The Editor):**
* **核心要求:** 集成 **CKEditor 5** (Vue版本),处理大模型的流式输出(打字机效果);
* **交互逻辑:** 实现“左侧 AI 生成文本 -> 右侧编辑器”的交互(例如:点击对话框中的“采纳”按钮,将 AI 生成的内容插入到 CKEditor 光标处)。
### **交付标准 (必读)**
* **代码规范:** 这是一个“交钥匙”工程,后续将由实习生维护。要求代码结构极其清晰,**必须使用 TypeScript**,核心逻辑需有注释。
* **零耦合:** AI 组件、编辑器组件必须封装良好,不能和业务逻辑强耦合。
### **任职要求**
1. 精通 **Vue 3 (Composition API) + TS**。
2. **CKEditor 5经验:** 熟悉 CKEditor 的配置、插件系统,知道如何通过 API 操作编辑器内容(Insert Content, Get Data)。
3. **Ant Design 生态熟手:** 熟悉 Ant Design Vue 组件库。
4. **动手能力强:** 鉴于 `ant-design-x-vue` 是社区库,如遇 Bug,需具备阅读源码并进行 Hotfix(热修复)的能力。
### **工期与预算**
* **工期:** 预计 [ 2-4 ] 周完成核心框架搭建,后续进行深化。
* **预算:** 请按“里程碑”报价。
这实际上是一个**“搭积木 + 胶水代码”**的工作。找一个干活利索的 Vue 老手,2 周时间完成初步工作绰绰有余。重点是把“AI 对话框”和“编辑器”之间的数据传导(Data Transfer)打通。