mirror of
https://github.com/songquanpeng/one-api.git
synced 2025-11-05 16:23:43 +08:00
feat: remove first section for overview
This commit is contained in:
@@ -45,6 +45,15 @@
|
|||||||
color: #1a1a1a;
|
color: #1a1a1a;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-value {
|
||||||
|
color: #2185d0;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 优化图表响应式布局 */
|
/* 优化图表响应式布局 */
|
||||||
|
|||||||
@@ -152,47 +152,15 @@ const Dashboard = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='dashboard-container'>
|
<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 columns={3} stackable className='charts-grid'>
|
||||||
<Grid.Column>
|
<Grid.Column>
|
||||||
<Card fluid className='chart-card'>
|
<Card fluid className='chart-card'>
|
||||||
<Card.Content>
|
<Card.Content>
|
||||||
<Card.Header>今日请求量</Card.Header>
|
<Card.Header>
|
||||||
|
模型请求趋势
|
||||||
|
<span className='stat-value'>{summaryData.todayRequests}</span>
|
||||||
|
</Card.Header>
|
||||||
<div className='chart-container'>
|
<div className='chart-container'>
|
||||||
<ResponsiveContainer width='100%' height={120}>
|
<ResponsiveContainer width='100%' height={120}>
|
||||||
<LineChart data={timeSeriesData}>
|
<LineChart data={timeSeriesData}>
|
||||||
@@ -216,7 +184,12 @@ const Dashboard = () => {
|
|||||||
<Grid.Column>
|
<Grid.Column>
|
||||||
<Card fluid className='chart-card'>
|
<Card fluid className='chart-card'>
|
||||||
<Card.Content>
|
<Card.Content>
|
||||||
<Card.Header>今日消费</Card.Header>
|
<Card.Header>
|
||||||
|
额度消费趋势
|
||||||
|
<span className='stat-value'>
|
||||||
|
${summaryData.todayQuota.toFixed(3)}
|
||||||
|
</span>
|
||||||
|
</Card.Header>
|
||||||
<div className='chart-container'>
|
<div className='chart-container'>
|
||||||
<ResponsiveContainer width='100%' height={120}>
|
<ResponsiveContainer width='100%' height={120}>
|
||||||
<LineChart data={timeSeriesData}>
|
<LineChart data={timeSeriesData}>
|
||||||
@@ -240,7 +213,10 @@ const Dashboard = () => {
|
|||||||
<Grid.Column>
|
<Grid.Column>
|
||||||
<Card fluid className='chart-card'>
|
<Card fluid className='chart-card'>
|
||||||
<Card.Content>
|
<Card.Content>
|
||||||
<Card.Header>今日 token</Card.Header>
|
<Card.Header>
|
||||||
|
Token 消费趋势
|
||||||
|
<span className='stat-value'>{summaryData.todayTokens}</span>
|
||||||
|
</Card.Header>
|
||||||
<div className='chart-container'>
|
<div className='chart-container'>
|
||||||
<ResponsiveContainer width='100%' height={120}>
|
<ResponsiveContainer width='100%' height={120}>
|
||||||
<LineChart data={timeSeriesData}>
|
<LineChart data={timeSeriesData}>
|
||||||
|
|||||||
Reference in New Issue
Block a user