|
@@ -1,14 +1,15 @@
|
|
|
import { useAjax } from "@/Hook/useAjax"
|
|
|
import TimeSeriesLook from "@/pages/launchSystemNew/adq/ad/timeSeriesLook"
|
|
|
import { addAdToRuleBlackListApi, delAdToRuleBlackListApi, delAdWarningRuleApi, getAdgroupDetailsApi } from "@/services/adMonitor/adMonitor"
|
|
|
-import { AdStatusEnum, BidModeEnum, BidStrategyEnum, OptimizationGoalEnum, PromotedObjectType } from "@/services/launchAdq/enum"
|
|
|
-import { Card, Descriptions, Empty, Popover, Space, Spin, Typography, message } from "antd"
|
|
|
+import { BidModeEnum, BidStrategyEnum, OptimizationGoalEnum } from "@/services/launchAdq/enum"
|
|
|
+import { Card, Descriptions, Empty, Space, Spin, Typography, message } from "antd"
|
|
|
import React, { useEffect, useMemo, useState } from "react"
|
|
|
import TableData from "@/pages/launchSystemNew/components/TableData"
|
|
|
import SetEarlyWarnings from "@/components/EarlyWarning/setEarlyWarnings"
|
|
|
import RuleLog from "@/components/EarlyWarning/ruleLog"
|
|
|
import tableConfigEw from "@/pages/adMonitor/adMonitorList/components/tableConfigEw"
|
|
|
import tableConfig from "../adqv3/creative/tableConfig"
|
|
|
+import { ADGROUP_STATUS } from "../adqv3/const"
|
|
|
|
|
|
export enum EWTypeEnum {
|
|
|
DEFAULT = '默认告警规则',
|
|
@@ -74,8 +75,8 @@ const TabAd: React.FC<Props> = ({ accountId, adgroupId }) => {
|
|
|
|
|
|
const AdContent = useMemo(() => {
|
|
|
if (getAdgroupDetails?.data?.data) {
|
|
|
- const { adgroupName, bidAmount, bidMode, optimizationGoal, adgroupId, rejectMessageList, status, smartBidType, beginDate,
|
|
|
- endDate, targetingTranslation, timeSeries, firstDayBeginTime, dailyBudget, bidStrategy, promotedObjectType, accountId,
|
|
|
+ const { adgroupName, bidAmount, bidMode, optimizationGoal, adgroupId, systemStatus, smartBidType, beginDate,
|
|
|
+ endDate, targetingTranslation, timeSeries, firstDayBeginTime, dailyBudget, bidStrategy, accountId,
|
|
|
creativeName
|
|
|
} = getAdgroupDetails?.data?.data
|
|
|
return <Spin spinning={getAdgroupDetails.loading}>
|
|
@@ -88,20 +89,10 @@ const TabAd: React.FC<Props> = ({ accountId, adgroupId }) => {
|
|
|
<Descriptions.Item labelStyle={{ width: 100 }} label="出价">{`${BidModeEnum[bidMode]} ${bidAmount}元/${bidMode === 'BID_MODE_CPM' ? '千次曝光' : bidMode === 'BID_MODE_CPC' ? '点击' : OptimizationGoalEnum[optimizationGoal]}`}</Descriptions.Item>
|
|
|
<Descriptions.Item labelStyle={{ width: 100 }} label="广告ID">{adgroupId}</Descriptions.Item>
|
|
|
<Descriptions.Item labelStyle={{ width: 100 }} label="状态">
|
|
|
- {rejectMessageList?.filter((str: any) => str)?.length > 0 ? <Popover
|
|
|
- style={{ width: 500 }}
|
|
|
- overlayStyle={{ width: 500, fontSize: 12 }}
|
|
|
- placement="left"
|
|
|
- content={rejectMessageList?.map((str: string, eq: number) => {
|
|
|
- return str ? <><strong style={{ fontSize: 13 }}>{eq + 1}:</strong>{str}<br /></> : ""
|
|
|
- })}>
|
|
|
- {AdStatusEnum[status]}
|
|
|
- </Popover> :
|
|
|
- AdStatusEnum[status]}
|
|
|
+ {ADGROUP_STATUS[systemStatus] || '--'}
|
|
|
</Descriptions.Item>
|
|
|
<Descriptions.Item label="广告账号" labelStyle={{ width: 100 }}>{accountId}</Descriptions.Item>
|
|
|
<Descriptions.Item label="出价类型" labelStyle={{ width: 100 }}>{smartBidType === 'SMART_BID_TYPE_CUSTOM' ? '手动出价' : '自动出价'}</Descriptions.Item>
|
|
|
- <Descriptions.Item label="推广目标类型" labelStyle={{ width: 100 }}>{PromotedObjectType[promotedObjectType]}</Descriptions.Item>
|
|
|
<Descriptions.Item label="投放日期" labelStyle={{ width: 100 }}>{endDate ? beginDate + '~' + endDate : beginDate + '~' + '长期投放'}</Descriptions.Item>
|
|
|
<Descriptions.Item label="定向" labelStyle={{ width: 100 }} span={2}>{targetingTranslation}</Descriptions.Item>
|
|
|
<Descriptions.Item label="投放时间" labelStyle={{ width: 100 }}>{<TimeSeriesLook timeSeries={timeSeries} />}</Descriptions.Item>
|
|
@@ -115,8 +106,6 @@ const TabAd: React.FC<Props> = ({ accountId, adgroupId }) => {
|
|
|
return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
|
|
|
}, [getAdgroupDetails?.data?.data, getAdgroupDetails.loading])
|
|
|
|
|
|
- console.log(getAdgroupDetails?.data?.data?.dynamicCreativeList)
|
|
|
-
|
|
|
const CreativePreview = useMemo(() => {
|
|
|
|
|
|
return <Card
|