外部配置

src/assets/style/element/index.scss

@@ -31,6 +31,7 @@
     border-bottom: 1px solid #e8eaec;
     padding: 20px;
     margin-right: 0;
+    margin-left: 0;
     .el-dialog__title{
       font-size: 16px;
       font-weight: bold;

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

@@ -1,5 +1,4 @@
 <template>
-<div>
   <div class="flex-baseline marB15">
     <div class="form-block-item-title">{{ title && title!='' ? title : info.name }}</div>
     <div style="flex:1">
@@ -40,7 +39,6 @@
     </div>
   </div>
   <slot></slot>
-</div>
 </template>
 <script setup lang="ts">
 /**

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

@@ -0,0 +1,36 @@
+<template>
+  <el-dialog class="gdt-dialog" v-model="dialogVisible" title="扩量种子人群（选填）" width="1080px" top="40px"
+    :before-close="handleClose">
+    <div class="container">
+      jkkkk
+    </div>
+    <template #footer>
+    <div class="dialog-footer flex-center">
+        <el-button type="primary"> 确 定 </el-button>
+    </div>
+  </template>
+</el-dialog>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  dataFillBack: {
+    type: Object,
+    default: () => { }
+  }
+})
+const emit = defineEmits<{
+  (event: "close", val?: any): void;
+}>();
+
+const dialogVisible = ref(props.visible)
+
+const handleClose = () => {
+
+}
+</script>

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

@@ -2,9 +2,9 @@
   <el-dialog class="gdt-dialog" v-model="dialogVisible" title="广告基本信息" width="1080px" top="40px"
     :before-close="handleClose">
     <div class="container">
-      <div v-for="(item, main_index) in basicInfoJsonInfo" :key="main_index + 'basicInfoJsonInfo'">
+      <template v-for="(item, main_index) in basicInfoJsonInfo" :key="main_index + 'basicInfoJsonInfo'">
         <div class="form-block-title">{{ main_index }}</div>
-        <div v-for="(it_info, it_info_index) in item" :key="it_info_index + 'basicInfoJsonInfoItem'">
+        <template v-for="(it_info, it_info_index) in item" :key="it_info_index + 'basicInfoJsonInfoItem'">
           <!-- 单选框 -->
           <MyRadio :info="it_info" @change="radioChange" v-if="it_info.type == 'radio'"
             :fillBack="props.dataFillBack[it_info.key]">
@@ -52,8 +52,8 @@
           <!-- 特定版位 -->
           <AdPosition v-if="it_info.key == 'automatic_site' && form['automatic_site'] == 2" @change="onChangeAdPosition"
             :fillBack="props.dataFillBack['site_ids']"></AdPosition>
-        </div>
-      </div>
+        </template>
+      </template>
 
       <!-- S 排期与出价 -->
       <div class="form-block-title">排期与出价</div>
@@ -340,9 +340,8 @@ const site_ids_arr_1: any = ref([])
 const site_ids_arr_2: any = ref([])
 const scheduleBidInfo = reactive(scheduleBid)
 const specificPositionInfo2 = specificPositionAll()
-// const defaultAdPositionList = ['SITE_SET_KANDIAN', 'SITE_SET_QQ_MUSIC_GAME', 'SITE_SET_TENCENT_NEWS', 'SITE_SET_TENCENT_VIDEO', 'SITE_SET_MOBILE_UNION']
-const defaultAdPositionList = []
-let adPositionList: any = ref(JSON.parse(JSON.stringify(defaultAdPositionList)));// 广告版位默认列表
+const defaultAdPositionList = ['SITE_SET_KANDIAN', 'SITE_SET_QQ_MUSIC_GAME', 'SITE_SET_TENCENT_NEWS', 'SITE_SET_TENCENT_VIDEO', 'SITE_SET_MOBILE_UNION']
+let adPositionList: any = ref([]);// 广告版位默认列表
 const deep_conversion_behavior_spec: any = reactive({ // 深度目标优化 - 优化转化行为
   target: '',
   rate: '',
@@ -454,11 +453,11 @@ const submitEvent = () => {
         adPresetsSet(data.params).then((res) => {
           loading.value = false;
           localStorage.setItem('BasicInfo', data.params)
-          emit('close', { type: 'update', copywriting: data.copywriting })
+          emit('close', { type: 'update', copywriting: data.copywriting, params: data.params })
         })
       } else { // 本地存储更新
         localStorage.setItem('BasicInfo', data.params)
-        emit('close', { type: 'update', copywriting: data.copywriting })
+        emit('close', { type: 'update', copywriting: data.copywriting, params: data.params })
       }
     }
   })
@@ -634,6 +633,7 @@ const watchSiteIds = () => {
   let cj: any = {}
   if (site_value == 1) {// 自动版位
     let idx_arr = positionMapping.automatic_site_1
+    console.log(idx_arr)
     idx_arr.forEach((item) => {
       cj[item] = scene[item]
     })

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

@@ -76,6 +76,7 @@ const inspectMaxMin = (info, label) => {
 /**检验单个输入框 */
 const inspectNumber = (info, label, min = 200, max = 10000000) => {
   let arr = String(info).split('.')
+  console.log(label,arr,isNaN(Number(info)))
   if (isNaN(Number(info)) || (arr.length > 1 && arr[1].length > 2)) {
     ElMessage.error(`${label}请填写数字,最多支持小数点后2位`)
     return false
@@ -230,7 +231,7 @@ export const FillBackData = ({ data, type, updateScene = {}, cb }: IFillBackData
       if (obj && obj != '') {
         let objInfo = JSON.parse(obj)
         if (params.bid_way == '1') {
-          if (!inspectNumber(objInfo.price, name, 0.01, 20000000)) return
+          if (!inspectNumber(params.deep_conversion_type == 'DEEP_CONVERSION_BEHAVIOR' ? objInfo.price : objInfo.roi, name, 0.01, 20000000)) return
         }
         if (params.bid_way != '1') {
           if (!inspectMaxMin(`${objInfo.min}-${objInfo.max}`, `${name}范围`)) return

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

@@ -55,6 +55,14 @@
       </div>
 
       <div class="btnArea">
+        <span class="">
+          <template v-for="item in basicInfoData.outerConfig">
+            <el-button plain class="rMar10 outerButton" v-if="item.enabled">
+              <el-icon :class="['outerIcon', !item.value || item.value == '' || 'outerIconActive']"><CircleCheck v-if="!item.value || item.value == ''" /><SuccessFilled v-else/></el-icon>
+              {{item.name}}
+            </el-button>
+          </template>
+        </span>
         <span class="lMarauto">
           <el-button type="primary">批量预览广告</el-button>
           <el-button type="primary" class="lMar10">保存策略组</el-button>
@@ -66,9 +74,10 @@
   <!--规则配置-->
   <RuleConfig ref="RuleConfigRef"></RuleConfig>
 
-<!-- 广告基本信息 -->
-<BasicInfo :visible="basicInfoData.visible" :dataFillBack="basicInfoData.fillBack" @close="basicInfoClose"></BasicInfo>
-
+  <!-- 广告基本信息 -->
+  <BasicInfo :visible="basicInfoData.visible" :dataFillBack="basicInfoData.fillBack" @close="basicInfoClose"></BasicInfo>
+  <!-- 扩量种子人群 -->
+  <ExpandPopulation :visible="basicInfoData.outerConfig.expandPopulation.visible"></ExpandPopulation>
 </template>
 <script setup lang="ts">
 import {getCurrentInstance, nextTick, onMounted, reactive, ref, provide, computed,toRef} from "vue";
@@ -76,11 +85,11 @@ import {adqParam, reactiveTableAndAny} from "@/api/ApiModel";
 import Select from '@/components/capsulationMoudle/_select.vue'
 import DirectPacketExhibition from '@/components/businessMoudle/batchGdt/configArea/directPacket/echoIndex.vue'
 import RuleConfig from '@/components/businessMoudle/batchGdt/configArea/ruleConfig/index.vue'
-import basicInfo from "./basicInfo/index.vue";
 import {Api} from "@/api/api";
 import {ElMessage} from "element-plus";
 import {deepCopy} from "@/common/common";
 import BasicInfo from "./basicInfo/index.vue";
+import ExpandPopulation from './basicInfo/expandPopulation.vue'
 import { getAdPresets } from './basicInfo/ts/basicApi'
 import { FillBackData } from './basicInfo/ts/fillBack'
 
@@ -110,7 +119,6 @@ const pageInfo = reactive<reactiveTableAndAny>({
 })
 
 
-
 //获取账号列表
 const get_account_list = async () => {
   const paramsModel = reactive<adqParam>({
@@ -136,11 +144,20 @@ const accEvent = () => {
   })
 }
 
-//打开广告基本信息
+//广告基本信息
 const basicInfoData = reactive({
   visible:false,
   copywriting:[],
-  fillBack: {}
+  fillBack: {},
+  outerConfig: { //外层配置
+    expandPopulation: {
+      enabled: false, //是否需要配置
+      visible:false,
+      name: '扩量种子人群(选填)',
+      value: '',
+    }
+
+  }
 })
 
 //打开规则配置
@@ -208,13 +225,15 @@ onMounted(()=>{
 const basicInfoClose = (obj) => {
   if(obj?.type=='update'){
     basicInfoData.copywriting = obj.copywriting
-    console.log(obj.copywriting)
+    console.log(obj)
+    getButtonBasicOuter(obj.params)
   }
   basicInfoData.visible = false
 }
 /**广告预存信息获取 */
 const getAdPresetsInfo = () => {
   getAdPresets({'promoted_object_type': 'PROMOTED_OBJECT_TYPE_LEAD_AD'}).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
@@ -224,7 +243,12 @@ const getAdPresetsInfo = () => {
     }})
   })
 }
-
+/**广告信息外部配置获取 */
+const getButtonBasicOuter = (res) => {
+  if(res?.expand_enabled == 1) { // 扩量种子人群
+    basicInfoData.outerConfig.expandPopulation.enabled = true;
+  }
+}
 
 
 //传值
@@ -314,4 +338,23 @@ provide('accountIds',toRef(pageInfo,'accIdsList'))
 .c-515a6e{
   color: #515a6e;
 }
+.outerButton{
+  &:hover{
+    .outerIcon{
+      color: #3173FF
+    }
+    .outerIconActive{
+      color: #00b697;
+    }
+  }
+  
+}
+.outerIcon{
+  color: #888;
+  margin: 0 10px;
+  font-size: 16px;
+}
+.outerIconActive{
+  color: #00b697;
+}
 </style>