前端BUG修复与功能调整说明
问题描述与功能调整
- BUG修复: 在AI对话模块中,当报告输出到一半时用户切换到其他页面再切回来,会显示为空白记录。
- BUG修复: 移动端AI对话模块中,点击报告中的文件预览组件时,由于没有移动端预览组件会显示报错。
- 功能调整: 暂时隐藏AI对话报告结果中的语音朗读图标。
- BUG修复: 移动端AI对话页面语音输入(STT)无法使用,提示"当前浏览器不支持语音识别"。
修复与调整方案
已修改 shudao-vue-frontend/src/views/Chat.vue 和 shudao-vue-frontend/src/views/mobile/m-Chat.vue 文件,实现以下改进:
- 保持流式输出状态: 在
onActivated生命周期钩子中,保留正在输出的消息(isTyping为true),不再将其作为已完成消息处理。
- 显示输出内容: 确保切换回来时,未完成的消息也能正常显示已输出的内容。
- 移动端PDF预览: 在移动端引入了
MobilePdfViewer 组件,并在文件预览弹窗中针对 PDF 文件使用该组件进行渲染,解决了预览报错的问题。
- 隐藏语音朗读: 使用
v-if="false" 隐藏了PC端和移动端AI对话报告结果中的语音朗读按钮。
- 修复语音输入: 修正了移动端Chat页面语音输入功能的逻辑,移除了导致误判的浏览器支持性检查,现在可以正常启动语音识别。
需要测试的功能
流式输出保持:
- 开始一个AI对话,等待报告输出到一半
- 切换到其他功能页面(如:隐患识别、政策文档等)
- 切换回AI对话页面
- 验证:正在输出的报告内容应该保持显示,且仍在继续输出
移动端文件预览:
- 在移动端AI对话中,生成包含PDF文件的报告
- 点击文件预览按钮
- 验证: PDF文件能够正常加载和显示,没有报错
语音朗读图标:
- 检查PC端和移动端AI对话页面
- 验证: 报告结果下方的操作栏中不再显示语音朗读图标
移动端语音输入:
- 在移动端AI对话页面点击输入框右侧的语音按钮
- 验证: 能够正常启动录音,并显示录音状态指示器
注意事项
- 本次修改仅涉及前端Vue组件
- 不需要执行任何终端命令
- 不需要重新编译或重启服务
- 修改将在保存后立即生效(热更新)