深度研究产品系统

这是一个为银行及金融机构量身定制的移动端H5深度研究工具，主要服务于金融行业的研究分析和投资决策场景。

核心应用场景：

金融研究报告生成：通过AI对话快速生成专业的金融研究报告，支持从研究任务创建、进度跟踪到最终报告生成的完整流程
智能投研助手：为银行从业人员、投资分析师提供AI驱动的智能问答服务，辅助进行深度研究分析
移动办公集成：深度集成到银行原生App中（如北京银行），通过WebView方式提供无缝的研究体验
知识管理与分享：支持研究报告的预览、分享和排行榜功能，促进机构内部知识沉淀和协作
业务价值：

提升金融研究效率，将传统的复杂研究流程简化为智能对话交互
支持敏感词过滤和电子围栏功能，符合金融行业合规要求
移动端优先设计，满足金融从业者随时随地的研究需求

核心功能模块：

AI智能对话：支持文本和文件上传的多模态对话，提供流式AI响应，实时展示研究进展

深度研究报告：

任务进度追踪：可视化展示研究任务进度，支持折叠面板查看详细步骤
报告自动生成：完成后自动生成PDF研究报告文件
文件预览分享：支持报告文件的在线预览和原生分享功能
引导模式：

多维度角色选择（如投资者、分析师等）
智能推荐研究方向
支持自定义输入和预设选项
历史对话管理：

按天分组展示（今天、昨天等）
支持历史对话详情恢复
对话状态标识（进行中、已结束）
智能刷新和分页加载
排行榜功能：展示热门研究报告访问排行，前三名显示金银铜牌标识

交互优化：

热门问题快速提问
消息点赞和重试功能
文件复制和分享
响应式键盘处理

技术架构：

前端框架：Vue 3 + TypeScript + Vue Router 4 + Vuex 4
UI组件库：Vant 4（移动端组件）+ Tailwind CSS
响应式适配：amfe-flexible + postcss-pxtorem（双基准值：Vant用37.5，自定义用75）
流式通信：@microsoft/fetch-event-source实现SSE实时响应
事件系统：RxJS进行跨组件通信
滚动优化：BetterScroll处理移动端滚动体验
核心架构设计：

ConversationService单例：管理对话状态、消息列表、会话生命周期，每个会话独立实例

消息类型系统：

面向对象设计，所有消息继承ChatMessageBase
支持动态消息类型切换（如进度→研究报告）
每种消息类型对应专门的UI组件
ActionBar架构模式：Service层创建按钮、组件层动态组合，实现响应式状态管理

WebView深度集成：

通过mxApi桥接函数与原生应用通信
平台特定处理（iOS用axios上传文件，Android用fetch避免CORS）
支持原生分享、文件选择、GPS定位等功能
移动端优化：

软键盘弹出自动调整布局
iPhone X底部安全区域处理
触摸滚动和手势优化
性能与安全：

JWT token认证机制
SSE错误智能处理和自动重试
代码质量通过ESLint + TypeScript保证
生产环境支持VConsole调试开关