|
@@ -1,11 +1,13 @@
|
|
|
import { AdStatusEnum, BidModeEnum, BidStrategyEnum, OptimizationGoalEnum, PromotedObjectType } from '@/services/launchAdq/enum'
|
|
|
import React from 'react'
|
|
|
-import { Badge } from 'antd'
|
|
|
+import { Badge, Space } from 'antd'
|
|
|
import Box from '@/pages/adMonitor/adMonitorList/components/box'
|
|
|
import SwitchStatus from './switchStatus'
|
|
|
import TimeSeriesLook from './timeSeriesLook'
|
|
|
import { ReactComponent as RocketSvg } from '@/assets/rocket.svg'
|
|
|
import '../index.less'
|
|
|
+import { CopyOutlined } from '@ant-design/icons'
|
|
|
+import { copy } from '@/utils/utils'
|
|
|
function tableConfig(
|
|
|
onChange: () => void,
|
|
|
details: (data: any) => void,
|
|
@@ -29,7 +31,7 @@ function tableConfig(
|
|
|
width: 55,
|
|
|
fixed: 'left',
|
|
|
render: (a: string, b: any) => {
|
|
|
- return <SwitchStatus configuredStatus={a} isDeleted={b?.isDeleted} adgroupId={b?.adgroupId} onChange={onChange}/>
|
|
|
+ return <SwitchStatus configuredStatus={a} isDeleted={b?.isDeleted} adgroupId={b?.adgroupId} onChange={onChange} />
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -37,13 +39,15 @@ function tableConfig(
|
|
|
dataIndex: 'accountId',
|
|
|
key: 'accountId',
|
|
|
align: 'center',
|
|
|
- width: 70,
|
|
|
+ width: 100,
|
|
|
fixed: 'left',
|
|
|
ellipsis: true,
|
|
|
render: (a: string) => {
|
|
|
- return <a onClick={() => {
|
|
|
- tableIdClick({ activeKey: '1', parma: { accountId: a } })
|
|
|
- }}>{a}</a>
|
|
|
+ return <Space>
|
|
|
+ <a onClick={() => copy(a)} style={{color:'#00bcd4'}}><CopyOutlined /></a><a onClick={() => {
|
|
|
+ tableIdClick({ activeKey: '1', parma: { accountId: a } })
|
|
|
+ }}>{a}</a>
|
|
|
+ </Space>
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -51,7 +55,7 @@ function tableConfig(
|
|
|
dataIndex: 'memo',
|
|
|
key: 'memo',
|
|
|
align: 'center',
|
|
|
- width: 100,
|
|
|
+ width: 90,
|
|
|
fixed: 'left',
|
|
|
ellipsis: true,
|
|
|
},
|
|
@@ -60,7 +64,7 @@ function tableConfig(
|
|
|
dataIndex: 'remark',
|
|
|
key: 'remark',
|
|
|
align: 'center',
|
|
|
- width: 100,
|
|
|
+ width: 90,
|
|
|
fixed: 'left',
|
|
|
ellipsis: true,
|
|
|
},
|
|
@@ -69,14 +73,16 @@ function tableConfig(
|
|
|
dataIndex: 'adgroupId',
|
|
|
key: 'adgroupId',
|
|
|
align: 'center',
|
|
|
- width: 85,
|
|
|
+ width: 120,
|
|
|
fixed: 'left',
|
|
|
ellipsis: true,
|
|
|
- render: (a: string,b:any) => {
|
|
|
- return <a onClick={() => {
|
|
|
- tableIdClick({ activeKey: '3', parma: { adgroupId: a } })
|
|
|
- window.open(`https://ad.qq.com/atlas/${b?.accountId}/admanage/adcreative?adgroupid=${b?.adgroupId}&query={%22configured_status%22:[%22AD_STATUS_EXCLUDE_DELETED%22],%22status%22:[]}`)
|
|
|
- }}>{a}</a>
|
|
|
+ render: (a: string, b: any) => {
|
|
|
+ return <Space>
|
|
|
+ <a onClick={() => copy(a)} style={{color:'#00bcd4'}}><CopyOutlined /></a>
|
|
|
+ <a onClick={() => {
|
|
|
+ tableIdClick({ activeKey: '3', parma: { adgroupId: a } })
|
|
|
+ }}>{a}</a>
|
|
|
+ </Space>
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -84,14 +90,16 @@ function tableConfig(
|
|
|
dataIndex: 'campaignId',
|
|
|
key: 'campaignId',
|
|
|
align: 'center',
|
|
|
- width: 85,
|
|
|
+ width: 120,
|
|
|
fixed: 'left',
|
|
|
ellipsis: true,
|
|
|
- render: (a: string,b:any) => {
|
|
|
- return <a onClick={() => {
|
|
|
- tableIdClick({ activeKey: '2', parma: { campaignId: a } })
|
|
|
- window.open(`https://ad.qq.com/atlas/${b?.accountId}/admanage/adgroup?campaignid=${b?.campaignId}&query={%22operation_status%22:[%22CALCULATE_STATUS_EXCLUDE_DEL%22],%22system_status%22:[]}`)
|
|
|
- }}>{a}</a>
|
|
|
+ render: (a: string, b: any) => {
|
|
|
+ return <Space >
|
|
|
+ <a onClick={() => copy(a)} style={{color:'#00bcd4'}}><CopyOutlined /></a>
|
|
|
+ <a onClick={() => {
|
|
|
+ tableIdClick({ activeKey: '2', parma: { campaignId: a } })
|
|
|
+ }}>{a}</a>
|
|
|
+ </Space>
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -139,7 +147,7 @@ function tableConfig(
|
|
|
align: 'center',
|
|
|
width: 55,
|
|
|
render: (a: string, b: { endDate: string }) => {
|
|
|
- return <TimeSeriesLook timeSeries={a}/>
|
|
|
+ return <TimeSeriesLook timeSeries={a} />
|
|
|
}
|
|
|
},
|
|
|
{
|
|
@@ -260,26 +268,17 @@ function tableConfig(
|
|
|
</div>
|
|
|
}
|
|
|
},
|
|
|
- // {
|
|
|
- // title: '操作',
|
|
|
- // dataIndex: 'cz',
|
|
|
- // key: 'cz',
|
|
|
- // width: 65,
|
|
|
- // align: 'center',
|
|
|
- // fixed: 'right',
|
|
|
- // render: (a: any, b: any) => {
|
|
|
- // return <Space>
|
|
|
- // {b?.status !== 'STATUS_DELETED' && <Popconfirm
|
|
|
- // title="确定删除?"
|
|
|
- // onConfirm={() => deleteHandle(0, b?.adgroupId)}
|
|
|
- // okText="是"
|
|
|
- // cancelText="否"
|
|
|
- // >
|
|
|
- // <Button danger type='text' size='small'>删除</Button>
|
|
|
- // </Popconfirm>}
|
|
|
- // </Space>
|
|
|
- // }
|
|
|
- // },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ dataIndex: 'cz',
|
|
|
+ key: 'cz',
|
|
|
+ width: 65,
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'right',
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ return <a style={{ color: '#1890ff' }} onClick={() => window.open(`https://ad.qq.com/atlas/${b?.accountId}/admanage/adcreative?adgroupid=${b?.adgroupId}&query={%22configured_status%22:[%22AD_STATUS_EXCLUDE_DELETED%22],%22status%22:[]}`)} target="_blank">腾讯广告</a>
|
|
|
+ }
|
|
|
+ },
|
|
|
]
|
|
|
}
|
|
|
export default tableConfig
|