This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user