pages_dashboard.tsx (系统仪表盘功能) pages_users.tsx (用户管理功能) pages_file_library.tsx (文件库管理功能) 更新了所有引用: 修改了web_app.tsx中的导入语句 确保路由配置正确指向新文件 原pages_sys.tsx文件已不再使用,可以安全删除
44 lines
906 B
TypeScript
44 lines
906 B
TypeScript
import React from 'react';
|
|
import {
|
|
Card, Row, Col, Typography, Statistic
|
|
} from 'antd';
|
|
|
|
const { Title } = Typography;
|
|
|
|
// 仪表盘页面
|
|
export const DashboardPage = () => {
|
|
return (
|
|
<div>
|
|
<Title level={2}>仪表盘</Title>
|
|
<Row gutter={16}>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="活跃用户"
|
|
value={112893}
|
|
loading={false}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="系统消息"
|
|
value={93}
|
|
loading={false}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
<Col span={8}>
|
|
<Card>
|
|
<Statistic
|
|
title="在线用户"
|
|
value={1128}
|
|
loading={false}
|
|
/>
|
|
</Card>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}; |