# 缺陷单：坐席图片预览需刷新才显示

> **缺陷编号**: BUG-坐席-001
> **版本**: v1.0
> **状态**: [待处理]
> **优先级**: P2-Medium
> **发现日期**: 2026-07-20
> **发现人**: Simon
> **指派人**: Simon
> **修复人**: -
> **关闭日期**: -
> **处理方式**: -

---

## 1. 基本信息

| 字段 | 内容 |
|------|------|
| 缺陷标题 | 坐席图片预览需刷新或切换会话才显示 |
| 影响范围 | IT智能服务台坐席端 |
| 触发条件 | 企微图片消息发送后，坐席端首次加载会话时图片无法预览 |
| 预期行为 | 图片消息应在会话加载时立即显示预览 |
| 实际行为 | 图片显示空白/占位，需要手动刷新页面或切换会话后才能正常显示 |

---

## 2. 复现步骤

1. 员工在H5端发送包含企微图片的消息
2. 坐席端打开该员工的会话
3. 观察图片消息区域 —— 显示空白或占位符
4. 刷新页面或切换到其他会话再切回
5. 图片正常显示

---

## 3. 历史背景

- **原任务**: #80 企微图片消息无法预览
- **原完成日期**: 2026-07-16
- **原解决方案**: 后端新增 `download_temp_media` 方法，企微图片下载到本地 media 目录，通过 WebSocket 推送 + nginx 代理
- **遗留问题**: 首次加载不显示，需刷新才显示

---

## 4. 根因分析

> 待排查。初步排查方向如下：

1. **WebSocket 推送时序问题**: 图片下载完成前前端已渲染，导致首屏空白
2. **前端缓存/状态问题**: 图片 URL 未正确更新到组件状态
3. **nginx 代理缓存问题**: 首次请求返回 404/空响应
4. **后端下载异步问题**: 图片下载未 await 完成就推送消息

---

## 5. 修复方案

> 待排查确认根因后补充。

---

## 6. 验证结果

| 验证项 | 结果 | 验证人 | 验证日期 |
|--------|------|--------|----------|
| 功能验证 | 待验证 | - | - |
| 回归测试 | 待验证 | - | - |

---

## 7. 关联信息

- **关联需求**: REQ-坐席-080（原任务 #80 企微图片消息无法预览）
- **关联代码文件**: 
  - `src/backend/app/services/wecom_service.py` (download_temp_media)
  - `src/backend/app/services/ai_service.py` (WebSocket 推送)
  - `src/frontend-agent/components/ChatPanel/` (图片渲染组件)
- **关联测试用例**: TC-坐席-001（待创建回归用例）

---

## 8. 变更记录

| 日期 | 版本 | 变更内容 | 变更人 | 变更原因 | 影响范围 |
|------|------|----------|--------|----------|----------|
| 2026-07-20 | v1.0 | 创建缺陷单 | Simon | 首次记录坐席图片预览刷新bug | 坐席端图片预览功能 |
| 2026-07-26 | v1.0 | 编号由 BUG-20260720-01 规范化为 BUG-坐席-001，状态由"待排查"改为"待处理"，补充章节占位 | Duckula | 文档规范化整改 | 缺陷编号体系 |
| 2026-07-28 | v1.0 | 文档规范化整改：命名改为 `BUG-坐席-图片预览刷新-001.md`、补全头部模板（版本/作者/关联文档）、变更记录增加"变更原因"和"影响范围"列 | Duckula | 产品文档规范标准化 | 无（仅文档格式） |

---