feat(web): 菜单顶部新增工作台占位页(/dashboard,对标 pro workplace,统计后期规划)
douyin-release-gate / verify (push) Failing after 17m11s
douyin-release-gate / verify (push) Failing after 17m11s
This commit is contained in:
@@ -0,0 +1,33 @@
|
||||
// 工作台:对标 pro 官方 workplace 预览的占位页。
|
||||
// 统计卡片与快捷入口暂不接真实数据(后期规划),仅布局占位;不引入兜底数据。
|
||||
import { PageContainer } from '@ant-design/pro-components';
|
||||
import { Card, Col, Empty, Row, Typography } from 'antd';
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<PageContainer ghost={false} title="工作台" subTitle="运营概况与快捷入口">
|
||||
<Row gutter={[16, 16]}>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<Card variant="outlined" loading />
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<Card variant="outlined" loading />
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<Card variant="outlined" loading />
|
||||
</Col>
|
||||
<Col xs={24} sm={12} lg={6}>
|
||||
<Card variant="outlined" loading />
|
||||
</Col>
|
||||
</Row>
|
||||
<Card
|
||||
variant="outlined"
|
||||
style={{ marginTop: 16 }}
|
||||
title="运营概况"
|
||||
extra={<Typography.Text type="secondary">统计指标规划中</Typography.Text>}
|
||||
>
|
||||
<Empty description="数据看板规划中,敬请期待。" />
|
||||
</Card>
|
||||
</PageContainer>
|
||||
);
|
||||
}
|
||||
@@ -10,10 +10,12 @@ import {
|
||||
LaptopOutlined,
|
||||
ClusterOutlined,
|
||||
GatewayOutlined,
|
||||
DashboardOutlined,
|
||||
} from '@ant-design/icons';
|
||||
|
||||
// 页头标题/副标题规则:语义对齐 web.archived/src/app/Layout.jsx 的 pageMetadataRules。
|
||||
const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: string }> = [
|
||||
{ test: (p) => p === '/' || p === '/dashboard', title: '工作台', subtitle: '运营概况与快捷入口。' },
|
||||
{ test: (p) => p === '/accounts/import', title: '账号导入', subtitle: '管理分享链接解析任务,解析成功后自动加入监控账号。' },
|
||||
{ test: (p) => p === '/accounts', title: '我的账号', subtitle: '创建和管理自己维护的账号。' },
|
||||
{ test: (p) => p === '/accounts/monitoring', title: '监控账号', subtitle: '管理需要持续跟踪的竞品账号及采集状态。' },
|
||||
@@ -37,9 +39,10 @@ const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: s
|
||||
{ test: (p) => p.startsWith('/gateways/'), title: '网关详情', subtitle: '查看网关连接信息和运行状态。' },
|
||||
];
|
||||
|
||||
// 菜单结构:与 web.archived/src/app/Layout.jsx 完全一致(运营 / 资源 两组);
|
||||
// 菜单结构:工作台置顶(对标 pro 官方 workplace 预览),其余与 web.archived/src/app/Layout.jsx 一致(运营 / 资源 两组);
|
||||
// icon 选用 antd 图标库里语义常见、用户一眼可识别的隐喻。
|
||||
export const menu: MenuDataItem[] = [
|
||||
{ path: '/dashboard', name: '工作台', icon: <DashboardOutlined /> },
|
||||
{
|
||||
name: '运营',
|
||||
children: [
|
||||
|
||||
Reference in New Issue
Block a user