style(web): 侧栏仅保留模块菜单并补图标;内容区统一 Card wrapper 与页面背景区分
douyin-release-gate / verify (push) Failing after 2m44s

- 侧栏 menuHeaderRender=false,折叠菜单只剩模块链接(标题由 TopNav 呈现)
- 菜单补齐 10 个常用语义图标(账号导入/我的账号/监控账号/竞品分析/工作台/采集设置/任务中心/运行环境/网络出口/网关管理)
- 列表与详情/新建/编辑页主内容统一 <Card variant=outlined> 包裹,对齐 pro 官方预览的灰底+白卡层次(17 处)
- metadata.ts → metadata.tsx(菜单 icon 需 JSX);ScanEyeOutlined/ChatSettingsOutlined 在当前 @ant-design/icons 不存在,改用 EyeOutlined/CommentOutlined
This commit is contained in:
2026-09-22 17:34:28 +08:00
parent 5e91eb7744
commit 49c130f391
19 changed files with 67 additions and 63 deletions
@@ -1,4 +1,16 @@
import type { MenuDataItem } from '@ant-design/pro-components';
import {
CloudDownloadOutlined,
UserOutlined,
EyeOutlined,
LineChartOutlined,
CommentOutlined,
SettingOutlined,
ProfileOutlined,
LaptopOutlined,
ClusterOutlined,
GatewayOutlined,
} from '@ant-design/icons';
// 页头标题/副标题规则:语义对齐 web.archived/src/app/Layout.jsx 的 pageMetadataRules。
const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: string }> = [
@@ -25,26 +37,27 @@ const rules: Array<{ test: (path: string) => boolean; title: string; subtitle: s
{ test: (p) => p.startsWith('/gateways/'), title: '网关详情', subtitle: '查看网关连接信息和运行状态。' },
];
// 菜单结构:与 web.archived/src/app/Layout.jsx 完全一致(运营 / 资源 两组)。
// 菜单结构:与 web.archived/src/app/Layout.jsx 完全一致(运营 / 资源 两组);
// icon 选用 antd 图标库里语义常见、用户一眼可识别的隐喻。
export const menu: MenuDataItem[] = [
{
name: '运营',
children: [
{ path: '/accounts/import', name: '账号导入' },
{ path: '/accounts', name: '我的账号' },
{ path: '/accounts/monitoring', name: '监控账号' },
{ path: '/creator/competitors', name: '竞品分析' },
{ path: '/creator/workbench', name: '运营工作台' },
{ path: '/creator/settings', name: '采集设置' },
{ path: '/tasks', name: '任务中心' },
{ path: '/accounts/import', name: '账号导入', icon: <CloudDownloadOutlined /> },
{ path: '/accounts', name: '我的账号', icon: <UserOutlined /> },
{ path: '/accounts/monitoring', name: '监控账号', icon: <EyeOutlined /> },
{ path: '/creator/competitors', name: '竞品分析', icon: <LineChartOutlined /> },
{ path: '/creator/workbench', name: '运营工作台', icon: <CommentOutlined /> },
{ path: '/creator/settings', name: '采集设置', icon: <SettingOutlined /> },
{ path: '/tasks', name: '任务中心', icon: <ProfileOutlined /> },
],
},
{
name: '资源',
children: [
{ path: '/browsers', name: '运行环境' },
{ path: '/network-exits', name: '网络出口' },
{ path: '/gateways', name: '网关管理' },
{ path: '/browsers', name: '运行环境', icon: <LaptopOutlined /> },
{ path: '/network-exits', name: '网络出口', icon: <ClusterOutlined /> },
{ path: '/gateways', name: '网关管理', icon: <GatewayOutlined /> },
],
},
];