优化了实时估值的功能

Frontend/src/App.vue

@@ -35,6 +35,13 @@
             >
               💰 定投回测
             </button>
+            <button 
+              class="mode-btn" 
+              :class="{ active: viewMode === 'realtime' }"
+              @click="viewMode = 'realtime'"
+            >
+              📊 实时估值
+            </button>
           </div>
         </div>
       </div>
@@ -83,8 +90,8 @@
 
       <!-- 其他模式 -->
       <div v-else class="main-layout">
-        <!-- 左侧：自选列表 (非筛选模式显示) -->
-        <aside class="sidebar-left" v-if="viewMode !== 'screening'">
+        <!-- 左侧：自选列表 (筛选和实时估值模式不显示) -->
+        <aside class="sidebar-left" v-if="viewMode !== 'screening' && viewMode !== 'realtime'">
           <FundWatchlist 
             @view-fund="handleFundSelected" 
             @add-to-compare="handleAddToCompare"
@@ -96,7 +103,7 @@
         </aside>
         
         <!-- 右侧：根据模式显示不同内容 -->
-        <div class="content-area" :class="{ 'full-width': viewMode === 'screening' }">
+        <div class="content-area" :class="{ 'full-width': viewMode === 'screening' || viewMode === 'realtime' }">
           <!-- 筛选模式 -->
           <template v-if="viewMode === 'screening'">
             <FundScreening 
@@ -111,6 +118,11 @@
               :fundCode="selectedFundCode"
             />
           </template>
+
+          <!-- 实时估值模式 -->
+          <template v-else-if="viewMode === 'realtime'">
+            <FundRealtime />
+          </template>
         </div>
       </div>
     </main>
@@ -129,6 +141,7 @@ import FundWatchlist from './components/FundWatchlist.vue'
 import FundComparison from './components/FundComparison.vue'
 import FundScreening from './components/FundScreening.vue'
 import FundBacktest from './components/FundBacktest.vue'
+import FundRealtime from './components/FundRealtime.vue'
 import MarketOverview from './components/MarketOverview.vue'
 import FlashNews from './components/FlashNews.vue'
 import SectorRank from './components/SectorRank.vue'
@@ -142,6 +155,7 @@ export default {
     FundComparison,
     FundScreening,
     FundBacktest,
+    FundRealtime,
     MarketOverview,
     FlashNews,
     SectorRank

README.md

@@ -50,11 +50,11 @@ GoFundBot 是一个基于 Python (Flask) 和 Vue 3 构建的智能基金分析
 - 基金经理能力评估：调用东方财富API，绘制经理能力雷达图。
 - 同类基金涨幅榜：辅助挑选同类型优质基金。
 
-![基金详情.png](https://github.com/Sebastian6848/GoFundBot/blob/master/docs/images/%E5%9F%BA%E9%87%91%E8%AF%A6%E6%83%85.png)
+![基金详情.png](docs/images/基金详情.png)
 
 - 使用LLM辅助分析基金情况（结论仅供参考）
 
-![LLM分析](docs/images/LLM分析.png)
+![LLM](docs/images/LLM分析.png)
 
 #### （3）基金筛选
 
@@ -88,6 +88,14 @@ GoFundBot 是一个基于 Python (Flask) 和 Vue 3 构建的智能基金分析
 
 ![回测结果.png](docs/images/回测结果.png)
 
+#### （6）实时估值（新）
+
+- 可以对持有的基金进行实时估值并计算当日盈亏
+
+![实时估值](docs/images/实时估值.png)
+
+
+
 ## 🛠 技术栈
 
 ### 后端 (Backend)
@@ -104,6 +112,8 @@ GoFundBot 是一个基于 Python (Flask) 和 Vue 3 构建的智能基金分析
 *   **可视化**: ECharts
 *   **Markdown**: 支持 AI 报告的 Markdown 渲染
 
+
+
 ## 📋 环境准备
 
 在运行项目之前，请确保您的本地环境已安装以下软件：
@@ -111,6 +121,8 @@ GoFundBot 是一个基于 Python (Flask) 和 Vue 3 构建的智能基金分析
 *   **Node.js** (推荐 LTS 版本) 和 `npm`
 *   **Python 3.8+** 或 **Anaconda/Miniconda**
 
+
+
 ## ⚡ 快速开始
 
 ### 1. 配置环境变量 (重要)
@@ -159,6 +171,8 @@ npm run dev
 
 启动成功后，访问终端显示的本地地址（通常为 `http://localhost:5173`）。
 
+
+
 ## 📂 项目结构
 
 ```text
@@ -178,6 +192,9 @@ MyBot/
 │   │   └── ...
 └── ...
 ```
+
+
 ## 📝 免责声明
+
 本项目所有数据均来自公开接口，仅供个人学习及参考使用。数据可能存在延迟，不作为任何投资建议。