findings.md 1.9 KB

OPT-04 创建书籍"简洁模式" - 发现与技术记录

任务:简化创建书籍表单,降低新手使用门槛


任务概述

将 12+ 参数的创建书籍表单简化为简洁模式:

  • 默认只显示 4 个必填项:书名、描述、规模、难度
  • 其他参数折叠到"高级选项"
  • 增加"智能推荐"按钮

实现内容

1. 简洁模式 UI

修改文件: my-uniapp-vue3/src/pages/book-generator/create.vue

默认显示字段 (4项):

  • 书名 (title)
  • 内容描述 (description)
  • 书籍规模 (bookScale)
  • 知识难度 (knowledgeLevel)

2. 高级选项折叠区

新增 showAdvancedOptions 状态变量控制折叠/展开:

  • 副标题
  • 快速模板
  • 重要提示
  • 面向人群
  • 写作风格
  • 行业领域
  • 特殊要求

3. 智能推荐功能

新增 API 调用 POST /book-generator/langgraph/smart-recommend

  • 输入:description, title
  • 输出:knowledgeLevel, targetAudience, style, industry
  • 推荐成功后自动展开高级选项显示结果

新增状态变量:

  • showAdvancedOptions: 控制高级选项折叠/展开
  • isRecommending: 防止重复点击推荐

4. CSS 样式

新增样式类:

  • .simple-mode-tip: 简洁模式提示框
  • .smart-recommend-section: 智能推荐区域
  • .btn-smart-recommend: 智能推荐按钮
  • .advanced-section: 高级选项折叠区

技术要点

  1. 模板应用后自动展开: 应用快速模板时自动展开高级选项
  2. 智能推荐后自动展开: 推荐成功后自动显示高级选项,让用户看到推荐结果
  3. 按钮防重复: isRecommending 状态防止重复点击

状态

  • 实现简洁模式 UI
  • 添加高级选项折叠区
  • 添加智能推荐功能
  • 更新 findings.md
  • SendMessage 汇报 team-lead

参考