|
@@ -1,5 +1,5 @@
|
|
|
import React, { useCallback, useState } from 'react'
|
|
|
-import { Col, Space, Spin, Tabs, Tooltip, } from 'antd'
|
|
|
+import { Button, Col, Space, Spin, Tabs, Tooltip, } from 'antd'
|
|
|
import style from '../index.less'
|
|
|
import CreativeModal from "../../../components/creativeModal"
|
|
|
import { CreateAdProps } from '@/services/launchAdq/createAd'
|
|
@@ -7,6 +7,7 @@ import { BaseResult } from '@ahooksjs/use-request/lib/types'
|
|
|
import { ModalConfig } from '../ad'
|
|
|
import AdcreativeCol from "../adcreativeCol"
|
|
|
import CreativePup from './modal'
|
|
|
+import { CopyOutlined } from '@ant-design/icons'
|
|
|
|
|
|
type Props = {
|
|
|
queryForm: Partial<CreateAdProps>,
|
|
@@ -67,6 +68,17 @@ function Creative(props: Props) {
|
|
|
}
|
|
|
}
|
|
|
}, [queryForm])
|
|
|
+
|
|
|
+ // 复制当前创意
|
|
|
+ const copyBefore = () => {
|
|
|
+ if (queryForm.taskMediaMaps) {
|
|
|
+ let taskMediaMaps = queryForm.taskMediaMaps
|
|
|
+ let taskMediaMap = queryForm.taskMediaMaps[targetKey]
|
|
|
+ taskMediaMaps.push(JSON.parse(JSON.stringify(taskMediaMap)))
|
|
|
+ setQueryForm({ ...queryForm, taskMediaMaps: taskMediaMaps })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
return <Col span={12} className={style.conRightBorder}>
|
|
|
<div className={style.top}>创意基本信息
|
|
|
{queryForm.taskMediaMaps && queryForm.taskMediaMaps?.length > 0 && <a onClick={() => {
|
|
@@ -75,20 +87,28 @@ function Creative(props: Props) {
|
|
|
}}>全部清空</a>}
|
|
|
</div>
|
|
|
<div className={style.center}>
|
|
|
- <Tabs size={'small'} onEdit={onEdit} type="editable-card" activeKey={targetKey} onChange={(key) => { set_targetKey(key) }} >
|
|
|
- {
|
|
|
- queryForm?.taskMediaMaps?.map((item, index) => {
|
|
|
- return <Tabs.TabPane key={index} tab={'创意' + (index + 1)}>
|
|
|
- <Spin spinning={getSysAdcreative.loading}>
|
|
|
- <div className={style.centerContent}>
|
|
|
- {item?.sysAdcreative && <AdcreativeCol data={item.sysAdcreative} />}
|
|
|
- </div>
|
|
|
- </Spin>
|
|
|
- </Tabs.TabPane >
|
|
|
- })
|
|
|
- }
|
|
|
+ <Tabs
|
|
|
+ size={'small'}
|
|
|
+ onEdit={onEdit}
|
|
|
+ type="editable-card"
|
|
|
+ activeKey={targetKey}
|
|
|
+ tabBarExtraContent={queryForm.taskMediaMaps?.[targetKey]?.sysAdcreative ? {
|
|
|
+ right: <Tooltip title="复制当前创意">
|
|
|
+ <Button icon={<CopyOutlined />} style={{ marginLeft: 4 }} type="link" onClick={copyBefore}></Button>
|
|
|
+ </Tooltip>
|
|
|
+ } : {}}
|
|
|
+ onChange={(key) => { set_targetKey(key) }}
|
|
|
+ >
|
|
|
+ {queryForm?.taskMediaMaps?.map((item, index) => {
|
|
|
+ return <Tabs.TabPane key={index} tab={'创意' + (index + 1)}>
|
|
|
+ <Spin spinning={getSysAdcreative.loading}>
|
|
|
+ <div className={style.centerContent}>
|
|
|
+ {item?.sysAdcreative && <AdcreativeCol data={item.sysAdcreative} />}
|
|
|
+ </div>
|
|
|
+ </Spin>
|
|
|
+ </Tabs.TabPane>
|
|
|
+ })}
|
|
|
</Tabs>
|
|
|
-
|
|
|
</div>
|
|
|
<div className={style.bottom}>
|
|
|
<Space size={20}>
|