33 lines
748 B
Markdown
33 lines
748 B
Markdown
|
# FIX-003: 拆分单文件组件
|
||
|
|
|
||
|
|
**状态**: 待开始
|
||
|
|
**创建时间**: 2026-02-28
|
||
|
|
**优先级**: 高
|
||
|
|
**负责人**: msh-agent
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 问题描述
|
||
|
|
|
||
|
|
`ai-nutritionist.vue` 单文件超过 550 行，包含聊天、语音、图片、状态管理等多个功能模块，可维护性差。
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 修复方案
|
||
|
|
|
||
|
|
拆分为以下组件：
|
||
|
|
- `components/ai-chat/ChatMessage.vue` - 消息气泡
|
||
|
|
- `components/ai-chat/ChatInput.vue` - 输入框
|
||
|
|
- `components/ai-chat/VoiceRecorder.vue` - 语音录制
|
||
|
|
- `components/ai-chat/ImageUploader.vue` - 图片上传
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 实施步骤
|
||
|
|
|
||
|
|
- [ ] 1. 备份原文件
|
||
|
|
- [ ] 2. 创建 `components/ai-chat/` 目录
|
||
|
|
- [ ] 3. 逐个提取组件
|
||
|
|
- [ ] 4. 在主文件引入组件
|
||
|
|
- [ ] 5. 测试所有功能正常
|