update

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.2.6
+    image: tradus-web:1.2.7
     container_name: tradus-web
     ports:
       - '6000:80'

src/views/AStockAnalysisView.vue

@@ -29,13 +29,20 @@ const handleKeyup = (event: KeyboardEvent) => {
   }
 }
 
+// 处理错误消息的显示
+const setErrorMessage = (message: string) => {
+  // 直接使用错误消息内容
+  analysisContent.value = `错误: ${message}`
+  currentThought.value = '分析失败'
+}
+
 const handleAnalysis = async () => {
   const code = stockCode.value.trim()
   if (!code || isAnalyzing.value) return
 
   // 验证股票代码格式
   if (!/^\d{6}$/.test(code)) {
-    analysisContent.value = '<div class="error-message">请输入正确的6位股票代码</div>'
+    setErrorMessage('请输入正确的6位股票代码')
     return
   }
 
@@ -58,7 +65,18 @@ const handleAnalysis = async () => {
     })
 
     if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`)
+      // 解析错误响应
+      try {
+        const errorData = await response.json()
+        if (errorData && errorData.detail) {
+          setErrorMessage(errorData.detail)
+        } else {
+          setErrorMessage(`请求失败，状态码: ${response.status}`)
+        }
+      } catch {
+        setErrorMessage(`请求失败，状态码: ${response.status}`)
+      }
+      return
     }
 
     const reader = response.body?.getReader()
@@ -111,22 +129,19 @@ const handleAnalysis = async () => {
 
             case 'error':
               const errorMessage = data.error || '未知错误'
-              analysisContent.value = `<div class="error-message">分析过程中出现错误：${errorMessage}</div>`
-              currentThought.value = '分析过程出现错误'
+              setErrorMessage(errorMessage)
               await scrollToBottom()
               break
           }
         } catch (e) {
           console.error('解析响应数据出错:', e)
-          analysisContent.value = '<div class="error-message">解析响应数据时出错，请稍后重试</div>'
-          currentThought.value = '数据解析出错'
+          setErrorMessage('解析响应数据时出错，请稍后重试')
         }
       }
     }
   } catch (error) {
     console.error('分析请求失败:', error)
-    analysisContent.value = '<div class="error-message">抱歉，分析请求失败，请稍后重试</div>'
-    currentThought.value = '请求失败'
+    setErrorMessage('抱歉，分析请求失败，请稍后重试')
   } finally {
     isAnalyzing.value = false
     await scrollToBottom()
@@ -276,7 +291,12 @@ const copyAnalysis = async () => {
           ref="analysisContainer"
           :class="{ 'fade-in': analysisContent }"
         >
-          <div class="analysis-content" v-html="analysisContent"></div>
+          <div v-if="analysisContent.startsWith('错误:')" class="error-message">
+            {{ analysisContent.substring(4) }}
+          </div>
+          <div v-else class="analysis-content">
+            {{ analysisContent }}
+          </div>
         </div>
       </div>
     </div>
@@ -580,14 +600,21 @@ const copyAnalysis = async () => {
   color: var(--color-text-primary);
 }
 
-:deep(.error-message) {
-  margin: 1rem 0;
-  padding: 0.75rem 1rem;
-  background-color: rgba(255, 0, 0, 0.05);
-  border: 1px solid rgba(255, 0, 0, 0.1);
-  border-radius: var(--border-radius);
-  color: #ff4444;
-  font-size: 0.95rem;
+.error-message {
+  color: #ff3333;
+  font-weight: 500;
+  padding: 1rem;
+  background-color: rgba(255, 51, 51, 0.08);
+  border: 1px solid rgba(255, 51, 51, 0.2);
+  border-radius: 0.5rem;
+  margin: 1rem;
+  text-align: center;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+
+.error-message::before {
+  content: '⚠️ ';
 }
 
 /* 动画 */