|  | @@ -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
 |