fix

src/pages/launchSystemNew/launchManage/createAd/index.tsx

@@ -3,7 +3,7 @@ import { useAjax } from "@/Hook/useAjax"
 import { createAdBatchApi, CreateAdProps } from "@/services/launchAdq/createAd"
 import { getSysAdcreativeInfo } from "@/services/launchAdq/creative"
 import { PromotedObjectType } from "@/services/launchAdq/enum"
-import { getTagsList } from "@/services/launchAdq/global"
+import { getTagsList, get_adcreative_template } from "@/services/launchAdq/global"
 import { getSysAdgroupsInfo } from "@/services/launchAdq/localAd"
 import { getsysTargetingInfo } from "@/services/launchAdq/targeting"
 import { CheckOutlined, CloseOutlined, SearchOutlined } from "@ant-design/icons"
@@ -80,19 +80,43 @@ const CreateAd: React.FC = () => {
     const getSysAdcreative = useAjax((params) => getSysAdcreativeInfo(params))
     const createAdBatch = useAjax((params) => createAdBatchApi(params))
     const getTaskDetails = useAjax((params) => getTaskDetailsApi(params))
+    const getAdcreativeTemplate = useAjax((params) => get_adcreative_template(params))
     /*************************/
 
+    console.log('==========>', queryForm);
+
+
     /**数据回填 */
     useEffect(() => {
         let taskId = sessionStorage.getItem('TASKID')
         if (taskId) {
-            getTaskDetails.run(taskId).then(res => {
+            getTaskDetails.run(taskId).then(async res => {
                 console.log('res----->', res)
-                // setLaunchMode(1)
-                console.log('launchMode--->', launchMode);
-
                 const { adCreateLogs, campaignType, promotedObjectType, speedMode, sysAdgroup, sysAdgroupId, sysTargeting, sysTargetingId } = res
-                
+                let adcreativeTemplateId = adCreateLogs[0]?.sysAdcreative?.adcreativeTemplateId
+                let sysPageId = adCreateLogs[0]?.sysPageId
+                let pageId = adCreateLogs[0]?.pageId
+                let type: 1 | 2 = 1
+                if (sysPageId && pageId) {
+                    type = 1
+                } else if (sysPageId) {
+                    if (adCreateLogs?.every((item: { sysAdcreative: { adcreativeTemplateId: number }, sysPageId: number }) => item.sysAdcreative.adcreativeTemplateId === adcreativeTemplateId && (item.sysPageId === sysPageId))) {
+                        type = 2
+                    } else {
+                        type = 1
+                    }
+                } else {
+                    if (adCreateLogs?.every((item: { sysAdcreative: { adcreativeTemplateId: number }, pageId: number }) => item.sysAdcreative.adcreativeTemplateId === adcreativeTemplateId && item.pageId === pageId)) {
+                        type = 2
+                    } else {
+                        type = 1
+                    }
+                }
+                console.log('adcreativeTemplateId--->', adcreativeTemplateId, type);
+                // type = 1
+                setLaunchMode(type)
+
+
                 // 账号信息相关
                 let adCreateLogsData = adCreateLogs?.map((item: any) => {
                     return {
@@ -112,72 +136,141 @@ const CreateAd: React.FC = () => {
                 }).filter((item: any, index: number, self: any) => self.findIndex((i: any) => i.id == item.id) === index)
 
                 console.log('adCreateLogsData--->', adCreateLogsData);
-                
+
                 setAccountCreateLogs(adCreateLogsData)
 
-                if (launchMode === 1) {
 
-                } else {
+                /** 本地落地页处理 */
+                let pageList: any = []
+                /** 云端落地页 */
+                let adqPageList: any[] = []
+                let taskMediaMaps: any[] = []
+                const sorted = groupBy(adCreateLogs, (item) => [item.accountId])
+                let type2Data = {}
+                console.log('sorted---->', sorted);
 
-                }
-                return
-                
-                const sorted = groupBy(adCreateLogs, (item) => [item.sysAdcreativeId])
-                let taskMediaMaps = sorted[0]?.map((item: any) => {
-                    let pageElementsSpecList = item?.sysPage?.pageSpecsList[0]?.pageElementsSpecList // 内容区
-                    let globalSpec = item?.sysPage?.globalSpec  // 悬浮组件
-                    /** 处理客服 */
-                    let cropUserGroupMap: any[] = []
-                    if ((pageElementsSpecList as any[])?.some((item: { elementType: string }) => item?.elementType === 'ENTERPRISE_WX') || (globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList?.some((item: { floatButtonSpec: { elementType: string } }) => item?.floatButtonSpec?.elementType === 'ENTERPRISE_WX'))) {
-                        let groupList: { type: number, name: string, cropList: any[], cropId?: number, groupId?: number }[] = [];
-                        (pageElementsSpecList as any[])?.forEach((item: { elementType: string, enterpriseWxSpec: { btnTitle: string } }) => {
-                            if (item?.elementType === 'ENTERPRISE_WX') {
-                                groupList.push({ type: 1, name: '联系商家', cropList: [] }) // item.enterpriseWxSpec.btnTitle
-                            }
-                        })
-                        if ((globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList)) {
-                            groupList.push({ type: 2, name: '悬浮组件', cropList: [] })
+                if (type === 1) {
+                    pageList = sorted[0]?.map((item: any) => {
+                        if (item?.sysPageId) {
+                            return item.sysPage
+                        } else {
+                            return null
                         }
-                        cropUserGroupMap = sorted[0]?.map((item: any) => {
-                            let corpUserGroup1s = item?.corpUserGroup1s
-                            let corpUserGroup2s = item?.corpUserGroup2s
+                    })
+                    adqPageList = sorted[0]?.map((item: any) => {
+                        if (item?.pageId) {
                             return {
-                                adAccountId: item.accountId, id: item.adAccountId, data: groupList.map((crop: any, index: number) => {
-                                    return { ...crop, cropList: crop.type === 1 ? corpUserGroup1s[index] ? [{ ...corpUserGroup1s[index], id: corpUserGroup1s[index].groupId }] : [] : corpUserGroup2s[0] ? [{ ...corpUserGroup2s[0], id: corpUserGroup2s[0].groupId }] : [] }
-                                })
+                                pageList: [{ ...item.page, id: item.page.pageId }],
+                                adAccountId: item?.accountId,
+                                id: item?.adAccountId,
                             }
-
-                        })
-                    }
-                    let accountPageIdMap: any = {}
-                    adCreateLogs?.forEach((item: any) => {
-                        if (item?.pageId) {
-                            accountPageIdMap[item.accountId] = item?.pageId
+                        } else {
+                            return null
                         }
                     })
-                    return { sysAdcreative: item?.sysAdcreative, sysPageId: item?.sysPageId, cropUserGroupMap, accountPageIdMap }
-                })
+                    taskMediaMaps = sorted[0]?.map((item: any, index: number) => {
+                        let pageElementsSpecList = item?.sysPage?.pageSpecsList[0]?.pageElementsSpecList // 内容区
+                        let globalSpec = item?.sysPage?.globalSpec  // 悬浮组件
+                        /** 处理客服 */
+                        let cropUserGroupMap: any[] = []
+                        if ((pageElementsSpecList as any[])?.some((item: { elementType: string }) => item?.elementType === 'ENTERPRISE_WX') || (globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList?.some((item: { floatButtonSpec: { elementType: string } }) => item?.floatButtonSpec?.elementType === 'ENTERPRISE_WX'))) {
+                            let groupList: { type: number, name: string, cropList: any[], cropId?: number, groupId?: number }[] = [];
+                            (pageElementsSpecList as any[])?.forEach((item: { elementType: string, enterpriseWxSpec: { btnTitle: string } }) => {
+                                if (item?.elementType === 'ENTERPRISE_WX') {
+                                    groupList.push({ type: 1, name: '联系商家', cropList: [] }) // item.enterpriseWxSpec.btnTitle
+                                }
+                            })
+                            if ((globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList)) {
+                                groupList.push({ type: 2, name: '悬浮组件', cropList: [] })
+                            }
+                            cropUserGroupMap = groupBy(adCreateLogs, (item) => [item.sysAdcreativeId])[0]?.map((item: any) => {
+                                let corpUserGroup1s = item?.corpUserGroup1s
+                                let corpUserGroup2s = item?.corpUserGroup2s
+                                return {
+                                    adAccountId: item.accountId, id: item.adAccountId, data: groupList.map((crop: any, index: number) => {
+                                        return { ...crop, cropList: crop.type === 1 ? corpUserGroup1s[index] ? [{ ...corpUserGroup1s[index], id: corpUserGroup1s[index].groupId }] : [] : corpUserGroup2s[0] ? [{ ...corpUserGroup2s[0], id: corpUserGroup2s[0].groupId }] : [] }
+                                    })
+                                }
 
-                /** 云端落地页处理 */
-                let pageList = sorted?.map((item: any[]) => {
-                    if (item.some((item1: { sysPageId: number }) => item1.sysPageId)) {
-                        return item[0].sysPage
+                            })
+                        }
+                        // 落地页信息
+                        let accountPageIdMap: any = {}
+                        adCreateLogs?.forEach((item: any) => {
+                            if (item?.pageId) {
+                                accountPageIdMap[item.accountId] = item?.pageId
+                            }
+                        })
+                        return { sysAdcreative: item?.sysAdcreative, sysPageId: item?.sysPageId, cropUserGroupMap, accountPageIdMap }
+                    })
+                } else {
+                    let adCreateLog = adCreateLogs[0]
+                    if (adCreateLog?.sysPageId) {
+                        pageList = [adCreateLog?.sysPageId]
                     } else {
-                        return null
+                        pageList = [null]
                     }
-                })
-                let adqPageList = sorted?.map((item: any[]) => {
-                    if (item.some((item1: { pageId: number }) => item1.pageId)) {
-                        return item.map((item1: any) => ({
-                            pageList: [{ ...item1.page, id: item1.page.pageId }],
-                            adAccountId: item1?.accountId,
-                            id: item1?.adAccountId,
-                        }))
+                    if (adCreateLog?.pageId) {
+                        adqPageList = [{
+                            pageList: [{ ...adCreateLog.page, id: adCreateLog.page.pageId }],
+                            adAccountId: adCreateLog?.accountId,
+                            id: adCreateLog?.adAccountId,
+                        }]
                     } else {
-                        return null
+                        adqPageList = [null]
                     }
-                })
+                    let template = await getAdcreativeTemplate.run({ promotedObjectType, adcreativeTemplateId, siteSet: sysAdgroup.siteSet })
+                    console.log('template--->', template);
+                    // type2Data['textData'] = template[0]?.adcreativeElements?.filter((item: any) => item.name === 'title' || (item.required && item.name === 'description')).map((item: any) => ({ ...item, pupState }))
+                    type2Data['materialData'] = template[0]?.adcreativeElements?.filter((item: any) => item.required && item.name === 'image_list' || item.name === 'short_video1' || item.name === 'video' || item.name === 'image' || item.name === 'element_story').map((item: any) => {
+                        return {
+                            label: item.description === '图片' && res[0]?.adcreativeElements?.some((item: any) => item.name === 'video') ? '视频封面图' : item.description,
+                            name: item.name,
+                            restriction: item.restriction,
+                            arrayProperty: item?.arrayProperty
+                        }
+                    })
+                    taskMediaMaps = [sorted[0][0]].map(async (item: any) => {
+                        let pageElementsSpecList = item?.sysPage?.pageSpecsList[0]?.pageElementsSpecList // 内容区
+                        let globalSpec = item?.sysPage?.globalSpec  // 悬浮组件
+                        /** 处理客服 */
+                        let cropUserGroupMap: any[] = []
+                        if ((pageElementsSpecList as any[])?.some((item: { elementType: string }) => item?.elementType === 'ENTERPRISE_WX') || (globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList?.some((item: { floatButtonSpec: { elementType: string } }) => item?.floatButtonSpec?.elementType === 'ENTERPRISE_WX'))) {
+                            let groupList: { type: number, name: string, cropList: any[], cropId?: number, groupId?: number }[] = [];
+                            (pageElementsSpecList as any[])?.forEach((item: { elementType: string, enterpriseWxSpec: { btnTitle: string } }) => {
+                                if (item?.elementType === 'ENTERPRISE_WX') {
+                                    groupList.push({ type: 1, name: '联系商家', cropList: [] }) // item.enterpriseWxSpec.btnTitle
+                                }
+                            })
+                            if ((globalSpec?.globalElementsSpecList?.length > 0 && globalSpec?.globalElementsSpecList)) {
+                                groupList.push({ type: 2, name: '悬浮组件', cropList: [] })
+                            }
+                            cropUserGroupMap = groupBy(adCreateLogs, (item) => [item.sysAdcreativeId])[0]?.map((item: any) => {
+                                let corpUserGroup1s = item?.corpUserGroup1s
+                                let corpUserGroup2s = item?.corpUserGroup2s
+                                return {
+                                    adAccountId: item.accountId, id: item.adAccountId, data: groupList.map((crop: any, index: number) => {
+                                        return { ...crop, cropList: crop.type === 1 ? corpUserGroup1s[index] ? [{ ...corpUserGroup1s[index], id: corpUserGroup1s[index].groupId }] : [] : corpUserGroup2s[0] ? [{ ...corpUserGroup2s[0], id: corpUserGroup2s[0].groupId }] : [] }
+                                    })
+                                }
+
+                            })
+                        }
+                        // 落地页信息
+                        let accountPageIdMap: any = {}
+                        adCreateLogs?.forEach((item: any) => {
+                            if (item?.pageId) {
+                                accountPageIdMap[item.accountId] = item?.pageId
+                            }
+                        })
+                        return { sysAdcreative: item?.sysAdcreative, sysPageId: item?.sysPageId, cropUserGroupMap, accountPageIdMap }
+                    })
+                }
+
+
+                console.log('taskMediaMaps--->', taskMediaMaps);
 
+                // return
                 setQueryForm({
                     ...queryForm,
                     campaignType,
@@ -191,7 +284,7 @@ const CreateAd: React.FC = () => {
                     configuredStatus: sysAdgroup?.configuredStatus,
                     expandEnabled: sysAdgroup?.expandEnabled || false,
                     expandTargeting: sysAdgroup?.expandTargeting || [],
-                    taskMediaMaps: taskMediaMaps || [],
+                    // taskMediaMaps: taskMediaMaps || [],
                     pageList,
                     adqPageList
                 })
@@ -207,12 +300,6 @@ const CreateAd: React.FC = () => {
                 setAccountCreateLogs(accountCreateLogs)
             }
         }
-        // let adqAdData = localStorage.getItem('ADQAD')
-        // if (adqAdData) {
-        //     const { queryForm, accountCreateLogs } = JSON.parse(adqAdData)
-        //     setQueryForm({ ...queryForm })
-        //     setAccountCreateLogs(accountCreateLogs)
-        // }
     }, [])
     // 设置地域
     useEffect(() => {