xinyin025/one-api
1
0
Fork 0
mirror of https://github.com/songquanpeng/one-api.git synced 2025-11-04 15:53:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: remove first section for overview

Browse Source
This commit is contained in:
JustSong
2025-01-31 22:24:13 +08:00
parent dc8c3bc69e
commit 52d81e0e24
2 changed files with 23 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/default/src/pages/Dashboard/Dashboard.css
View File

@@ -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;
}
/* 优化图表响应式布局 */

52
web/default/src/pages/Dashboard/index.js
View File

@@ -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}>