From 9a0b2f61312765e57c3cc8231b1080b5231d4c4f Mon Sep 17 00:00:00 2001
From: claude_dev <claude-dev@sanguo.local>
Date: Sat, 11 Jul 2026 16:10:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20MetricCards=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E5=8C=96null-safe=E2=80=94=E9=80=80=E5=8C=96=E6=8C=87=E6=A0=87?=
 =?UTF-8?q?NaN=E2=86=92null=E4=B8=8D=E5=86=8D=E5=B4=A9toFixed(=E6=98=BE'?=
 =?UTF-8?q?=E2=80=94')?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/backtest/MetricCards.vue   | 40 +++++++++++--------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/backtest/MetricCards.vue b/frontend/src/components/backtest/MetricCards.vue
index 6979d2c..dd2fab8 100644
--- a/frontend/src/components/backtest/MetricCards.vue
+++ b/frontend/src/components/backtest/MetricCards.vue
@@ -2,34 +2,40 @@
 import { computed } from 'vue'
 
 interface RelativeMetrics {
-  total_return: number
-  annual_return: number
-  alpha: number
-  beta: number
-  sharpe_ratio: number
-  sortino_ratio: number
-  information_ratio: number
-  annual_volatility: number
-  max_drawdown: number
-  benchmark_return: number
-  benchmark_volatility: number
+  total_return: number | null
+  annual_return: number | null
+  alpha: number | null
+  beta: number | null
+  sharpe_ratio: number | null
+  sortino_ratio: number | null
+  information_ratio: number | null
+  annual_volatility: number | null
+  max_drawdown: number | null
+  benchmark_return: number | null
+  benchmark_volatility: number | null
 }
 
 const props = defineProps<{ metrics: RelativeMetrics }>()
 
+// null/NaN 安全格式化（后端 NaN→None，退化指标如 sortino 可能为 null）
+function fmt(value: number | null | undefined, digits: number, percent = false): string {
+  if (value == null || isNaN(value as number)) return '—'
+  return percent ? `${(value * 100).toFixed(digits)}%` : value.toFixed(digits)
+}
+
 // 格式化百分比（×100，保留2位小数）
-function formatPercent(value: number): string {
-  return `${(value * 100).toFixed(2)}%`
+function formatPercent(value: number | null): string {
+  return fmt(value, 2, true)
 }
 
 // 格式化小数（保留3位小数）
-function formatDecimal(value: number): string {
-  return value.toFixed(3)
+function formatDecimal(value: number | null): string {
+  return fmt(value, 3)
 }
 
 // 格式化Sharpe等比率（保留2位小数）
-function formatRatio(value: number): string {
-  return value.toFixed(2)
+function formatRatio(value: number | null): string {
+  return fmt(value, 2)
 }
 
 const metricCards = computed(() => [