fix(admin): 修复工作台 KPI 卡片在窄屏下换行
This commit was merged in pull request #79.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user