From 52d81e0e24f7f88702b321bda5a2c0800aaaf9e0 Mon Sep 17 00:00:00 2001
From: JustSong <quanpengsong@gmail.com>
Date: Fri, 31 Jan 2025 22:24:13 +0800
Subject: [PATCH] feat: remove first section for overview

---
 web/default/src/pages/Dashboard/Dashboard.css |  9 ++++
 web/default/src/pages/Dashboard/index.js      | 52 +++++--------------
 2 files changed, 23 insertions(+), 38 deletions(-)

diff --git a/web/default/src/pages/Dashboard/Dashboard.css b/web/default/src/pages/Dashboard/Dashboard.css
index d0a3d52c..c08a3101 100644
--- a/web/default/src/pages/Dashboard/Dashboard.css
+++ b/web/default/src/pages/Dashboard/Dashboard.css
@@ -45,6 +45,15 @@
     color: #1a1a1a;
     font-size: 1.2em;
     margin-bottom: 15px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.stat-value {
+    color: #2185d0;
+    font-weight: bold;
+    font-size: 1.1em;
 }
 
 /* 优化图表响应式布局 */
diff --git a/web/default/src/pages/Dashboard/index.js b/web/default/src/pages/Dashboard/index.js
index dd5f9996..019cdc9e 100644
--- a/web/default/src/pages/Dashboard/index.js
+++ b/web/default/src/pages/Dashboard/index.js
@@ -152,47 +152,15 @@ const Dashboard = () => {
 
   return (
     <div className='dashboard-container'>
-      <Grid columns={3} stackable>
-        <Grid.Column>
-          <Card fluid className='stat-card'>
-            <Card.Content>
-              <Statistic>
-                <Statistic.Value>{summaryData.todayRequests}</Statistic.Value>
-                <Statistic.Label>今日请求量</Statistic.Label>
-              </Statistic>
-            </Card.Content>
-          </Card>
-        </Grid.Column>
-        <Grid.Column>
-          <Card fluid className='stat-card'>
-            <Card.Content>
-              <Statistic>
-                <Statistic.Value>
-                  ${summaryData.todayQuota.toFixed(3)}
-                </Statistic.Value>
-                <Statistic.Label>今日消费</Statistic.Label>
-              </Statistic>
-            </Card.Content>
-          </Card>
-        </Grid.Column>
-        <Grid.Column>
-          <Card fluid className='stat-card'>
-            <Card.Content>
-              <Statistic>
-                <Statistic.Value>{summaryData.todayTokens}</Statistic.Value>
-                <Statistic.Label>今日 token</Statistic.Label>
-              </Statistic>
-            </Card.Content>
-          </Card>
-        </Grid.Column>
-      </Grid>
-
       {/* 三个并排的折线图 */}
       <Grid columns={3} stackable className='charts-grid'>
         <Grid.Column>
           <Card fluid className='chart-card'>
             <Card.Content>
-              <Card.Header>今日请求量</Card.Header>
+              <Card.Header>
+                模型请求趋势
+                <span className='stat-value'>{summaryData.todayRequests}</span>
+              </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer width='100%' height={120}>
                   <LineChart data={timeSeriesData}>
@@ -216,7 +184,12 @@ const Dashboard = () => {
         <Grid.Column>
           <Card fluid className='chart-card'>
             <Card.Content>
-              <Card.Header>今日消费</Card.Header>
+              <Card.Header>
+                额度消费趋势
+                <span className='stat-value'>
+                  ${summaryData.todayQuota.toFixed(3)}
+                </span>
+              </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer width='100%' height={120}>
                   <LineChart data={timeSeriesData}>
@@ -240,7 +213,10 @@ const Dashboard = () => {
         <Grid.Column>
           <Card fluid className='chart-card'>
             <Card.Content>
-              <Card.Header>今日 token</Card.Header>
+              <Card.Header>
+                Token 消费趋势
+                <span className='stat-value'>{summaryData.todayTokens}</span>
+              </Card.Header>
               <div className='chart-container'>
                 <ResponsiveContainer width='100%' height={120}>
                   <LineChart data={timeSeriesData}>