From 04636c53d84579ca8119847681a3c222e96a060a Mon Sep 17 00:00:00 2001
From: fish <zhongpengapp@hotmail.com>
Date: Sun, 10 May 2026 17:21:52 +0800
Subject: [PATCH] =?UTF-8?q?AI=E5=88=86=E6=9E=90=E5=86=85=E5=AE=B9=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81Markdown=E6=B8=B2=E6=9F=93=EF=BC=8C=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E3=80=81=E5=88=97=E8=A1=A8=E3=80=81=E5=8A=A0=E7=B2=97=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/frontend/package.json                         | 1 +
 web/frontend/src/components/ScoreDetailDrawer.vue | 3 ++-
 web/frontend/src/views/ScoresView.vue             | 3 ++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/frontend/package.json b/web/frontend/package.json
index 5fb49f5..793e9c1 100644
--- a/web/frontend/package.json
+++ b/web/frontend/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "axios": "^1.7.7",
     "echarts": "^5.5.1",
+    "marked": "^15.0.0",
     "element-plus": "^2.8.4",
     "pinia": "^2.2.4",
     "vue": "^3.5.10",
diff --git a/web/frontend/src/components/ScoreDetailDrawer.vue b/web/frontend/src/components/ScoreDetailDrawer.vue
index 4fdbeab..cce6ab6 100644
--- a/web/frontend/src/components/ScoreDetailDrawer.vue
+++ b/web/frontend/src/components/ScoreDetailDrawer.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+import { marked } from 'marked'
 import { getScore, type Score } from '@/api/scores'
 import { parseTsCode } from '@/utils/contract'
 import { useMobile } from '@/composables/useMobile'
@@ -273,7 +274,7 @@ const quadrantLabel = (q: string) => {
             <el-button text size="small" @click="closeAI" v-if="aiLoading">取消</el-button>
           </div>
           <div class="ai-body">
-            <div v-if="aiContent" class="ai-text" v-html="aiContent.replace(/\n/g, '<br>')"></div>
+            <div v-if="aiContent" class="ai-text" v-html="marked(aiContent)"></div>
             <div v-if="aiError" class="ai-error">{{ aiError }}</div>
             <div v-if="aiLoading && !aiContent" class="ai-loading">
               <el-icon class="is-loading"><span>⏳</span></el-icon> 正在分析...
diff --git a/web/frontend/src/views/ScoresView.vue b/web/frontend/src/views/ScoresView.vue
index d81a84c..407c8d1 100644
--- a/web/frontend/src/views/ScoresView.vue
+++ b/web/frontend/src/views/ScoresView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { nextTick, onMounted, reactive, ref, watch, computed } from 'vue'
+import { marked } from 'marked'
 import { ElMessage } from 'element-plus'
 import { listScores, listContracts, type Score } from '@/api/scores'
 import { runPipeline, type RunResponse } from '@/api/run'
@@ -248,7 +249,7 @@ onMounted(async () => {
               <el-button v-if="aiLoading" text size="small" @click="closeAI">取消</el-button>
             </div>
             <div class="ai-body">
-              <div v-if="aiContent" class="ai-text" v-html="aiContent.replace(/\n/g, '<br>')" />
+              <div v-if="aiContent" class="ai-text" v-html="marked(aiContent)" />
               <div v-if="aiError" class="ai-error">{{ aiError }}</div>
               <div v-if="aiLoading && !aiContent" class="ai-loading">⏳ 正在分析...</div>
             </div>