.

src/components/businessMoudle/batchGdt/configArea/index.vue

@@ -71,14 +71,14 @@
                   </template>
                 </div>
                 <template v-if="sub.name == '创意素材'" :key="sub.chooseNum">
-                  {{cMaterial.list}}
-                  <template  v-for="cItem in cMaterial.list" :key="cItem.id">
+                  {{cMaterial.fData.list}}
+                  <template  v-for="cItem in cMaterial.fData.list" :key="cItem.id">
                     <div class="flex bMar8">
-                      <template v-for="cSub in cItem.list" :key="cSub.subId">
-                        <div class="flex" style="width: 100%;justify-content: center" v-if="cMaterial.haveCoverOrVideo == 2 || cMaterial.haveCoverOrVideo == 1">
+                      <template v-for="cSub in cItem.list" :key="cItem.id+cSub.subId">
+                        <div class="flex" style="width: 100%;justify-content: center" v-if="cMaterial.fData.haveCoverOrVideo == 2 || cMaterial.fData.haveCoverOrVideo == 1">
                           <video :src="cSub.videoUrl" height="50"></video>
                         </div>
-                        <div style="width: 100%;justify-content: center" class="lMar10 flex" v-if="cMaterial.haveCoverOrVideo == 3 || cMaterial.haveCoverOrVideo == 1">
+                        <div style="width: 100%;justify-content: center" class="lMar10 flex" v-if="cMaterial.fData.haveCoverOrVideo == 3 || cMaterial.fData.haveCoverOrVideo == 1">
                           <img :src="cSub.picUrl" height="50"/>
                         </div>
                       </template>
@@ -114,13 +114,13 @@
   <RuleConfig ref="RuleConfigRef" @ExposeEvent="val=>pageInfo.RuleConfigObj = val"></RuleConfig>
   <!--  创意素材-->
   <CreativeMaterial ref="CreativeMaterialRef"
-                    :haveCoverOrVideo="cMaterial.haveCoverOrVideo"
-                    :haveShowVideoObj = "cMaterial.haveShowVideoObj"
-                    :video_tips="cMaterial.video_tips"
-                    :image_tips="cMaterial.image_tips"
+                    :haveCoverOrVideo="cMaterial.fData.haveCoverOrVideo"
+                    :haveShowVideoObj = "cMaterial.fData.haveShowVideoObj"
+                    :video_tips="cMaterial.fData.video_tips"
+                    :image_tips="cMaterial.fData.image_tips"
                     @closeLoading="close_reuse_loading"
                     :max_creative_num="pageInfo.RuleConfigObj?.adcreative_max || 0"
-                    :maxNum_imageList="cMaterial.array_property?.max_number || 1"
+                    :maxNum_imageList="cMaterial.fData.array_property?.max_number || 1"
                     @assignEvent="assignEvent_CreativeMaterial"></CreativeMaterial>
 
 
@@ -428,9 +428,9 @@ const get_ruleConfig_info = async () => {
 }
 
 //监听创意素材点击了确定
-watch(()=>cMaterial.key,()=>{
-  cMaterial.list = _.cloneDeep(cMaterial.list_copy)
-  let num = cMaterial.list&&cMaterial.list.length
+watch(()=>cMaterial.fData.key,()=>{
+  cMaterial.fData.list = _.cloneDeep(cMaterial.fData.list_copy)
+  let num = cMaterial.fData.list&&cMaterial.fData.list.length
   updateHaveContent(6,num)
 })
 
@@ -469,9 +469,9 @@ const openDialogEvent = async (sub:any) => {
 
   if(sub.name == '创意素材'){
     await get_cover_info()
-    console.log('打开之前CreativeMaterialRef',cMaterial.list);
-    CreativeMaterialRef.value?.switchShow(true,sub.haveContent,cMaterial.list,cMaterial.testNew_text)
-    console.log(cMaterial.array_property);
+    console.log('打开之前CreativeMaterialRef',cMaterial.fData.list);
+    CreativeMaterialRef.value?.switchShow(true,sub.haveContent,cMaterial.fData.list,cMaterial.fData.testNew_text)
+    console.log(cMaterial.fData.array_property);
   }
   if(sub.name == '创意文案' && CopywriterRef.value){
     CopywriterRef.value[0]?.initFun(true)

src/components/businessMoudle/batchGdt/configArea/ts/judgeEvent.ts

@@ -47,7 +47,7 @@ function handleJudge({
       return false
     }
     if (id == 6) return true;//创意素材 不用判断定向包是否填写
-    if (!cMaterial.resResult || cMaterial.resResult.length == 0) {
+    if (!cMaterial.fData.resResult || cMaterial.fData.resResult.length == 0) {
       !msgFlag && ElMessage.warning('请选择创意素材！')
       return false
     }

src/components/businessMoudle/batchGdt/configArea/ts/material.ts

@@ -9,21 +9,23 @@ export function materialDeclare() {
     clearAllEvent: () => void, creatice_reuseEvent: () => void, deleAcEvent: (arr: any, haveAssign: boolean) => void
   }>()
   const cMaterial = reactive<reactiveTableAndAny>({
-    list: [],
-    list_copy: [],
-    key: 1,
-    haveCoverOrVideo: 1, // 1:视频和图片  2：视频  3：图片
-    video_tips: {},
-    image_tips: {},
-    array_property: {},//image_list 时图片个数限制 max_number min_number
-    resResult: [],//提审后台需要的值
-    haveShowVideoObj: {
-      show: false, // 是否展示视频号
-      name: '',
-      val: false,// 视频号是否开启
-    },
-    imgOrVideoInfo: {},//视频或者图片需要的数据详情
-    testNew_text:''
+    fData:{
+      list: [],
+      list_copy: [],
+      key: 1,
+      haveCoverOrVideo: 1, // 1:视频和图片  2：视频  3：图片
+      video_tips: {},
+      image_tips: {},
+      array_property: {},//image_list 时图片个数限制 max_number min_number
+      resResult: [],//提审后台需要的值
+      haveShowVideoObj: {
+        show: false, // 是否展示视频号
+        name: '',
+        val: false,// 视频号是否开启
+      },
+      imgOrVideoInfo: {},//视频或者图片需要的数据详情
+      testNew_text:''
+    }
   })
   return {
     CreativeMaterialRef,
@@ -44,7 +46,7 @@ export function handleMultiple({
     console.log('resResultresResult', resResult)
     resResult.forEach(main => {
       if (!main) return;//跳出本次循环
-      let itemObj: any = _.cloneDeep(cMaterial.imgOrVideoInfo)
+      let itemObj: any = _.cloneDeep(cMaterial.fData.imgOrVideoInfo)
       let imageArr: any = []
       let self_info_arr:any = []
       let obj: any = {}
@@ -55,7 +57,7 @@ export function handleMultiple({
         self_info_arr.push(item.self_info)
         for (let i in item) {
           if (item[i]?.material_res) {
-            if (cMaterial.haveCoverOrVideo == 1) {//视频和图片
+            if (cMaterial.fData.haveCoverOrVideo == 1) {//视频和图片
               if (item[i]?.material_res?.video_id) {
                 setValueInNestedObject(itemObj, 'video_id', item[i].material_res.video_id);
                 setValueInNestedObject(itemObj, 'self_video_count', 1);
@@ -64,17 +66,17 @@ export function handleMultiple({
                 setValueInNestedObject(itemObj, 'image_id', item[i].material_res.cover.image_id);
                 setValueInNestedObject(itemObj, 'self_image_count', 1);
               }
-              if (cMaterial.haveShowVideoObj.show && cMaterial.haveShowVideoObj.name) {
-                itemObj[cMaterial.haveShowVideoObj.name] = cMaterial.haveShowVideoObj.val
+              if (cMaterial.fData.haveShowVideoObj.show && cMaterial.fData.haveShowVideoObj.name) {
+                itemObj[cMaterial.fData.haveShowVideoObj.name] = cMaterial.fData.haveShowVideoObj.val
               }
             }
-            if (cMaterial.haveCoverOrVideo == 2) {//视频
+            if (cMaterial.fData.haveCoverOrVideo == 2) {//视频
               if (item[i]?.material_res?.video_id) {
                 setValueInNestedObject(itemObj, 'video_id', item[i].material_res.video_id);
                 setValueInNestedObject(itemObj, 'self_video_count', 1);
               }
             }
-            if (cMaterial.haveCoverOrVideo == 3) {//图片
+            if (cMaterial.fData.haveCoverOrVideo == 3) {//图片
               if (itemObj.image && item[i]?.material_res?.image_id) {
                 setValueInNestedObject(itemObj, 'image_id', item[i].material_res.cover.image_id);
                 setValueInNestedObject(itemObj, 'self_image_count', 1);
@@ -98,8 +100,8 @@ export function handleMultiple({
   }
   //创意素材值回显
   const assignEvent_CreativeMaterial = async (val: any, videoOnPuse?: any) => {
-    cMaterial.list_copy = _.cloneDeep(val)
-    cMaterial.haveShowVideoObj.val = videoOnPuse
+    cMaterial.fData.list_copy = _.cloneDeep(val)
+    cMaterial.fData.haveShowVideoObj.val = videoOnPuse
     console.log('val', val)
     //所有素材列表,此时的素材个数已是正确的
     let cMaterial_resResult_list: any = []
@@ -146,9 +148,9 @@ export function handleMultiple({
       })
     })
 
-    cMaterial.key++
-    cMaterial.resResult = arr_
-    console.log('cMaterial.resResult', cMaterial.resResult);
+    cMaterial.fData.key++
+    cMaterial.fData.resResult = arr_
+    console.log('cMaterial.fData.resResult', cMaterial.fData.resResult);
     await computeCount()
     if (val && val.length > 0) {
       close_reuse_loading()
@@ -159,56 +161,56 @@ export function handleMultiple({
   const get_cover_info = () => {
     console.log('创意基本信息originalityBasicInfoData', originalityBasicInfoData)
     let obj: any = originalityBasicInfoData?.apiResult?.adTemplateItem?.adcreative_elements
-    cMaterial.testNew_text = originalityBasicInfoData?.apiResult?.adTemplateItem?.adcreative_template_appellation
+    cMaterial.fData.testNew_text = originalityBasicInfoData?.apiResult?.adTemplateItem?.adcreative_template_appellation
     if (obj?.finder_object_visibility?.name) { // 是否展示视频号
-      cMaterial.haveShowVideoObj.show = true
-      cMaterial.haveShowVideoObj.name = obj.finder_object_visibility.name
+      cMaterial.fData.haveShowVideoObj.show = true
+      cMaterial.fData.haveShowVideoObj.name = obj.finder_object_visibility.name
     } else {
-      cMaterial.haveShowVideoObj.show = false
+      cMaterial.fData.haveShowVideoObj.show = false
     }
 
-    for (let key in cMaterial.imgOrVideoInfo) {//清空数据
-      delete cMaterial.imgOrVideoInfo[key]
+    for (let key in cMaterial.fData.imgOrVideoInfo) {//清空数据
+      delete cMaterial.fData.imgOrVideoInfo[key]
     }
     //获取数据
     let situationArr: { type: string, _tips: any }[] = []
-    cMaterial.array_property = {}
+    cMaterial.fData.array_property = {}
     if (obj.video) {
       situationArr.push({
         type: 'video',
         _tips: obj?.video?.restriction?.video_restriction
       })
-      cMaterial.imgOrVideoInfo['video'] = 'video_id'
+      cMaterial.fData.imgOrVideoInfo['video'] = 'video_id'
     }
     if (obj.image) {
       situationArr.push({
         type: 'image',
         _tips: obj?.image?.restriction?.image_restriction
       })
-      cMaterial.imgOrVideoInfo['image'] = 'image_id'
+      cMaterial.fData.imgOrVideoInfo['image'] = 'image_id'
     }
     if (obj.short_video_struct && obj.short_video_struct.child) {
-      cMaterial.imgOrVideoInfo['short_video_struct'] = {}
+      cMaterial.fData.imgOrVideoInfo['short_video_struct'] = {}
       if (obj.short_video_struct.child.short_video1) {
         situationArr.push({
           type: 'video',
           _tips: obj?.short_video_struct?.child?.short_video1?.restriction?.video_restriction
         })
-        cMaterial.imgOrVideoInfo['short_video_struct']['short_video1'] = 'video_id'
+        cMaterial.fData.imgOrVideoInfo['short_video_struct']['short_video1'] = 'video_id'
       }
       if (obj.short_video_struct.child.short_video2) {
         situationArr.push({
           type: 'video',
           _tips: obj?.short_video_struct?.child?.short_video2?.restriction?.video_restriction
         })
-        cMaterial.imgOrVideoInfo['short_video_struct']['short_video2'] = 'video_id'
+        cMaterial.fData.imgOrVideoInfo['short_video_struct']['short_video2'] = 'video_id'
       }
       if (obj.short_video_struct.child.video_cover_img_id) {
         situationArr.push({
           type: 'image',
           _tips: obj?.short_video_struct?.child?.video_cover_img_id?.restriction?.image_restriction
         })
-        cMaterial.imgOrVideoInfo['short_video_struct']['video_cover_img_id'] = 'image_id'
+        cMaterial.fData.imgOrVideoInfo['short_video_struct']['video_cover_img_id'] = 'image_id'
       }
     }
     if (obj.image_list) {
@@ -216,31 +218,31 @@ export function handleMultiple({
         type: 'image_list',
         _tips: obj?.image_list?.restriction?.image_restriction
       })
-      cMaterial.array_property = obj?.image_list?.array_property;
-      cMaterial.imgOrVideoInfo['image_list'] = 'image_list'
+      cMaterial.fData.array_property = obj?.image_list?.array_property;
+      cMaterial.fData.imgOrVideoInfo['image_list'] = 'image_list'
     }
-    cMaterial.imgOrVideoInfo['self_image_count'] = 'self_image_count'
-    cMaterial.imgOrVideoInfo['self_video_count'] = 'self_video_count'
+    cMaterial.fData.imgOrVideoInfo['self_image_count'] = 'self_image_count'
+    cMaterial.fData.imgOrVideoInfo['self_video_count'] = 'self_video_count'
     // 留口子 现在逻辑是image video image_list不共存 暂未发现共存的情况
     situationArr.forEach((item) => {
       if (item.type == 'video') {
-        cMaterial.video_tips = item._tips
+        cMaterial.fData.video_tips = item._tips
       }
       if (item.type == 'image' || item.type == 'image_list') {
-        cMaterial.image_tips = item._tips
+        cMaterial.fData.image_tips = item._tips
       }
     })
     let transit_arr = situationArr.map((v) => v.type)
     if (transit_arr.includes('image') && transit_arr.includes('video')) {
-      cMaterial.haveCoverOrVideo = 1
+      cMaterial.fData.haveCoverOrVideo = 1
     } else if (transit_arr.includes('video')) {
-      cMaterial.haveCoverOrVideo = 2
+      cMaterial.fData.haveCoverOrVideo = 2
     } else if (transit_arr.includes('image')) {
-      cMaterial.haveCoverOrVideo = 3
+      cMaterial.fData.haveCoverOrVideo = 3
     } else if (transit_arr.includes('image_list')) {
-      cMaterial.haveCoverOrVideo = 3
+      cMaterial.fData.haveCoverOrVideo = 3
     }
-    console.log(situationArr, '===cMaterial.haveCoverOrVideo ==>', cMaterial.haveCoverOrVideo)
+    console.log(situationArr, '===cMaterial.fData.haveCoverOrVideo ==>', cMaterial.fData.haveCoverOrVideo)
   }
 
   //关闭复用loading和弹框

src/components/businessMoudle/batchGdt/configArea/ts/preview.ts

@@ -12,7 +12,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
     console.log('cMaterial', cMaterial)
     console.log('basicInfoData_cr', basicInfoData_cr)
     // console.log('定向包：', pageInfo.directObj)
-    // console.log('创意素材：', cMaterial.resResult)
+    // console.log('创意素材：', cMaterial.fData.resResult)
     // console.log('创意文案：', pageInfo.copywriterInfoData.data)
     // console.log('落地页：', pageInfo.copyLandPageInfoData)
     // console.log('规则配置：', pageInfo.RuleConfigObj)
@@ -56,7 +56,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
       let item = ad_show_list[index]
       for (let v_index = 0; v_index < item.chooseList.length; v_index++) {
         let v_item = item.chooseList[v_index]
-        cMaterial.resResult.forEach((main2) => {
+        cMaterial.fData.resResult.forEach((main2) => {
           if (item.id == main2.account_id) {
             let ad_list: any = _.cloneDeep(ad_show_list_scyc[index].chooseList[v_index].ad_list);
             let common_obj = {
@@ -168,7 +168,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
     })
     //落地页 - 自动分配
     if (pageInfo.copyLandPageInfoData.data && JSON.stringify(pageInfo.copyLandPageInfoData.data) != "{}") {
-      if (pageInfo.copyLandPageInfoData.allocation_type == 1) {//自动分配 //根据落地页分配规则 代码最后进行分配  
+      if (pageInfo.copyLandPageInfoData.allocation_type == 1) {//自动分配 //根据落地页分配规则 代码最后进行分配
         last_ad_show_list.forEach((item) => {
           let index_count = 0;
           item.chooseList.forEach((v, v_index) => {
@@ -187,7 +187,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
                       ad_v.adcreatives_info['link_page_spec']['mini_program_spec']['mini_program_path'] = pageInfo.copyLandPageInfoData.data[i][0].applink
                     }
                   }
-                  
+
                   if (pageInfo.copyLandPageInfoData.loadPageRule == 2) {
                     ad_v.adcreatives_info['page_spec']['mini_program_spec']['mini_program_id'] = pageInfo.copyLandPageInfoData.data[i][v_index].appid
                     ad_v.adcreatives_info['page_spec']['mini_program_spec']['mini_program_path'] = pageInfo.copyLandPageInfoData.data[i][v_index].applink
@@ -203,7 +203,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
                     ad_v.adcreatives_info['page_spec']['mini_program_spec']['mini_program_id'] = pageInfo.copyLandPageInfoData.data[i][index_count].appid
                     ad_v.adcreatives_info['page_spec']['mini_program_spec']['mini_program_path'] = pageInfo.copyLandPageInfoData.data[i][index_count].applink
                     ad_v.adcreatives_info['page_spec']['page_name'] = pageInfo.copyLandPageInfoData.data[i][index_count].appname
-                    
+
                     if(ad_v.adcreatives_info.link_page_spec && ad_v.adcreatives_info.link_page_spec.mini_program_spec) {
                       ad_v.adcreatives_info['link_page_spec']['mini_program_spec']['mini_program_id'] = pageInfo.copyLandPageInfoData.data[i][index_count].appid
                       ad_v.adcreatives_info['link_page_spec']['mini_program_spec']['mini_program_path'] = pageInfo.copyLandPageInfoData.data[i][index_count].applink
@@ -218,7 +218,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
         });
       }
     }
-    /** 
+    /**
      * 1、设置 计划名、广告名、素材名
      * 2、外部配置 - 视频号配置
      **/
@@ -280,7 +280,7 @@ export const previewCompute = (pageInfo, cMaterial, basicInfoData_cr,) => {
         plan_count++
       }
     });
-    
+
     resolve({
       acc_plan_ad_count,
       num_total: {
@@ -353,4 +353,4 @@ const getBidAmount = (ad_count, ad_total, type) => {
     }
     return last_num
   }
-}
+}