refactor(web): 监控账号详情页移除页头按钮左侧账号标识展示区
douyin-release-gate / verify (push) Failing after 30s

This commit is contained in:
2026-09-28 11:21:46 +08:00
parent 8748f899d4
commit a576018560
@@ -1,13 +1,12 @@
// 监控账号详情:形态对齐账号详情页(页头槽 + 卡片流)——
// 页头 info 为账号标识(头像 + 昵称 + 同步状态 + 平台),actions 为返回/同步/暂停恢复;
// 主体:账号画像 Card + 作品数据(共享 WorksGallery:作品网格 + Drawer 增长曲线/指标记录/评论)。
// 页头 actions 为返回/同步/暂停恢复;主体:账号画像 Card + 作品数据(共享 WorksGallery:作品网格 + Drawer 增长曲线/指标记录/评论)。
// 作品列表走 GET /creator/works?source_id=<competitor_id>&source_type=competitor,定时采集由后端调度器维护。
import { useCallback, useEffect, useState } from 'react';
import { history, useParams } from '@umijs/max';
import { Alert, App, Avatar, Button, Card, Descriptions, Flex, Space, Tag, Typography } from 'antd';
import { creatorAction, getOne } from '@/services/api';
import { conflictMessage, dateTime, platformLabel } from '@/utils/helpers';
import { usePageActions, usePageInfo } from '@/components/PageActions';
import { usePageActions } from '@/components/PageActions';
import WorksGallery from '@/components/creator/WorksGallery';
interface CompetitorDetail {
@@ -67,25 +66,7 @@ export default function Page() {
const syncMeta = syncStatusMeta[competitor?.sync_status ?? ''] || { label: competitor?.sync_status || '—' };
// 页头 content 行:左侧账号标识,右侧操作(返回/同步/暂停恢复),对齐账号详情页形态。
usePageInfo(
competitor ? (
<Flex align="center" gap={8} wrap="wrap">
<Avatar size={28} src={competitor.avatar_url || undefined}>
{(competitor.nickname || competitor.platform_account_key).slice(0, 1).toUpperCase()}
</Avatar>
<Typography.Title level={5} style={{ marginBottom: 0 }} ellipsis>
{competitor.nickname || competitor.platform_account_key}
</Typography.Title>
<Tag color={syncMeta.color}>{syncMeta.label}</Tag>
<Typography.Text type="secondary">
{competitor.unique_id || competitor.platform_account_key} · {platformLabel(competitor.platform)}
</Typography.Text>
</Flex>
) : null,
[competitor?.id, competitor?.nickname, competitor?.sync_status],
);
// 页头 actions:返回/同步/暂停恢复,对齐账号详情页形态。
usePageActions(
<Space>
<Button onClick={() => history.push('/accounts/monitoring')}>返回监控账号</Button>