视频号-未完成

src/components/businessMoudle/batchGdt/configArea/basicInfo/ts/basicApi.ts

@@ -107,4 +107,17 @@ export async function unionPositionPackagesGet(params: {account_id: string, type
   } else {
     return []
   }
+}
+
+/** 获取推广目标列表(视频号)*/
+export function adcreativesGetObjects(params: {account_ids: string[], promoted_object_type: string}) {
+  return new Promise(async (resolve,reject)=>{
+    const res: any = await http.get('/api/adcreatives/getObjects',params)
+    if (res.errNo == 0) {
+      resolve(res.rst)
+    } else {
+      reject()
+      ElMessage.warning(res.errMsg)
+    }
+  })
 }

src/components/businessMoudle/batchGdt/configArea/basicInfo/weChatVideoAccount.vue

@@ -0,0 +1,262 @@
+<template>
+  <el-dialog class="gdt-dialog" v-model="dialogVisible" :destroy-on-close="true" key="weChatVideoAccountDialog" title="选择视频号" width="1000px" top="40px"
+    :before-close="handleClose">
+    <div class="flex marT15">
+      <el-icon color="#ff9b48"><WarningFilled /></el-icon>
+      <p class="f13 c-555 lMar5">视频号需要提前在投放管理平台（路径：工具-微信生态授权管理）进行授权绑定，完成后可以通过刷新重新获取新授权的视频号。</p>
+    </div>
+    <div class="flex marT15">
+        <label class="form-block-item-title">视频号分配规则</label>
+        <el-radio-group v-model="rule" size="default" @change="ruleChange">
+          <template v-for="item in ruleList">
+            <el-radio-button :label="item.id">{{ item.name }}</el-radio-button>
+          </template>
+        </el-radio-group>
+        <el-tooltip placement="right" effect="light">
+          <template #content><span v-html="ruleTooltip"></span></template>
+          <span><el-icon class="questionFilled lMar5">
+              <QuestionFilled />
+            </el-icon></span>
+        </el-tooltip>
+        <!-- <div class="num_pre" v-if="multiCopyTesting == 0">
+          <span>账户数：</span><span class="num">{{ count_info?.accNum || 0 }}，</span>
+          <span>计划数：</span><span class="num">{{ count_info?.planNum || 0 }}，</span>
+          <span>广告数：</span><span class="num">{{ count_info?.adNum || 0 }}；</span>
+        </div> -->
+      </div>
+
+    <div class="container tabelListBox" v-loading="loading">
+      <div class="ids">
+        <div class="accItem" v-for="(item, idx) in accIdsList" :key="item.id" :class="item.id == accId ? 'active' : ''"
+          @click="accItemEvent(item)">
+          {{ item.name || '-' }}
+          <el-icon :size="14" :color="item.id == accId ? '#197afb' : '#606266'" class="lMarauto">
+            <CircleCheck v-if="params[item.id] && params[item.id] != ''" />
+            <i-ep-ArrowRight v-else />
+          </el-icon>
+        </div>
+      </div>
+      <div class="tabelCon">
+        <div class="listCon rMar10">
+          <div class="flex_between operate">
+            <div class="flex f13 c-333">
+              <span class="rMar15">计划数：2</span>
+              <span>广告数：2</span>
+            </div>
+            <div class="f13 c-theme flex"><el-icon class="rMar5"><Refresh /></el-icon> 刷新</div>
+          </div>
+          <div class="infoTitle">视频号名称</div>
+          <div class="infoBlock">
+            <div class="empty-block" v-if="!tableDataAll || !tableDataAll[accId] || !tableDataAll[accId]?.list || tableDataAll[accId]?.list.length == 0">
+              <img src="@/assets/img/mobgi_ic_addata_nodata.png">
+              <p class="empty-description">暂无数据</p>
+            </div>
+            <el-checkbox-group v-else v-model="checkValue" @change="checkboxChange">
+              <el-checkbox :label="item.promoted_object_id" v-for="item in tableDataAll[accId]?.list">{{ item.promoted_object_name }}</el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+        <div class="selectedList">
+          <div class="flex_between operate">
+            <div class="f13 c-333">已选：1/1</div>
+            <div class="f13 c-theme flex"><el-icon class="rMar5"><RefreshRight /></el-icon> 清空</div>
+          </div>
+          <div class="infoTitle">视频号</div>
+          <div class="infoBlock">
+            <div class="okInfo f13" v-for="item in params[accId]"><span>{{ item.promoted_object_name }}</span><el-icon color="#666"><CloseBold /></el-icon></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="handleClose"> 取 消 </el-button>
+          <el-button type="primary" @click="submitEvent"> 确 定 </el-button>
+        </span>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { reactive, ref, watch } from 'vue';
+import { adcreativesGetObjects } from './ts/basicApi'
+import { ElMessage } from "element-plus";
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  accIdsList: {
+    type: Array<{ id: string, name: string }>,
+    default: () => []
+  },
+  fillback: {
+    type: Object,
+  },
+ 
+})
+const emit = defineEmits<{
+  (event: "close", val?: any): void;
+}>();
+const accId = ref('')
+const loading = ref(false)
+const dialogVisible = ref(props.visible)
+const params = reactive({})
+const tableDataAll = ref([])
+const checkValue = ref<string[]>([])
+const maxCheckCount = ref(1)
+const rule = ref(1)
+
+const ruleList = ref<any[]>([
+  { id: 1, name: '按账户分配' },
+  { id: 2, name: '按计划分配' },
+  { id: 3, name: '按广告分配' },
+])
+const ruleTooltip = `可选视频号数量根据分配规则制定：<br/>- 按账户分配：一个账户内广告使用同一个视频号<br/>- 按计划分配：一个计划内广告使用同一个视频号<br/>- 按广告分配：一个广告一个视频号`
+/**关闭弹框 */
+const handleClose = () => {
+  emit('close')
+}
+/**点击媒体账户 */
+const accItemEvent = (item) => {
+  accId.value = item?.id;
+  checkValue.value = params[accId.value].map((v)=>{v.promoted_object_id})
+}
+/**多选变化 */
+const checkboxChange = (val) => {
+  if (val.length > maxCheckCount.value) {
+    // 如果超过最大选择数，取消最后一个选中的复选框
+    const lastSelectedValue = val[val.length - 1];
+    checkValue.value = checkValue.value.filter(
+      (value) => value !== lastSelectedValue
+    );
+  }
+  params[accId.value] = tableDataAll.value[accId.value].list.reduce((total, value)=>{
+    if(checkValue.value.includes(value.promoted_object_id)){
+      return total.concat(value)
+    }
+  },[])
+}
+/**获取视频号列表 */
+const getInit = () => {
+  return new Promise((resolve) => {
+    loading.value = true;
+    adcreativesGetObjects({ 'account_ids': props.accIdsList.map((v)=>v.id), promoted_object_type: 'PROMOTED_OBJECT_TYPE_WECHAT_CHANNELS'}).then((res:any) => {
+      tableDataAll.value = res;
+      loading.value = false;
+      resolve(res)
+    }).catch(() => {
+      loading.value = false;
+    })
+  })
+}
+/**确定提交 */
+const submitEvent = () => {
+  for(let i = 0; i < props.accIdsList?.length; i++){
+    let key = props.accIdsList[i].id;
+    if(!params[key] || params[key] == '' || params[key].length < maxCheckCount.value){
+      ElMessage.warning(`账户${key}，应选择${maxCheckCount.value}个转化，当前只选择1个`)
+      return
+    }
+  }
+  let obj = {};
+  for (let i in params) {
+    if (params[i] && params[i] != '') {
+      obj[i] = params[i]
+    }
+  }
+  emit('close', {
+    type: 'submit',
+    val: Object.keys(obj)?.length == 0 ? null : obj
+  })
+}
+
+
+/**分配规则 */
+const ruleChange = () => {
+
+}
+/**弹框显隐监听 */
+watch(
+  () => props.visible,
+  async (newValue, oldValue) => {
+    dialogVisible.value = newValue
+    if (newValue) {
+      if(props.accIdsList.length == 0 ){return}
+      props.accIdsList.forEach((item)=>{
+        params[item.id] = []
+      })
+      await getInit()
+      let side_init = props.accIdsList.map((v)=>{return v.id}).includes(accId.value) ? {id: accId.value} : props.accIdsList[0]; //如果侧边栏初始值不存在，则默认第一个为初始点击
+      accItemEvent(side_init)
+    }
+  }, { immediate: true })
+</script>
+<style lang="scss" scoped>
+@import "@/assets/style/batchDialogGdt.scss";
+@import './outer.scss';
+
+.tabelListBox {
+  margin-top: 15px;
+  height: 62vh !important;
+  padding-left: 0 !important;
+}
+
+.tabelCon{
+  display: flex;
+  padding: 10px;
+}
+.selectedList,.listCon{
+  box-sizing: border-box;
+  border: 1px solid #e8eaec;
+  border-radius: 4px;
+}
+.selectedList{
+  width: 200px;
+}
+.listCon{
+  flex: 1;
+}
+.operate{
+    height: 48px;
+    padding: 0 8px;
+    border-bottom: 1px solid #dcdfe6;
+  }
+  .infoTitle{
+    box-sizing: border-box;
+    display: flex;
+    padding-right: 10px;
+    padding-left: 10px;
+    line-height: 30px;
+    background-color: #f8f9fd;
+    border-bottom: 1px solid #dcdfe6;
+    font-size: 14px;
+    color: #333;
+  }
+  .infoBlock{
+    height: 47vh;
+    overflow: auto;
+    padding: 10px;
+    .okInfo{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      line-height: 32px;
+      color: #444;
+    }
+  }
+  .empty-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-top: 70px;
+
+  .empty-description {
+    margin-top: 25px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    color: #808695;
+  }
+}
+</style>

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

@@ -131,6 +131,8 @@
   <ExpandPopulation :visible="basicInfoData.outerConfig.targetingPartyData.visible" :accIdsList="pageInfo.accIdsList" :fillback="basicInfoData.outerConfig['targetingPartyData'].value" @close="(obj)=>{basicOuterClose({val: obj?.val || null, type: obj?.type || null, key:'targetingPartyData'})}" title="一方数据助攻"></ExpandPopulation>
   <!-- 精准匹配归因 -->
   <AttributionOuter :visible="basicInfoData.outerConfig.attributionOuter.visible" :accIdsList="pageInfo.accIdsList" :fillback="basicInfoData.outerConfig['attributionOuter'].value" @close="(obj)=>{basicOuterClose({val: obj?.val || null, type: obj?.type || null , key:'attributionOuter'})}"></AttributionOuter>
+  <!-- 配置视频号 -->
+  <WeChatVideoAccount :visible="basicInfoData.outerConfig.weChatVideoAccount.visible" :accIdsList="pageInfo.accIdsList" :fillback="basicInfoData.outerConfig['weChatVideoAccount'].value" @close="(obj)=>{basicOuterClose({val: obj?.val || null, type: obj?.type || null , key:'weChatVideoAccount'})}"></WeChatVideoAccount>
   <!-- 优量汇流量包 -->
   <UnionPosition :visible="basicInfoData.outerConfig.unionPosition.visible" :accIdsList="pageInfo.accIdsList" :infoSelect="basicInfoData.outerConfig.unionPosition.infoSelect" :fillback="basicInfoData.outerConfig['unionPosition'].value"  @close="(obj)=>{basicOuterClose({val: obj?.val || null, type: obj?.type || null , key:'unionPosition'})}"></UnionPosition>
   <!-- 复用配置 -->
@@ -150,16 +152,17 @@ import {ElMessage} from "element-plus";
 import BasicInfo from "./basicInfo/index.vue";
 import ExpandPopulation from './basicInfo/expandPopulation.vue'
 import AttributionOuter from './basicInfo/attributionOuter.vue'
+import WeChatVideoAccount from './basicInfo/weChatVideoAccount.vue'
 import UnionPosition from './basicInfo/unionPosition.vue'
 import OriginalityBasic from './originalityBasic/index.vue'
 import Copywriter from './copywriter/index.vue'
 import LandPage from "./landPage/index.vue";
-import { getAdPresets, getPromotedObjectType } from './basicInfo/ts/basicApi'
-import { FillBackData } from './basicInfo/ts/fillBack'
+import { getPromotedObjectType } from './basicInfo/ts/basicApi'
 import _ from "lodash";
 import { previewCompute } from './ts/preview'
-import { getDay } from '@/common/common'
-import handleMultiple from './ts/material'
+import { materialDeclare, handleMultiple } from './ts/material'
+import { basicInfoDeclare, handleAdBasic} from './ts/adBasic'
+import handleJudge from './ts/judgeEvent'
 const { proxy } = getCurrentInstance() as any;
 // 全局方法定义
 const NumberHandle = proxy.$NumberHandle
@@ -167,6 +170,16 @@ const emit = defineEmits<{
   (event: "openPreEvent", val: boolean,arr:any): void; //打开预览区
 }>();
 
+// S 参数声明
+const {
+  basicInfoData
+} = basicInfoDeclare()
+const {
+  CreativeMaterialRef,
+  cMaterial
+} = materialDeclare()
+// E 参数声明
+
 const openPreAreaLoading = ref(false)
 const targetRef = ref<{value:any}>()
 const originalityBasicRef = ref()
@@ -208,49 +221,6 @@ const pageInfo = reactive<reactiveTableAndAny>({
   },
 })
 
-
-//广告基本信息
-const basicInfoData = reactive<any>({
-  visible:false,
-  copywriting:[],
-  fillBack: {},
-  outerConfig: { //外层配置
-    attributionOuter: {
-      enabled: false,
-      visible:false,
-      optional: false,
-      isComplete: false, // 是否完成填写
-      name: '精准匹配归因',
-      value: {},
-    },
-    unionPosition: {
-      enabled: false,
-      visible:false,
-      optional: false,
-      isComplete: false, // 是否完成填写
-      infoSelect: [],//流量包type
-      name: '优量汇流量包',
-      value: {},
-    },
-    expandPopulation: {
-      enabled: false, //是否需要配置
-      visible:false, //对应弹框显隐
-      optional: true, //选填
-      isComplete: false, // 是否完成填写
-      name: '扩量种子人群(选填)',
-      value: {},
-    },
-    targetingPartyData: {
-      enabled: false, //是否需要配置
-      visible:false,
-      optional: true,
-      isComplete: false, // 是否完成填写
-      name: '一方数据助攻(选填)',
-      value: {},
-    },
-
-  }
-})
 //创意基本信息
 const originalityBasicInfoData = reactive<any>({
   positionKey: 0,//广告基本信息版位变化+1
@@ -447,19 +417,6 @@ const get_ruleConfig_info = async () => {
   }
 }
 
-
-
-// S 创意素材
-const {
-  CreativeMaterialRef,
-  cMaterial,
-  assignEvent_CreativeMaterial,
-  get_cover_info,
-  close_reuse_loading
-} = handleMultiple({originalityBasicInfoData, ResuseConfigRef, 'computeCount': () => { computeCount() }})
-// E 创意素材
-
-
 //监听创意素材点击了确定
 watch(()=>cMaterial.key,()=>{
   cMaterial.list = _.cloneDeep(cMaterial.list_copy)
@@ -511,101 +468,7 @@ const openDialogEvent = async (sub:any) => {
     LandPageRef.value[0]?.initFun(true, pageInfo.num_total, pageInfo.last_ad_show_list)
   }
 }
-/**每个模块判断是否可以点击添加 id:模块ID*/
-const judgeEvent = (id, msgFlag?) => {
-  if(pageInfo.accIdsList && pageInfo.accIdsList.length<=0){
-    !msgFlag && ElMessage.error('请选择媒体账户!')
-    return false
-  }
-  if(!pageInfo.targetValue || pageInfo.targetValue == ''){
-    !msgFlag && ElMessage.error('请选择推广目标!')
-    return false
-  }
 
-  if(id == 2) return true;//广告基本信息
-  if(!basicInfoData.fillBack || basicInfoData.fillBack == '' || JSON.stringify(basicInfoData.fillBack) == '{}'){
-    !msgFlag && ElMessage.warning('请完善广告基本信息！')
-    return false
-  }
-  if(id == 3) return true;//定向包
-  if(id == 5) return true;//创意基本信息
-
-
-  if(id != 6 ){
-    if((!pageInfo.directObj || pageInfo.directObj == '' || JSON.stringify(pageInfo.directObj) == '{}' || !pageInfo.directObj?.chooseList)){
-      !msgFlag && ElMessage.warning('请选择定向包！')
-      return false
-    }
-    for(let i = 0; i < pageInfo.directObj?.chooseList.length; i++) {
-      let item = pageInfo.directObj?.chooseList[i].chooseList
-      if(!item || item.length == 0){
-        !msgFlag && ElMessage.warning('请选择定向包！')
-        return false
-      }
-    }
-  }
-  if(id == -2) return true; //外部配置，需要定向包配置完成
-  if(!originalityBasicInfoData.params || originalityBasicInfoData.params == '' || originalityBasicInfoData.params.length <= 0){
-    !msgFlag && ElMessage.warning('完善创意基本信息！')
-    return false
-  }
-  if(id == 6) return true;//创意素材 不用判断定向包是否填写
-  if(!cMaterial.resResult || cMaterial.resResult.length == 0){
-    !msgFlag && ElMessage.warning('请选择创意素材！')
-    return false
-  }
-  if(id == 7) {//创意文案
-    if( !originalityBasicInfoData.apiResult?.adTemplateItem?.adcreative_elements?.description ){
-      !msgFlag && ElMessage.warning('此创意形式下不可使用创意文案！')
-      return false
-    } else{
-      return true
-    }
-  };
-  if(id == 8) {
-    if(!originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type){
-      !msgFlag && ElMessage.warning('此创意形式下不可使用落地页！')
-      return false;//落地页
-    } else {
-      return true
-    }
-  }
-  if(id == -1){ // 提交预览时，判断是否全部完善
-    if(originalityBasicInfoData.apiResult?.adTemplateItem?.adcreative_elements?.description && (!pageInfo.copywriterInfoData.data || pageInfo.copywriterInfoData.data.length == 0 || JSON.stringify(pageInfo.copywriterInfoData.data) == '{}')){
-      !msgFlag && ElMessage.warning('请选择创意文案！')
-      return false
-    }
-    if(originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type && (!pageInfo.copyLandPageInfoData.data || JSON.stringify(pageInfo.copyLandPageInfoData.data) == '{}' || pageInfo.copyLandPageInfoData.data.length == 0)) {
-      !msgFlag && ElMessage.warning('请选择落地页！')
-      return false
-    }
-    for(let i in basicInfoData.outerConfig) {
-      if(basicInfoData.outerConfig[i].enabled && !basicInfoData.outerConfig[i].optional && !basicInfoData.outerConfig[i].isComplete){
-        !msgFlag && ElMessage.error(`请配置${basicInfoData.outerConfig[i].name}!`)
-        return false
-      }
-    }
-    //判断广告基本信息投放日期是否大于今日
-    if(new Date(basicInfoData.fillBack.begin_date).getTime() < new Date(getDay(0,false) as string).getTime()) {
-      !msgFlag && ElMessage.error('开始投放日期必须大于今日！')
-      return false
-    }
-    if(basicInfoData.fillBack.first_day_begin_time && basicInfoData.fillBack.first_day_begin_time != ''){
-      let daysOfWeek = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
-      let time_series = _.cloneDeep(basicInfoData.fillBack.time_series)?.split(',')
-      for(let i = 0; i < time_series.length; i++){
-        time_series[i] = time_series[i].split('')
-      }
-      let hour = _.cloneDeep(basicInfoData.fillBack.first_day_begin_time).split(':')[0]
-      let week = new Date(basicInfoData.fillBack.begin_date).getDay()
-      if( time_series[week == 0 ? 6 : (week - 1)][Number(hour) * 2] != 1) {
-        !msgFlag && ElMessage.error(`当前投放开始日期为：${basicInfoData.fillBack.begin_date}，${daysOfWeek[week]}， 投放时间段中应包含${daysOfWeek[week]}的${basicInfoData.fillBack.first_day_begin_time.slice(0,5)}`)
-        return false
-      }
-    }
-  }
-  return true
-}
 
 
 
@@ -726,108 +589,7 @@ const clearOriginalityInfo = () => {
   originalityBasicInfoData.params = []
   originalityBasicInfoData.apiResult = {}
 }
-/**广告基础信息回调 */
-const basicInfoClose = (obj) => {
-  if(obj?.type=='update'){
-    //判断版位是否变化，版位变化则创意基本信息、创意文案、落地页 、素材 清空
-    if(obj.params.automatic_site != basicInfoData.fillBack?.automatic_site || obj.params.site_ids != basicInfoData.fillBack?.site_ids){
-      clearOriginalityInfo()
-      updateHaveContent(5,0,false,true)
-      CreativeMaterialRef.value?.clearAllEvent()
-      updateHaveContent(6,0,false,true)
-      if(CopywriterRef.value){
-        CopywriterRef.value[0]?.clearEvent()
-      }
-      updateHaveContent(7,0,false,true)
-      if(LandPageRef.value){
-        LandPageRef.value[0]?.clearEvent()
-      }
-      updateHaveContent(8,0,false,true)
-    }
 
-    basicInfoData.copywriting = obj.copywriting
-    basicInfoData.fillBack = obj.params
-    getButtonBasicOuter(obj.params)
-  }
-  basicInfoData.visible = false
-}
-/**广告预存信息获取 */
-const getAdPresetsInfo = () => {
-  getAdPresets({'promoted_object_type': targetRef.value?.value}).then((res)=>{
-    getButtonBasicOuter(res)
-    FillBackData({data: res, type: 'api', cb: (data: {params: any,copywriting: []}) => {
-      if (data.copywriting && Array.isArray(data.copywriting) && data.copywriting.length > 0) {
-        basicInfoData.copywriting = data.copywriting
-        basicInfoData.fillBack = data.params
-        updateHaveContent(2,-1,false)
-      }
-    }})
-  })
-}
-/**广告信息外部配置获取 */
-const getButtonBasicOuter = (res) => {
-  for(let i in basicInfoData.outerConfig) {
-    basicInfoData.outerConfig[i].enabled = false
-  }
-  if(res?.expand_enabled == 1) { // 扩量种子人群
-    basicInfoData.outerConfig.expandPopulation.enabled = true;
-  }
-  if(res?.smart_targeting_switch == 1) { // 智能定向外层配置
-    basicInfoData.outerConfig.targetingPartyData.enabled = true;
-  }
-  if(res?.attribution_type == 2) { // 精准匹配归因
-    basicInfoData.outerConfig.attributionOuter.enabled = true;
-  }
-  if(res?.union_position_enabled == 1 || res?.exclude_union_position_enabled == 1) { //优量汇流量包 -- 需要定向包完成填写
-    basicInfoData.outerConfig.unionPosition.enabled = true;
-    basicInfoData.outerConfig.unionPosition.infoSelect = []
-    res?.union_position_enabled == 1 && basicInfoData.outerConfig.unionPosition.infoSelect.push({name:'定投流量包',id: 1})
-    res?.exclude_union_position_enabled == 1 && basicInfoData.outerConfig.unionPosition.infoSelect.push({name:'屏蔽流量包',id:2})
-  }
-}
-/**点击基础信息外层配置 */
-const basicOuterClick = (key) => {
-  if(key == 'unionPosition') { //优量汇流量包 - 需要定向包完成填写
-    if(!judgeEvent(-2)) return
-  }
-  basicInfoData.outerConfig[key].visible = true;
-}
-/** 外部配置回调 */
-interface IBasicOuterClose {
-  'type': string,
-  'key': string,
-  'val'?: string
-}
-const basicOuterClose = ({key,val,type}:IBasicOuterClose) => {
-  basicInfoData.outerConfig[key].visible = false;
-  if(type == 'submit') {
-    basicInfoData.outerConfig[key].value = val ? val : {};
-    basicInfoData.outerConfig[key].isComplete = isCompleteEvent(basicInfoData.outerConfig[key]);
-  }
-}
-const isCompleteEvent = (data) => {
-  for(let i = 0; i < pageInfo.accIdsList.length; i++){
-    let info = data.value[pageInfo.accIdsList[i].id]
-    if(Array.isArray(info) && info.length == 0) {
-      return false
-    } else if (Object.prototype.toString.call(info) == '[object Object]' && Object.keys(info).length == 0){
-      return false
-    } else if (!info || info == '') {
-      return false
-    }
-  }
-  return true
-}
-/**基础外部配置 - 获取对象公共数据 */
-const getCommonValue = (data) => {
-  let obj = {}
-  pageInfo.accIdsList.forEach((item) => {
-    if(data[item.id] && data[item.id] != '') {
-      obj[item.id] = data[item.id]
-    }
-  });
-  return obj
-}
 
 onMounted(()=>{
   nextTick(async ()=>{
@@ -844,6 +606,52 @@ onMounted(()=>{
     get_ruleConfig_info() //规则配置获取
   })
 })
+
+// S 每个模块判断是否可添加编辑
+const { 
+  judgeEvent
+ } = handleJudge({
+  pageInfo,
+  basicInfoData,
+  originalityBasicInfoData,
+  cMaterial,
+})
+// E 每个模块判断是否可添加编辑
+
+// S 创意素材
+const {
+  assignEvent_CreativeMaterial,
+  get_cover_info,
+  close_reuse_loading,
+} = handleMultiple({
+  originalityBasicInfoData, 
+  ResuseConfigRef, 
+  computeCount,
+  cMaterial
+})
+// E 创意素材
+
+// S 广告基本信息 及 外部配置
+const {
+  basicInfoClose,
+  getAdPresetsInfo,
+  basicOuterClick,
+  basicOuterClose,
+  getCommonValue,
+  isCompleteEvent
+} = handleAdBasic({
+  CreativeMaterialRef,
+  CopywriterRef,
+  LandPageRef,
+  targetRef,
+  pageInfo,
+  basicInfoData,
+  clearOriginalityInfo,
+  updateHaveContent,
+  judgeEvent,
+})
+// E 广告基本信息 及 外部配置
+
 //传值
 provide('accountIds',toRef(pageInfo,'accIdsList'))
 

src/components/businessMoudle/batchGdt/configArea/originalityBasic/components/brand/profiles.vue

@@ -74,26 +74,31 @@ onMounted(()=>{
   })
 })
 const init = (keyword)=>{
-  getListPage({
-    page: 1,
-    page_size: 20,
-    keyword: keyword,
-    type: 'profiles'
-  }).then((res)=>{
-    options.value = res.data
+  return new Promise((resolve) => {
+    getListPage({
+      page: 1,
+      page_size: 20,
+      keyword: keyword,
+      type: 'profiles'
+    }).then((res:any)=>{
+      options.value = res.data
+      resolve(true)
+    })
   })
+  
 }
 const modelValue = ref()
 const remoteMethod = (query: string) => {
   init(query)
 }
-const selectChange = () => {
+const selectChange = async () => {
   if(profiles.value){
     let obj = {
       required: profiles.value.required,
       description: `请选择头像及昵称跳转页`,
       api_value: {},
     };
+    await init('')
     let arr = options.value.filter((v)=>{
       return v.id == modelValue.value
     })

src/components/businessMoudle/batchGdt/configArea/originalityBasic/components/wechatChannelsSpec.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex-baseline marT15" v-if="adTemplateItem?.adcreative_elements?.wechat_channels_spec">
-    <div class="form-block-item-title">微信视频号名称</div>
+    <div class="form-block-item-title">微信视频号名称</div> 废弃
     <div class="marT15">
       <div class="flex"><el-input v-model="username" placeholder="请输入微信视频号名称" max="200" style="width:300px" @input="radioChange"/><span style="color:#666;font-size:14px;margin-left:4px;">{{ username?.length }}/200</span></div>
     </div>

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

@@ -60,9 +60,6 @@
             <!-- 视频广告评论开关 -->
             <FeedsVideoCommentSwitch ref="FeedsVideoCommentSwitchRef" :adTemplateItem="adTemplateItem"
               @backhaul="backhaul"></FeedsVideoCommentSwitch>
-            <!-- 微信视频号名称 -->
-            <WechatChannelsSpec ref="WechatChannelsSpecRef" :adTemplateItem="adTemplateItem"
-              @backhaul="backhaul"></WechatChannelsSpec>
             <!-- 创意名称 -->
             <wildcard ref="wildcardRef" class="marT15" title="创意名称" placeholder="请输入创意名称"
               :fillBack="`${adTemplateItem.adcreative_template_appellation}-创意-<时间戳>-<标号>`" @change="(val) => {
@@ -107,7 +104,6 @@ import FloatingZoneStruct from './components/floatingZoneStruct.vue'
 import FeedsVideoCommentSwitch from './components/feedsVideoCommentSwitch.vue';
 import VideoEndPage from './components/videoEndPage.vue';
 import wildcard from '../basicInfo/components/wildcard.vue';
-import WechatChannelsSpec from './components/wechatChannelsSpec.vue'
 import Label from './components/label/index.vue'
 import _ from 'lodash';
 // import DynamicCreativeGroupUsed from './components/dynamicCreativeGroupUsed.vue';
@@ -123,7 +119,6 @@ const FeedsVideoCommentSwitchRef = ref()
 const ButtonTextRef = ref()
 const VideoEndPageRef = ref()
 const wildcardRef = ref()
-const WechatChannelsSpecRef = ref()
 /** E 创意资产 */
 
 const props = defineProps({
@@ -212,7 +207,7 @@ const backhaul = (obj) => {
 }
 /**确认 isMultiplex是否复用 */
 const submitEvent = (isMultiplex?: boolean, multiplexApiForm:any[] = []) => {
-  console.log(form)
+  console.log('2222', form)
   let promise_arr: any = []
   let multiplex_load_acc: any[] = [];//复用需要上传的账号
   for (let i in form) {//检索是否有未填写信息
@@ -356,7 +351,7 @@ const brand_event = (type, { isMultiplex, multiplex_load_acc }: { isMultiplex?:
         return
       }
       // E 复用判断
-      adcreativesAddUpload(params).then((res) => {
+      adcreativesAddUpload(params).then((res:any) => {
         adcreativesGetUploadResEvent({
           'up_record_id': res.up_record_id, 'target_id': target_id, 'count': 15, 'type': type, 'cb': (flag) => {
             if (flag) {
@@ -376,7 +371,7 @@ const brand_event = (type, { isMultiplex, multiplex_load_acc }: { isMultiplex?:
 const adcreativesGetUploadResEvent = ({ up_record_id, target_id, count, type, cb }: IAdcreativesGetUploadResEvent) => {
   adcreativesGetUploadRes({
     up_record_id: up_record_id
-  }).then((result) => {
+  }).then((result:any) => {
     if (result.status == 2) {
       ElMessage.error(result.err_msg)
       cb ? cb(false) : '';
@@ -437,7 +432,7 @@ const getAdcreativeTemplateInfo = () => {
   if (props.adBasicInfo.automatic_site == '1') {
     params['automatic_site_enabled'] = true
   }
-  getAdcreativeTemplate(params).then((res) => {
+  getAdcreativeTemplate(params).then((res:any) => {
     adTemplateItem.value = res
     if (!res || res?.length <= 0) {
       ElMessage.warning(`当前广告版位下，自定义创意不支持该${templateCurr.value.adcreative_template_appellation}。`)
@@ -507,7 +502,6 @@ const elementFillBack = () => {
       DataDisplayRef.value?.switchShow(fillBackInfo.value.data_display)
       FloatingZoneStructRef.value?.switchShow(fillBackInfo.value.floating_zone_struct)
       FeedsVideoCommentSwitchRef.value?.switchShow(fillBackInfo.value.feeds_video_comment_switch)
-      WechatChannelsSpecRef.value?.switchShow(fillBackInfo.value.wechat_channels_spec)
       ButtonTextRef.value?.switchShow(fillBackInfo.value.button_text)
       VideoEndPageRef.value?.switchShow(fillBackInfo.value.end_page)
       wildcardRef.value?.switchShow(fillBackInfo.value.adcreative_name)

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

@@ -0,0 +1,199 @@
+import { ref, computed, reactive, nextTick } from 'vue'
+import { reactiveTableAndAny } from '@/api/ApiModel'
+import { getAdPresets, getPromotedObjectType } from '../basicInfo/ts/basicApi'
+import { FillBackData } from '../basicInfo/ts/fillBack'
+import _ from 'lodash'
+
+export function basicInfoDeclare() {
+  //广告基本信息
+  const basicInfoData = reactive<any>({
+    visible: false,
+    copywriting: [],
+    fillBack: {},
+    outerConfig: { //外层配置
+      attributionOuter: {
+        enabled: false,
+        visible: false,
+        optional: false,
+        isComplete: false, // 是否完成填写
+        name: '精准匹配归因',
+        value: {},
+      },
+      unionPosition: {
+        enabled: false,
+        visible: false,
+        optional: false,
+        isComplete: false, // 是否完成填写
+        infoSelect: [],//流量包type
+        name: '优量汇流量包',
+        value: {},
+      },
+      weChatVideoAccount: {
+        enabled: false,
+        visible: false,
+        optional: false,
+        isComplete: false, // 是否完成填写
+        name: '配置视频号',
+        value: {},
+      },
+      expandPopulation: {
+        enabled: false, //是否需要配置
+        visible: false, //对应弹框显隐
+        optional: true, //选填
+        isComplete: false, // 是否完成填写
+        name: '扩量种子人群(选填)',
+        value: {},
+      },
+      targetingPartyData: {
+        enabled: false, //是否需要配置
+        visible: false,
+        optional: true,
+        isComplete: false, // 是否完成填写
+        name: '一方数据助攻(选填)',
+        value: {},
+      },
+
+    }
+  })
+  return {
+    basicInfoData
+  }
+}
+
+
+interface IHandleAdBasic {
+  updateHaveContent: (...args: any[]) => void,
+  judgeEvent: (...args: any[]) => boolean,
+  clearOriginalityInfo: (...args: any[]) => void,
+  [propName: string]: any
+}
+//广告基本信息 - 广告外层配置
+export function handleAdBasic({
+  clearOriginalityInfo,
+  updateHaveContent,
+  judgeEvent,
+  basicInfoData,
+  CreativeMaterialRef,
+  CopywriterRef,
+  LandPageRef,
+  targetRef,
+  pageInfo
+}: IHandleAdBasic) {
+  /**广告基础信息回调 */
+  const basicInfoClose = (obj) => {
+    if (obj?.type == 'update') {
+      //判断版位是否变化，版位变化则创意基本信息、创意文案、落地页 、素材 清空
+      if (obj.params.automatic_site != basicInfoData.fillBack?.automatic_site || obj.params.site_ids != basicInfoData.fillBack?.site_ids) {
+        clearOriginalityInfo()
+        updateHaveContent(5, 0, false, true)
+        CreativeMaterialRef.value?.clearAllEvent()
+        updateHaveContent(6, 0, false, true)
+        if (CopywriterRef.value) {
+          CopywriterRef.value[0]?.clearEvent()
+        }
+        updateHaveContent(7, 0, false, true)
+        if (LandPageRef.value) {
+          LandPageRef.value[0]?.clearEvent()
+        }
+        updateHaveContent(8, 0, false, true)
+      }
+
+      basicInfoData.copywriting = obj.copywriting
+      basicInfoData.fillBack = obj.params
+      getButtonBasicOuter(obj.params)
+    }
+    basicInfoData.visible = false
+  }
+  /**广告预存信息获取 */
+  const getAdPresetsInfo = () => {
+    getAdPresets({ 'promoted_object_type': targetRef.value?.value }).then((res) => {
+      getButtonBasicOuter(res)
+      FillBackData({
+        data: res, type: 'api', cb: (data: { params: any, copywriting: [] }) => {
+          if (data.copywriting && Array.isArray(data.copywriting) && data.copywriting.length > 0) {
+            basicInfoData.copywriting = data.copywriting
+            basicInfoData.fillBack = data.params
+            updateHaveContent(2, -1, false)
+          }
+        }
+      })
+    })
+  }
+  /**广告信息外部配置获取 */
+  const getButtonBasicOuter = (res) => {
+    console.log(res)
+    for (let i in basicInfoData.outerConfig) {
+      basicInfoData.outerConfig[i].enabled = false
+    }
+    if (res?.expand_enabled == 1) { // 扩量种子人群
+      basicInfoData.outerConfig.expandPopulation.enabled = true;
+    }
+    if (res?.smart_targeting_switch == 1) { // 智能定向外层配置
+      basicInfoData.outerConfig.targetingPartyData.enabled = true;
+    }
+    if (res?.attribution_type == 2) { // 精准匹配归因
+      basicInfoData.outerConfig.attributionOuter.enabled = true;
+    }
+    if(res?.site_ids.indexOf('SITE_SET_CHANNELS') != -1){ //微信视频号
+      basicInfoData.outerConfig.weChatVideoAccount.enabled = true;
+    }
+    if (res?.union_position_enabled == 1 || res?.exclude_union_position_enabled == 1) { //优量汇流量包 -- 需要定向包完成填写
+      basicInfoData.outerConfig.unionPosition.enabled = true;
+      basicInfoData.outerConfig.unionPosition.infoSelect = []
+      res?.union_position_enabled == 1 && basicInfoData.outerConfig.unionPosition.infoSelect.push({ name: '定投流量包', id: 1 })
+      res?.exclude_union_position_enabled == 1 && basicInfoData.outerConfig.unionPosition.infoSelect.push({ name: '屏蔽流量包', id: 2 })
+    }
+  }
+  /**点击基础信息外层配置 */
+  const basicOuterClick = (key) => {
+    if (key == 'unionPosition') { //优量汇流量包 - 需要定向包完成填写
+      if (!judgeEvent(-2)) return
+    }
+    basicInfoData.outerConfig[key].visible = true;
+  }
+  /** 外部配置回调 */
+  interface IBasicOuterClose {
+    'type': string,
+    'key': string,
+    'val'?: string
+  }
+  const basicOuterClose = ({ key, val, type }: IBasicOuterClose) => {
+    basicInfoData.outerConfig[key].visible = false;
+    if (type == 'submit') {
+      basicInfoData.outerConfig[key].value = val ? val : {};
+      basicInfoData.outerConfig[key].isComplete = isCompleteEvent(basicInfoData.outerConfig[key]);
+    }
+  }
+
+  const isCompleteEvent = (data) => {
+    for (let i = 0; i < pageInfo.accIdsList.length; i++) {
+      let info = data.value[pageInfo.accIdsList[i].id]
+      if (Array.isArray(info) && info.length == 0) {
+        return false
+      } else if (Object.prototype.toString.call(info) == '[object Object]' && Object.keys(info).length == 0) {
+        return false
+      } else if (!info || info == '') {
+        return false
+      }
+    }
+    return true
+  }
+  /**基础外部配置 - 获取对象公共数据 */
+  const getCommonValue = (data) => {
+    let obj = {}
+    pageInfo.accIdsList.forEach((item) => {
+      if (data[item.id] && data[item.id] != '') {
+        obj[item.id] = data[item.id]
+      }
+    });
+    return obj
+  }
+  return {
+    basicInfoClose,
+    getAdPresetsInfo,
+    basicOuterClick,
+    basicOuterClose,
+    getCommonValue,
+    isCompleteEvent
+  }
+}

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

@@ -0,0 +1,110 @@
+import { getDay } from "@/common/common"
+import { ElMessage } from "element-plus"
+import _ from "lodash"
+
+function handleJudge({
+  pageInfo,
+  basicInfoData,
+  originalityBasicInfoData,
+  cMaterial,
+}) {
+  /**每个模块判断是否可以点击添加 id:模块ID*/
+  const judgeEvent = (id, msgFlag?) => {
+    if (pageInfo.accIdsList && pageInfo.accIdsList.length <= 0) {
+      !msgFlag && ElMessage.error('请选择媒体账户!')
+      return false
+    }
+    if (!pageInfo.targetValue || pageInfo.targetValue == '') {
+      !msgFlag && ElMessage.error('请选择推广目标!')
+      return false
+    }
+
+    if (id == 2) return true;//广告基本信息
+    if (!basicInfoData.fillBack || basicInfoData.fillBack == '' || JSON.stringify(basicInfoData.fillBack) == '{}') {
+      !msgFlag && ElMessage.warning('请完善广告基本信息！')
+      return false
+    }
+    if (id == 3) return true;//定向包
+    if (id == 5) return true;//创意基本信息
+
+
+    if (id != 6) {
+      if ((!pageInfo.directObj || pageInfo.directObj == '' || JSON.stringify(pageInfo.directObj) == '{}' || !pageInfo.directObj?.chooseList)) {
+        !msgFlag && ElMessage.warning('请选择定向包！')
+        return false
+      }
+      for (let i = 0; i < pageInfo.directObj?.chooseList.length; i++) {
+        let item = pageInfo.directObj?.chooseList[i].chooseList
+        if (!item || item.length == 0) {
+          !msgFlag && ElMessage.warning('请选择定向包！')
+          return false
+        }
+      }
+    }
+    if (id == -2) return true; //外部配置，需要定向包配置完成
+    if (!originalityBasicInfoData.params || originalityBasicInfoData.params == '' || originalityBasicInfoData.params.length <= 0) {
+      !msgFlag && ElMessage.warning('完善创意基本信息！')
+      return false
+    }
+    if (id == 6) return true;//创意素材 不用判断定向包是否填写
+    if (!cMaterial.resResult || cMaterial.resResult.length == 0) {
+      !msgFlag && ElMessage.warning('请选择创意素材！')
+      return false
+    }
+    if (id == 7) {//创意文案
+      if (!originalityBasicInfoData.apiResult?.adTemplateItem?.adcreative_elements?.description) {
+        !msgFlag && ElMessage.warning('此创意形式下不可使用创意文案！')
+        return false
+      } else {
+        return true
+      }
+    };
+    if (id == 8) {
+      if (!originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type) {
+        !msgFlag && ElMessage.warning('此创意形式下不可使用落地页！')
+        return false;//落地页
+      } else {
+        return true
+      }
+    }
+    if (id == -1) { // 提交预览时，判断是否全部完善
+      if (originalityBasicInfoData.apiResult?.adTemplateItem?.adcreative_elements?.description && (!pageInfo.copywriterInfoData.data || pageInfo.copywriterInfoData.data.length == 0 || JSON.stringify(pageInfo.copywriterInfoData.data) == '{}')) {
+        !msgFlag && ElMessage.warning('请选择创意文案！')
+        return false
+      }
+      if (originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type && (!pageInfo.copyLandPageInfoData.data || JSON.stringify(pageInfo.copyLandPageInfoData.data) == '{}' || pageInfo.copyLandPageInfoData.data.length == 0)) {
+        !msgFlag && ElMessage.warning('请选择落地页！')
+        return false
+      }
+      for (let i in basicInfoData.outerConfig) {
+        if (basicInfoData.outerConfig[i].enabled && !basicInfoData.outerConfig[i].optional && !basicInfoData.outerConfig[i].isComplete) {
+          !msgFlag && ElMessage.error(`请配置${basicInfoData.outerConfig[i].name}!`)
+          return false
+        }
+      }
+      //判断广告基本信息投放日期是否大于今日
+      if (new Date(basicInfoData.fillBack.begin_date).getTime() < new Date(getDay(0, false) as string).getTime()) {
+        !msgFlag && ElMessage.error('开始投放日期必须大于今日！')
+        return false
+      }
+      if (basicInfoData.fillBack.first_day_begin_time && basicInfoData.fillBack.first_day_begin_time != '') {
+        let daysOfWeek = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+        let time_series = _.cloneDeep(basicInfoData.fillBack.time_series)?.split(',')
+        for (let i = 0; i < time_series.length; i++) {
+          time_series[i] = time_series[i].split('')
+        }
+        let hour = _.cloneDeep(basicInfoData.fillBack.first_day_begin_time).split(':')[0]
+        let week = new Date(basicInfoData.fillBack.begin_date).getDay()
+        if (time_series[week == 0 ? 6 : (week - 1)][Number(hour) * 2] != 1) {
+          !msgFlag && ElMessage.error(`当前投放开始日期为：${basicInfoData.fillBack.begin_date}，${daysOfWeek[week]}， 投放时间段中应包含${daysOfWeek[week]}的${basicInfoData.fillBack.first_day_begin_time.slice(0, 5)}`)
+          return false
+        }
+      }
+    }
+    return true
+  }
+  return {
+    judgeEvent
+  }
+}
+export default handleJudge

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

@@ -1,13 +1,9 @@
-import { ref, computed, reactive, nextTick } from 'vue'
+import { ref, reactive, nextTick } from 'vue'
 import { reactiveTableAndAny } from '@/api/ApiModel'
 import _ from 'lodash'
 
-//创意素材
-function handleMultiple({
-  originalityBasicInfoData,
-  computeCount,
-  ResuseConfigRef
-}) {
+//变量声明
+export function materialDeclare () {
   const CreativeMaterialRef = ref<{
     switchShow: (val: boolean, isEdit: boolean, arr: any) => void,
     clearAllEvent: () => void, creatice_reuseEvent: () => void, deleAcEvent: (arr: any, haveAssign: boolean) => void
@@ -28,7 +24,19 @@ function handleMultiple({
     },
     imgOrVideoInfo: {},//视频或者图片需要的数据详情
   })
+  return {
+    CreativeMaterialRef,
+    cMaterial
+  }
+}
 
+//创意素材
+export function handleMultiple({
+  originalityBasicInfoData,
+  computeCount,
+  ResuseConfigRef,
+  cMaterial
+}) {
   //处理素材返回来的值
   const handle_resResult = (resResult: any, val: any) => {
     // let str_imageorVideo: any = originalityBasicInfoData?.receiveForm?.originalityForm?.api_value?.originalityForm
@@ -49,7 +57,8 @@ function handleMultiple({
             if(cMaterial.haveCoverOrVideo == 1) {//视频和图片
               if (item[i]?.material_res?.video_id) {
                 setValueInNestedObject(itemObj, 'video_id', item[i].material_res.video_id);
-              } else if (item[i]?.material_res?.cover?.image_id) {
+              }
+              if (item[i]?.material_res?.cover?.image_id) {
                 setValueInNestedObject(itemObj, 'image_id', item[i].material_res.cover.image_id);
               }
               if (cMaterial.haveShowVideoObj.show && cMaterial.haveShowVideoObj.name) {
@@ -114,12 +123,10 @@ function handleMultiple({
     val.forEach(vItem => {
       cMaterial_resResult_list = cMaterial_resResult_list.concat(vItem.resResult)
     })
-    console.log('cMaterial_resResult_list', cMaterial_resResult_list);
 
     let arr_: any = []
     let cloneRes: any = await handle_resResult(_.cloneDeep(cMaterial_resResult_list), _.cloneDeep(val))
     //图片形式的originalityBasicInfoData.params格式需要给
-    console.log(originalityBasicInfoData, 'assignEvent_CreativeMaterial');
     console.log(cloneRes, 'cloneRes');
     await originalityBasicInfoData.params.forEach(item => {
       cloneRes.forEach(cItem => {
@@ -204,7 +211,6 @@ function handleMultiple({
       cMaterial.array_property = obj?.image_list?.array_property;
       cMaterial.imgOrVideoInfo['image_list'] = 'image_list'
     }
-    console.log('situationArr', situationArr)
     // 留口子 现在逻辑是image video image_list不共存 暂未发现共存的情况
     situationArr.forEach((item)=>{
       if(item.type == 'video'){
@@ -224,6 +230,7 @@ function handleMultiple({
     } else if (transit_arr.includes('image_list')) {
       cMaterial.haveCoverOrVideo = 3
     }
+    console.log(situationArr, '===cMaterial.haveCoverOrVideo ==>', cMaterial.haveCoverOrVideo)
   }
 
   //关闭复用loading和弹框
@@ -252,12 +259,8 @@ function handleMultiple({
   }
 
   return {
-    CreativeMaterialRef,
-    cMaterial,
     assignEvent_CreativeMaterial,
     get_cover_info,
     close_reuse_loading
   }
-}
-
-export default handleMultiple
+}