@SETUP_INSTRUCTIONS.md 2.4 KB

前端BUG修复与功能调整说明

问题描述与功能调整

  1. BUG修复: 在AI对话模块中,当报告输出到一半时用户切换到其他页面再切回来,会显示为空白记录。
  2. BUG修复: 移动端AI对话模块中,点击报告中的文件预览组件时,由于没有移动端预览组件会显示报错。
  3. 功能调整: 暂时隐藏AI对话报告结果中的语音朗读图标。
  4. BUG修复: 移动端AI对话页面语音输入(STT)无法使用,提示"当前浏览器不支持语音识别"。

修复与调整方案

已修改 shudao-vue-frontend/src/views/Chat.vueshudao-vue-frontend/src/views/mobile/m-Chat.vue 文件,实现以下改进:

  1. 保持流式输出状态: 在 onActivated生命周期钩子中,保留正在输出的消息(isTyping为true),不再将其作为已完成消息处理。
  2. 显示输出内容: 确保切换回来时,未完成的消息也能正常显示已输出的内容。
  3. 移动端PDF预览: 在移动端引入了 MobilePdfViewer 组件,并在文件预览弹窗中针对 PDF 文件使用该组件进行渲染,解决了预览报错的问题。
  4. 隐藏语音朗读: 使用 v-if="false" 隐藏了PC端和移动端AI对话报告结果中的语音朗读按钮。
  5. 修复语音输入: 修正了移动端Chat页面语音输入功能的逻辑,移除了导致误判的浏览器支持性检查,现在可以正常启动语音识别。

需要测试的功能

  1. 流式输出保持:

    • 开始一个AI对话,等待报告输出到一半
    • 切换到其他功能页面(如:隐患识别、政策文档等)
    • 切换回AI对话页面
    • 验证:正在输出的报告内容应该保持显示,且仍在继续输出
  2. 移动端文件预览:

    • 在移动端AI对话中,生成包含PDF文件的报告
    • 点击文件预览按钮
    • 验证: PDF文件能够正常加载和显示,没有报错
  3. 语音朗读图标:

    • 检查PC端和移动端AI对话页面
    • 验证: 报告结果下方的操作栏中不再显示语音朗读图标
  4. 移动端语音输入:

    • 在移动端AI对话页面点击输入框右侧的语音按钮
    • 验证: 能够正常启动录音,并显示录音状态指示器

注意事项

  • 本次修改仅涉及前端Vue组件
  • 不需要执行任何终端命令
  • 不需要重新编译或重启服务
  • 修改将在保存后立即生效(热更新)