# 参考图管理组件

## 功能概述

参考图管理组件是为了解决设计师与客户之间沟通不畅的问题而设计的。它帮助设计师更好地理解和管理客户提供的参考图，确保设计方向准确无误。

## 核心功能

### 1. 参考图分类管理

支持四种主要分类：
- **灯光参考** 💡：用于参考灯光布局和照明效果
- **软装参考** 🛋️：用于参考家具、装饰品等软装元素
- **氛围参考** ✨：用于参考整体氛围和感觉
- **结构参考** 📐：用于参考空间结构和布局

每张参考图可以设置多个分类标签，便于快速筛选和查找。

### 2. 详细描述与标注

- **图片名称**：为每张参考图命名
- **分类标签**：可多选，精确标记参考用途
- **描述说明**：详细描述参考哪些元素
- **关键要素**：添加标签标记重点元素（如"吊灯造型"、"暖色调"等）

### 3. AI智能追问助手

根据参考图数量和完整度，AI会自动提供专业的追问建议：

#### 参考图较多时（≥3张）
- 明确哪张图用于灯光参考
- 区分软装参考图
- 确认氛围感觉的主要参考
- 说明结构布局依据

#### 参考图较少时（<3张）
- 细化感觉来源
- 明确重点元素
- 探索细节要求
- 确认可调整空间

### 4. 视图模式切换

- **网格视图**：卡片式展示，适合快速浏览
- **列表视图**：表格式展示，适合查看详细信息

### 5. 分类筛选

快速筛选特定类型的参考图：
- 全部
- 灯光参考
- 软装参考
- 氛围参考
- 结构参考
- 未分类（需要补充信息的图片）

## 使用场景

### 场景1：参考图较多的情况

**问题**：客户提供了10张参考图，但没有说明每张图的具体用途。

**解决方案**：
1. 点击每张图片右下角的"AI智能追问"按钮
2. AI会根据图片数量提供针对性的追问建议
3. 选择合适的追问问题发送给客户
4. 根据客户回复，为每张图添加正确的分类标签和描述

### 场景2：参考图描述模糊

**问题**：客户只说"我喜欢这个感觉"，但不清楚具体喜欢什么。

**解决方案**：
1. 使用AI追问助手中的"细化感觉来源"问题
2. 询问客户具体喜欢的方面（色调、光线、家具搭配等）
3. 将客户的回复记录在描述字段中
4. 添加关键要素标签，便于后续参考

### 场景3：效果图与预期不符

**问题**：做出的效果图客户不满意，觉得和参考图不一样。

**解决方案**：
1. 回到参考图管理页面
2. 检查每张参考图的分类和描述是否完整
3. 对未明确的参考图使用AI追问补充信息
4. 与客户确认每张图的具体参考点
5. 根据明确的参考依据重新调整设计

## 最佳实践

### 1. 上传参考图后立即分类

不要等到开始设计时才整理参考图，上传后立即进行分类和标注。

### 2. 充分利用AI追问

遇到模糊的参考图时，不要猜测客户的意图，使用AI追问获取明确信息。

### 3. 详细记录客户反馈

将客户对参考图的说明详细记录在描述字段中，避免遗忘重要信息。

### 4. 使用关键要素标签

为重要元素添加标签，便于快速定位设计重点。

### 5. 定期回顾参考图

在设计过程中定期回顾参考图管理页面，确保设计方向正确。

## 技术特性

- **响应式设计**：支持桌面端和移动端访问
- **拖拽上传**：支持拖拽文件到上传区域
- **批量操作**：可以一次上传多张图片
- **实时筛选**：分类标签点击即时筛选
- **本地预览**：上传前即可预览图片

## 数据结构

```typescript
interface ReferenceImage {
  id: string;                    // 图片ID
  name: string;                  // 图片名称
  url: string;                   // 图片URL
  categories: string[];          // 分类数组
  description?: string;          // 描述说明
  tags?: string[];              // 关键要素标签
  uploadDate: Date;             // 上传日期
}
```

## FAQ

**Q: 一张图可以设置多个分类吗？**
A: 可以。有些参考图可能同时参考多个方面，比如既参考灯光又参考氛围。

**Q: AI追问的问题可以自定义吗？**
A: 可以。除了AI建议的问题，还可以在"自定义追问"区域输入自己的问题。

**Q: 如果客户没有提供参考图怎么办？**
A: 可以从案例库中选择相似的案例作为参考，或者主动向客户索要参考图。

**Q: 参考图会自动保存到项目文件中吗？**
A: 是的，上传的参考图会自动关联到当前项目，可以在项目文件标签页中查看。

## 更新日志

### v1.0.0 (2024-01)
- ✅ 基础参考图管理功能
- ✅ 四种分类标签支持
- ✅ AI智能追问助手
- ✅ 网格/列表视图切换
- ✅ 拖拽上传功能
- ✅ 响应式设计

## 反馈与建议

如果您在使用过程中遇到问题或有改进建议，请联系开发团队。

