2026-02-28 06:56:43 +08:00
|
|
|
# FIX-003: 拆分单文件组件
|
|
|
|
|
|
2026-03-03 15:33:50 +08:00
|
|
|
**状态: 已暂停（待继续）
|
2026-02-28 06:56:43 +08:00
|
|
|
**创建时间**: 2026-02-28
|
|
|
|
|
**优先级**: 高
|
|
|
|
|
**负责人**: msh-agent
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## 问题描述
|
|
|
|
|
|
2026-03-03 15:33:50 +08:00
|
|
|
`ai-nutritionist.vue` 单文件超过 550 行，包含聊天、语音、图片、状态: 已暂停（待继续）
|
2026-02-28 06:56:43 +08:00
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## 修复方案
|
|
|
|
|
|
|
|
|
|
拆分为以下组件：
|
|
|
|
|
- `components/ai-chat/ChatMessage.vue` - 消息气泡
|
|
|
|
|
- `components/ai-chat/ChatInput.vue` - 输入框
|
|
|
|
|
- `components/ai-chat/VoiceRecorder.vue` - 语音录制
|
|
|
|
|
- `components/ai-chat/ImageUploader.vue` - 图片上传
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## 实施步骤
|
|
|
|
|
|
2026-03-03 15:33:50 +08:00
|
|
|
- [x] 1. 备份原文件
|
|
|
|
|
- [x] 2. 创建 `components/ai-chat/` 目录
|
|
|
|
|
- [x] 3. 逐个提取组件
|
|
|
|
|
- [x] 4. 在主文件引入组件
|
|
|
|
|
- [x] 5. 测试所有功能正常
|
