From 0ed9511901cc82ffdafe28c513d295d97da7b4cb Mon Sep 17 00:00:00 2001
From: qian <wuchengqian5@163.com>
Date: Wed, 12 Aug 2026 22:36:40 +0800
Subject: [PATCH] =?UTF-8?q?improve(ui):=E4=BC=98=E5=8C=96=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E5=AF=B9=E6=AF=94=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/tenant/src/views/service/ModelComparisonPage.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/tenant/src/views/service/ModelComparisonPage.vue b/web/tenant/src/views/service/ModelComparisonPage.vue
index 282cb76..ae481cd 100644
--- a/web/tenant/src/views/service/ModelComparisonPage.vue
+++ b/web/tenant/src/views/service/ModelComparisonPage.vue
@@ -291,29 +291,29 @@ const columns = computed<DataTableColumns<ComparisonItem>>(() => [
 		<template v-if="items.length > 0">
 			<!-- Summary -->
 			<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
-				<div class="stat-card">
+				<div class="stat-card flex items-center gap-4">
 					<div class="stat-icon stat-icon-primary">
 						<Icon name="chart" size="lg" />
 					</div>
-					<div>
+					<div class="min-w-0 flex-1 text-right">
 						<div class="stat-value">{{ summary.total_requests.toLocaleString() }}</div>
 						<div class="stat-label">总请求数</div>
 					</div>
 				</div>
-				<div class="stat-card">
+				<div class="stat-card flex items-center gap-4">
 					<div class="stat-icon stat-icon-warning">
 						<Icon name="creditCard" size="lg" />
 					</div>
-					<div>
+					<div class="min-w-0 flex-1 text-right">
 						<div class="stat-value">${{ formatCost(summary.total_cost) }}</div>
 						<div class="stat-label">总费用</div>
 					</div>
 				</div>
-				<div class="stat-card">
+				<div class="stat-card flex items-center gap-4">
 					<div class="stat-icon stat-icon-success">
 						<Icon name="checkCircle" size="lg" />
 					</div>
-					<div>
+					<div class="min-w-0 flex-1 text-right">
 						<div class="stat-value">{{ summary.recommended || '-' }}</div>
 						<div class="stat-label">{{ summary.reason || '推荐模型' }}</div>
 					</div>