fix(admin): 修复工作台 KPI 卡片在窄屏下换行
CI / check (pull_request) Successful in 2m26s
Dependency Check / check (pull_request) Successful in 2m36s

This commit was merged in pull request #79.
This commit is contained in:
2026-08-12 10:12:10 +08:00
parent b0e66f81ad
commit 31d1fe908a
+11 -7
View File
@@ -274,7 +274,7 @@ const DashboardPage: React.FC = () => {
{/* 核心 KPI */}
<Row gutter={[16, 16]} style={SECTION_ROW_STYLE}>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
<Card>
<Statistic
title="入住率"
@@ -284,17 +284,21 @@ const DashboardPage: React.FC = () => {
/>
</Card>
</Col>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
<Card>
<Statistic
title="当前在住"
value={stats?.occupiedBeds || 0}
suffix={`/ ${stats?.totalCapacity || 0}`}
suffix={
<span style={{ fontSize: 14, color: 'rgba(0, 0, 0, 0.45)' }}>
/ {stats?.totalCapacity || 0}
</span>
}
prefix={<CheckCircleOutlined />}
/>
</Card>
</Col>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
<Card>
<Statistic
title="今日出勤率"
@@ -304,7 +308,7 @@ const DashboardPage: React.FC = () => {
/>
</Card>
</Col>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
<Card>
<Statistic
title="教室占用率"
@@ -314,7 +318,7 @@ const DashboardPage: React.FC = () => {
/>
</Card>
</Col>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
<Card>
<Statistic
title="本月收入"
@@ -324,7 +328,7 @@ const DashboardPage: React.FC = () => {
/>
</Card>
</Col>
<Col xs={12} sm={8} md={4}>
<Col xs={12} sm={8} md={8} lg={6} xl={6} xxl={4}>
{/* 占位:保持 6 列布局最后一个空位 */}
</Col>
</Row>