# 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` 状态防止重复点击

---

## 状态

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

---

## 参考

- 前端开发任务索引: [../findings.md](../findings.md)