43 lines
959 B
TypeScript
43 lines
959 B
TypeScript
/**
|
|
* Dashboard Page
|
|
*/
|
|
import { Card, Row, Col, Statistic } from 'antd';
|
|
import { DatabaseOutlined, GlobalOutlined, RocketOutlined } from '@ant-design/icons';
|
|
|
|
export function Dashboard() {
|
|
return (
|
|
<div>
|
|
<h1>控制台</h1>
|
|
<Row gutter={16} style={{ marginTop: 24 }}>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="天体总数"
|
|
value={18}
|
|
prefix={<GlobalOutlined />}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="探测器"
|
|
value={7}
|
|
prefix={<RocketOutlined />}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="数据记录"
|
|
value={1245}
|
|
prefix={<DatabaseOutlined />}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|