feat: refine collected data overview and admin navigation

This commit is contained in:
linkong
2026-03-27 15:08:45 +08:00
parent a761dfc5fb
commit 3dd210a3e5
9 changed files with 310 additions and 75 deletions

View File

@@ -4,10 +4,12 @@ import {
DatabaseOutlined,
BarChartOutlined,
AlertOutlined,
GlobalOutlined,
WifiOutlined,
DisconnectOutlined,
ReloadOutlined,
} from '@ant-design/icons'
import { Link } from 'react-router-dom'
import { useAuthStore } from '../../stores/auth'
import AppLayout from '../../components/AppLayout/AppLayout'
import { formatDateTimeZhCN } from '../../utils/datetime'
@@ -169,6 +171,21 @@ function Dashboard() {
</Row>
<Row gutter={[16, 16]}>
<Col xs={24}>
<Card>
<Space direction="vertical" size={12} style={{ width: '100%' }}>
<div>
<Title level={5} style={{ margin: 0 }}></Title>
<Text type="secondary">访</Text>
</div>
<Link to="/earth">
<Button type="primary" icon={<GlobalOutlined />}>
访 Earth
</Button>
</Link>
</Space>
</Card>
</Col>
<Col xs={24} md={8}>
<Card>
<Statistic title="严重告警" value={stats?.alerts?.critical || 0} valueStyle={{ color: '#ff4d4f' }} prefix={<AlertOutlined />} />