叶泽顺

1. 编辑器核心能力

• 负责在线 PPT 编辑器的核心功能开发，支持文本、图片、形状、表格、图表、音频、视频、公式和 iframe 等多种元素。
• 设计元素模型和组件渲染结构，使不同元素拥有统一的选中、移动、缩放、旋转和样式编辑能力。
• 实现元素创建、删除、复制、粘贴、移动、缩放、旋转、对齐、组合、拆分、锁定、隐藏和层级调整。
• 开发画布缩放、拖拽、多选、框选、元素吸附、快捷键和操作反馈等高频交互。
• 根据元素类型拆分对应的样式面板，支持文本、图片、形状、表格、图表、音视频等不同属性的编辑。
• 处理元素选区、激活态、悬浮态、编辑态和只读态之间的状态切换。

2. 编辑历史与数据状态

• 实现撤销/重做、历史快照和操作记录能力，统一管理编辑器中的连续操作。
• 处理页面初始化、模板加载、幻灯片切换、元素更新和编辑内容保存等状态变化。
• 支持自动保存和手动保存，处理保存中、保存成功、保存失败和重新提交等反馈状态。
• 针对复杂编辑页面进行状态分层，减少不必要的组件更新，提升编辑过程中的响应性。

3. AI 能力接入

• 对接 AI PPT 生成、文本改写、内容翻译、内容扩写、内容提问和图片搜索等功能。
• 处理 AI 流式响应、分段内容、生成进度、生成中断、异常重试和失败提示。
• 将 AI 生成结果转换为编辑器可识别的数据结构，自动创建对应的页面、元素和内容。
• 为生成流程设计统一的加载、进度、成功、失败和重试状态，避免用户在长时间等待过程中失去反馈。

4. 文件和导出能力

• 参与 PPTX、PDF、图片等格式的导出流程开发。
• 处理导出过程中的加载状态、任务失败、文件下载和重复操作问题。
• 支持模板预览、历史记录、分享链接、公开访问和演示模式等相关功能。
• 参与文件上传、文件预览、资源引用和媒体元素加载等能力建设。

5. 移动端适配

• 参与移动 H5 和 Uni-app 端页面开发，适配移动设备上的页面布局和交互方式。
• 针对移动端屏幕尺寸和触控操作调整编辑、预览、上传、下载和支付流程。
• 复用登录、用户信息、会员权益、支付订单和文件处理等基础业务模块。

项目亮点

• 通过元素层、画布层、工具栏、属性面板、状态管理和组合式函数拆分编辑器结构，降低模块耦合。
• 将不同元素的通用行为进行抽象，支持新元素类型快速接入。
• 对编辑器中的高频操作进行统一封装，减少重复代码和功能差异。
• 通过异步状态管理和局部更新，改善 AI 生成和复杂画布场景下的交互体验。

1. 核心页面开发

• 负责首页、搜索页面、搜索结果、行业广场、品牌报告、行业报告、报告详情和个人中心等页面。
• 开发会员权益、购买页面、订单状态、支付结果和用户账户等业务流程。
• 根据不同报告类型组织页面路由和内容结构，支持品牌、行业、竞品和舆情等多种报告场景。
• 实现桌面端、移动端和不同屏幕尺寸下的响应式布局。

2. 报告阅读器

• 负责报告阅读页面的模块化设计和页面结构拆分。
• 支持报告标题、摘要、行业概览、平台分析、行业洞察、竞品分析、舆情内容、引用来源和行动建议等内容区块。
• 根据报告类型和数据状态动态展示不同模块，处理模块缺失、数据为空和接口异常等情况。
• 实现目录导航、锚点跳转、分段阅读、顶部返回、滚动定位和报告分享等交互。
• 参与报告内容的多版本兼容和后端数据结构转换。

3. AI 报告生成流程

• 接入 AI 报告生成接口，处理生成任务创建、生成进度、分段响应和最终结果展示。
• 设计生成中、生成成功、生成失败、重新生成和中断恢复等状态。
• 统一处理长时间请求过程中的进度反馈和用户操作限制。
• 针对接口异常、网络中断、数据缺失和重复提交等情况增加前端保护逻辑。
• 将生成数据转换为适合页面展示的报告结构，降低页面组件对后端数据细节的依赖。

4. 可视化与数据展示

• 使用 ECharts 等图表组件展示行业数据、趋势分析、竞品对比和舆情数据。
• 处理图表容器尺寸变化、数据为空、数据异常和移动端展示问题。
• 根据报告主题和业务类型组织图表样式、图例、坐标轴和数据说明。
• 支持报告内容中的引用来源、数据说明和相关跳转。

5. 公共能力建设

• 抽象 HTTP 请求、请求拦截、统一错误处理、鉴权缓存和接口状态管理。
• 建立报告类型、报告版本、报告模块和报告路由等公共类型定义。
• 维护国际化资源，按业务域拆分首页、报告、会员、搜索、分享和公共文案。
• 封装报告分享、公开访问、PDF 导出、锚点导航和页面跳转等公共工具。
• 通过功能开关控制部分实验性功能和不同产品版本的展示逻辑。

项目亮点

• 将不同报告产品归并为统一的报告展示框架，减少同类页面重复开发。
• 通过模块化报告结构支持不同业务线快速扩展新的报告类型。
• 对 AI 生成状态进行统一管理，改善长时间生成过程中的用户反馈。
• 覆盖多语言、多区域和 PC/移动端场景，具备较强的产品扩展能力。

• 独立负责 AI 后台管理系统前端架构设计与核心模块开发，能够从业务抽象、技术选型到功能落地完整推进项目。
• 具备复杂中后台系统建设经验，主导权限体系、路由体系、状态管理、接口封装等基础能力设计与实现。
• 能够快速理解业务并拆解为可落地的前端模块，支撑 AI 资产管理、内容管理、用户与应用管理等多业务场景。

• 参与韦尼克智能创作平台前端开发，负责 AI SaaS 平台核心业务模块建设，涵盖应用创建、能力接入、在线调试、账户与支付管理、工单支持等业务场景。
• 基于 React、React Router、Arco Design、SCSS 搭建中后台系统页面与通用组件，完成多模块控制台的页面开发和交互实现，提升平台功能扩展性和页面复用性。
• 封装统一接口请求层与前端环境配置，接入应用管理、资源包、订单、发票、认证、工单等多个业务接口，保障前后端联调效率与接口调用稳定性。
• 参与会员体系、子用户管理、余额预警、月结等企业级功能建设，具备较强的复杂业务理解能力、跨模块协作能力和中后台项目落地能力。

• 负责公司内部智能数据标注平台前端开发，基于 Vue3 + TypeScript + Pinia + Vue Router 搭建业务系统，完成数据看板、任务创建、标注编辑、结果核验、数据导出等核心模块建设。
• 主导标注工作台核心功能实现，设计并开发画布标注交互系统，支持页面分类、目标框选、元素分组、多面板联动编辑等能力，提升复杂标注场景下的操作效率与可用性。
• 封装统一前端请求层，完成鉴权、异常处理、文件上传下载、JSON/FormData 多类型接口适配，增强前后端联调效率，提升系统可维护性与扩展性。

• 基于 React Router v6 实现动态路由树与实时 RBAC 权限解析，采用 Axios 拦截器链式处理双 Token 刷新机制（AccessToken 内存缓存 + RefreshToken HttpOnly 存储）。
• 设计路由元数据 (meta) 权限标识符并结合递归算法生成路由树，开发权限验证中间件，实现组件级细粒度控制。
• 实施 RTK Query 分片缓存策略配合 Webpack 动态 import() 实现模块级按需加载，结合 React.memo 与 useCallback 完成组件记忆化及状态冻结。
• 构建 ECharts 懒加载方案并动态注入按需图表类型模块，通过高阶组件封装错误边界，实现状态码异常重试机制及请求队列并发场景下的 Token 刷新