|
@@ -74,16 +74,6 @@
|
|
|
@blur="handleAccountBudget"
|
|
|
/> 元
|
|
|
</a-form-model-item>
|
|
|
- <!-- <a-form-model-item v-if="configForm.accountBudgetMode === '2'" label="账户日预算" prop="accountBudget">
|
|
|
- <a-input-number
|
|
|
- v-model="configForm.accountBudget"
|
|
|
- :min="1000"
|
|
|
- :max="9999999.99"
|
|
|
- :step="0.01"
|
|
|
- @blur="handleAccountBudget"
|
|
|
- /> 元
|
|
|
- </a-form-model-item> -->
|
|
|
- <!-- <div v-if="adBudgetShowTitle" style="width: 500px;color: #f00;margin-left: 140px;">单次修改预算幅度, 不能低于100.0元</div> -->
|
|
|
</div>
|
|
|
<div class="separate-module-con">
|
|
|
<p class="rock-title">广告组信息</p>
|
|
@@ -185,14 +175,6 @@
|
|
|
allow-clear
|
|
|
/>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item v-if="configForm.adDownloadType === 'EXTERNAL_URL'" label="直达链接内容">
|
|
|
- <a-input
|
|
|
- class="common-input-long"
|
|
|
- v-model="configForm.adOpenUrl"
|
|
|
- placeholder="请输入直达链接内容"
|
|
|
- allow-clear
|
|
|
- />
|
|
|
- </a-form-model-item>
|
|
|
<a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="下载链接" prop="adDownloadUrl">
|
|
|
<a-input
|
|
|
class="common-input-long"
|
|
@@ -212,6 +194,14 @@
|
|
|
allow-clear
|
|
|
/>
|
|
|
</a-form-model-item>
|
|
|
+ <a-form-model-item label="直达链接内容">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ v-model="configForm.adOpenUrl"
|
|
|
+ placeholder="请输入直达链接内容"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
<a-form-model-item v-if="platformLoadingType === 'APP_ANDROID'" label="应用下载详情页" prop="creativeWebUrl">
|
|
|
<a-input
|
|
|
class="common-input-long"
|
|
@@ -318,6 +308,24 @@
|
|
|
</a-checkbox-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <a-form-model-item v-if="configForm.checkboxChangeValue.length === 1 && configForm.checkboxChangeValue[0] === 'INVENTORY_UNION_SLOT'" label="投放形式">
|
|
|
+ <a-radio-group
|
|
|
+ v-model="configForm.adUnionVideoType"
|
|
|
+ button-style="solid"
|
|
|
+ >
|
|
|
+ <a-radio-button value="REWARDED_VIDEO">
|
|
|
+ 激励视频
|
|
|
+ <a-tooltip placement="top">
|
|
|
+ <template slot="title">
|
|
|
+ <span>特定场景下用户通过观看视频广告以换取游戏应用内虚拟奖励的广告</span>
|
|
|
+ </template>
|
|
|
+ <a-icon type="question-circle"/>
|
|
|
+ </a-tooltip>
|
|
|
+ </a-radio-button>
|
|
|
+ <a-radio-button value="ORIGINAL_VIDEO">原生</a-radio-button>
|
|
|
+ <a-radio-button value="SPLASH_VIDEO" disabled>开屏</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
</div>
|
|
|
<div class="separate-module-con">
|
|
|
<a-tabs v-model="configForm.adDirectionalFlag" @change="handleSelectPackageTabs">
|
|
@@ -780,161 +788,286 @@
|
|
|
</div>
|
|
|
<div class="separate-module-con">
|
|
|
<p class="rock-title">创意信息</p>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="创意方式">
|
|
|
+ <a-form-model-item label="创意方式">
|
|
|
<a-radio-group v-model="configForm.creativeMaterialMode" button-style="solid">
|
|
|
<a-radio-button value="STATIC_ASSEMBLE" :disabled="modalTitle === 'edit'">程序化创意</a-radio-button>
|
|
|
<a-radio-button value="NONE" :disabled="modalTitle === 'edit'">自定义创意</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="创意内容">
|
|
|
- <a-radio-group v-model="configForm.creativeImageMode" button-style="solid">
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE">大图横图</a-radio-button>
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_SMALL">小图</a-radio-button>
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTAwemeStatus" label="卡片主图">
|
|
|
- <a-upload
|
|
|
- name="avatar"
|
|
|
- list-type="picture-card"
|
|
|
- class="avatar-uploader"
|
|
|
- :show-upload-list="false"
|
|
|
- :before-upload="beforeUpload"
|
|
|
- >
|
|
|
- <div v-if="imageUrl" class="upload-img-class" @mouseover="handleChangeActive">
|
|
|
- <div class="img-flex-url">
|
|
|
- <img :src="imageUrl" alt="avatar"/>
|
|
|
- </div>
|
|
|
- <!-- TODO 划过图片显示覆盖层 -->
|
|
|
- <!-- <div v-if="isCoverImgDiv" class="cover-img-div" @mouseleave="handleRemoveActive">
|
|
|
- <a-icon class="delete-icon-class" type="delete" @click.stop="handleDeleteImg"/>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <a-icon type="plus" style="margin-top: 10px;"/>
|
|
|
- <div class="ant-upload-text">Upload</div>
|
|
|
- </div>
|
|
|
- </a-upload>
|
|
|
- <span class="especial-label">*</span>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTAwemeStatus" label="卡片标题" prop="creativeProductDescription">
|
|
|
- <a-input
|
|
|
- class="common-input-long"
|
|
|
- placeholder="请输入卡片标题"
|
|
|
- v-model="configForm.creativeProductDescription"
|
|
|
- allow-clear
|
|
|
- />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTAwemeStatus" label="推广卖点">
|
|
|
- <a-button type="primary" @click="handleAddOrigin">
|
|
|
- <a-icon type="plus" />推广卖点
|
|
|
- </a-button>
|
|
|
- <span class="especial-label">*</span>
|
|
|
- </a-form-model-item>
|
|
|
- <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
- <a-form-model-item
|
|
|
- v-for="(item, index) in configForm.defaultFormList"
|
|
|
- :key="item.id"
|
|
|
- class="examin-form-model"
|
|
|
- :prop="'defaultFormList.' + index + '.value'"
|
|
|
- :rules="[
|
|
|
- {required: true, message: '请输入', trigger: 'blur'},
|
|
|
- {min: 6, max: 9, message: '请输入6-9个字', trigger: 'blur'},
|
|
|
- ]"
|
|
|
- >
|
|
|
- <a-input class="common-input-long" v-model="item.value" placeholder="请输入" allow-clear/>
|
|
|
- <a-icon class="examin-form-icon" type="delete" @click="handleDelOrigin(item)"/>
|
|
|
+ <div v-if="configForm.adUnionVideoType === 'REWARDED_VIDEO'">
|
|
|
+ <a-form-model-item label="创意内容">
|
|
|
+ <a-radio-group v-model="configForm.creativeImageMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="行动号召">
|
|
|
+ <a-radio-group v-model="configForm.creativeEnablePersonalAction" button-style="solid">
|
|
|
+ <a-radio-button :value="true">开启智能优选</a-radio-button>
|
|
|
+ <a-radio-button :value="false">关闭智能优选</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ <span class="especial-label">*</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
+ <a-form-model-item prop="creativeCallToAction">
|
|
|
+ <a-select
|
|
|
+ class="common-input-long"
|
|
|
+ v-model="configForm.creativeCallToAction"
|
|
|
+ >
|
|
|
+ <a-select-option
|
|
|
+ v-for="(item, index) in configForm.creativeOptions"
|
|
|
+ :key="index + 1"
|
|
|
+ :value="item"
|
|
|
+ >
|
|
|
+ {{ item }}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ <a-form-model-item label="来源" :prop="getSource">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ placeholder="请输入来源"
|
|
|
+ v-model="configForm.creativeSource"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="搭配试玩">
|
|
|
+ <a-radio-group v-model="configForm.collocationPlay" button-style="solid">
|
|
|
+ <a-radio-button value="a">不启用</a-radio-button>
|
|
|
+ <a-radio-button value="b">启用</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="自动生成视频素材">
|
|
|
+ <a-radio-group v-model="configForm.creativeIsPresentedVideo" button-style="solid">
|
|
|
+ <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
+ <a-radio-button :value="1">启用</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="最优创意衍生计划">
|
|
|
+ <a-radio-group v-model="configForm.creativeGenerateDerivedAd" button-style="solid">
|
|
|
+ <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
+ <a-radio-button :value="1">启用</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTomatoStatus" label="创意展现">
|
|
|
+ <a-radio-group v-model="configForm.creativeDisplayMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
|
|
|
+ 选择优选模式,系统会自动对效果好的创意进行展示量倾斜,创意效果越好展示量越高
|
|
|
+ </div>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
|
|
|
+ 使用创意轮播,系统将平分各创意展现机会,便于广告主比较各创意投放效果
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <a-form-model-item v-if="isTAwemeStatus" label="行动号召">
|
|
|
- <a-radio-group v-model="configForm.creativeEnablePersonalAction" button-style="solid">
|
|
|
- <a-radio-button :value="true">开启智能优选</a-radio-button>
|
|
|
- <a-radio-button :value="false">关闭智能优选</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <span class="especial-label">*</span>
|
|
|
- </a-form-model-item>
|
|
|
- <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
- <a-form-model-item prop="creativeCallToAction">
|
|
|
- <a-select
|
|
|
+ <div v-else-if="configForm.adUnionVideoType === 'ORIGINAL_VIDEO'">
|
|
|
+ <a-form-model-item label="创意内容">
|
|
|
+ <a-radio-group v-model="configForm.creativeImageMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE">大图横图</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_SMALL">小图</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="行动号召">
|
|
|
+ <a-radio-group v-model="configForm.creativeEnablePersonalAction" button-style="solid">
|
|
|
+ <a-radio-button :value="true">开启智能优选</a-radio-button>
|
|
|
+ <a-radio-button :value="false">关闭智能优选</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ <span class="especial-label">*</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
+ <a-form-model-item prop="creativeCallToAction">
|
|
|
+ <a-select
|
|
|
+ class="common-input-long"
|
|
|
+ v-model="configForm.creativeCallToAction"
|
|
|
+ >
|
|
|
+ <a-select-option
|
|
|
+ v-for="(item, index) in configForm.creativeOptions"
|
|
|
+ :key="index + 1"
|
|
|
+ :value="item"
|
|
|
+ >
|
|
|
+ {{ item }}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ <a-form-model-item label="来源" :prop="getSource">
|
|
|
+ <a-input
|
|
|
class="common-input-long"
|
|
|
- v-model="configForm.creativeCallToAction"
|
|
|
+ placeholder="请输入来源"
|
|
|
+ v-model="configForm.creativeSource"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTomatoStatus" label="创意展现">
|
|
|
+ <a-radio-group v-model="configForm.creativeDisplayMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
|
|
|
+ 选择优选模式,系统会自动对效果好的创意进行展示量倾斜,创意效果越好展示量越高
|
|
|
+ </div>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
|
|
|
+ 使用创意轮播,系统将平分各创意展现机会,便于广告主比较各创意投放效果
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <a-form-model-item label="创意内容">
|
|
|
+ <a-radio-group v-model="configForm.creativeImageMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE">大图横图</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_SMALL">小图</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="卡片主图">
|
|
|
+ <a-upload
|
|
|
+ name="avatar"
|
|
|
+ list-type="picture-card"
|
|
|
+ class="avatar-uploader"
|
|
|
+ :show-upload-list="false"
|
|
|
+ :before-upload="beforeUpload"
|
|
|
+ >
|
|
|
+ <div v-if="imageUrl" class="upload-img-class" @mouseover="handleChangeActive">
|
|
|
+ <div class="img-flex-url">
|
|
|
+ <img :src="imageUrl" alt="avatar"/>
|
|
|
+ </div>
|
|
|
+ <!-- TODO 划过图片显示覆盖层 -->
|
|
|
+ <!-- <div v-if="isCoverImgDiv" class="cover-img-div" @mouseleave="handleRemoveActive">
|
|
|
+ <a-icon class="delete-icon-class" type="delete" @click.stop="handleDeleteImg"/>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <a-icon type="plus" style="margin-top: 10px;"/>
|
|
|
+ <div class="ant-upload-text">Upload</div>
|
|
|
+ </div>
|
|
|
+ </a-upload>
|
|
|
+ <span class="especial-label">*</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="卡片标题" prop="creativeProductDescription">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ placeholder="请输入卡片标题"
|
|
|
+ v-model="configForm.creativeProductDescription"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="推广卖点">
|
|
|
+ <a-button type="primary" @click="handleAddOrigin">
|
|
|
+ <a-icon type="plus" />推广卖点
|
|
|
+ </a-button>
|
|
|
+ <span class="especial-label">*</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
+ <a-form-model-item
|
|
|
+ v-for="(item, index) in configForm.defaultFormList"
|
|
|
+ :key="item.id"
|
|
|
+ class="examin-form-model"
|
|
|
+ :prop="'defaultFormList.' + index + '.value'"
|
|
|
+ :rules="[
|
|
|
+ {required: true, message: '请输入', trigger: 'blur'},
|
|
|
+ {min: 6, max: 9, message: '请输入6-9个字', trigger: 'blur'},
|
|
|
+ ]"
|
|
|
>
|
|
|
- <a-select-option
|
|
|
- v-for="(item, index) in configForm.creativeOptions"
|
|
|
- :key="index + 1"
|
|
|
- :value="item"
|
|
|
+ <a-input class="common-input-long" v-model="item.value" placeholder="请输入" allow-clear/>
|
|
|
+ <a-icon class="examin-form-icon" type="delete" @click="handleDelOrigin(item)"/>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ <a-form-model-item v-if="isTAwemeStatus" label="行动号召">
|
|
|
+ <a-radio-group v-model="configForm.creativeEnablePersonalAction" button-style="solid">
|
|
|
+ <a-radio-button :value="true">开启智能优选</a-radio-button>
|
|
|
+ <a-radio-button :value="false">关闭智能优选</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ <span class="especial-label">*</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="isTAwemeStatus" class="adver-position-radio">
|
|
|
+ <a-form-model-item prop="creativeCallToAction">
|
|
|
+ <a-select
|
|
|
+ class="common-input-long"
|
|
|
+ v-model="configForm.creativeCallToAction"
|
|
|
>
|
|
|
- {{ item }}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-select-option
|
|
|
+ v-for="(item, index) in configForm.creativeOptions"
|
|
|
+ :key="index + 1"
|
|
|
+ :value="item"
|
|
|
+ >
|
|
|
+ {{ item }}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+ <a-form-model-item label="来源" :prop="getSource">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ placeholder="请输入来源"
|
|
|
+ v-model="configForm.creativeSource"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
</a-form-model-item>
|
|
|
- </div>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="来源" :prop="getSource">
|
|
|
- <a-input
|
|
|
- class="common-input-long"
|
|
|
- placeholder="请输入来源"
|
|
|
- v-model="configForm.creativeSource"
|
|
|
- allow-clear
|
|
|
- />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="应用名" prop="creativeAppName">
|
|
|
- <a-input
|
|
|
- class="common-input-long"
|
|
|
- placeholder="请输入应用名"
|
|
|
- v-model="configForm.creativeAppName"
|
|
|
- allow-clear
|
|
|
- />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL' && platformLoadingType === 'APP_ANDROID'" label="副标题">
|
|
|
- <a-input
|
|
|
- class="common-input-long"
|
|
|
- placeholder="请输入副标题"
|
|
|
- v-model="configForm.creativeSubTitle"
|
|
|
- allow-clear
|
|
|
- @blur="handleCreativeSubTitleBlur"
|
|
|
- />
|
|
|
- </a-form-model-item>
|
|
|
- <div v-if="subTitleMsgStatus" style="width: 500px;color: #f00;margin-left: 140px">{{ subTitleMsg }}</div>
|
|
|
- <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="自动生成视频素材">
|
|
|
- <a-radio-group v-model="configForm.creativeIsPresentedVideo" button-style="solid">
|
|
|
- <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
- <a-radio-button :value="1">启用</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="最优创意衍生计划">
|
|
|
- <a-radio-group v-model="configForm.creativeGenerateDerivedAd" button-style="solid">
|
|
|
- <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
- <a-radio-button :value="1">启用</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="广告评论">
|
|
|
- <a-radio-group v-model="configForm.creativeIsCommentDisable" button-style="solid">
|
|
|
- <a-radio-button :value="1">关闭</a-radio-button>
|
|
|
- <a-radio-button :value="0">开启</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="客户端下载视频">
|
|
|
- <a-radio-group v-model="configForm.creativeDownloadStatus" button-style="solid">
|
|
|
- <a-radio-button :value="1">关闭</a-radio-button>
|
|
|
- <a-radio-button :value="0">开启</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item v-if="isTomatoStatus" label="创意展现">
|
|
|
- <a-radio-group v-model="configForm.creativeDisplayMode" button-style="solid">
|
|
|
- <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
|
|
|
- <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <div v-if="isTomatoStatus && configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
|
|
|
- 选择优选模式,系统会自动对效果好的创意进行展示量倾斜,创意效果越好展示量越高
|
|
|
- </div>
|
|
|
- <div v-if="isTomatoStatus && configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
|
|
|
- 使用创意轮播,系统将平分各创意展现机会,便于广告主比较各创意投放效果
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="应用名" prop="creativeAppName">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ placeholder="请输入应用名"
|
|
|
+ v-model="configForm.creativeAppName"
|
|
|
+ allow-clear
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL' && platformLoadingType === 'APP_ANDROID'" label="副标题">
|
|
|
+ <a-input
|
|
|
+ class="common-input-long"
|
|
|
+ placeholder="请输入副标题"
|
|
|
+ v-model="configForm.creativeSubTitle"
|
|
|
+ allow-clear
|
|
|
+ @blur="handleCreativeSubTitleBlur"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="subTitleMsgStatus" style="width: 500px;color: #f00;margin-left: 140px">{{ subTitleMsg }}</div>
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="自动生成视频素材">
|
|
|
+ <a-radio-group v-model="configForm.creativeIsPresentedVideo" button-style="solid">
|
|
|
+ <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
+ <a-radio-button :value="1">启用</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="configForm.adDownloadType === 'DOWNLOAD_URL'" label="最优创意衍生计划">
|
|
|
+ <a-radio-group v-model="configForm.creativeGenerateDerivedAd" button-style="solid">
|
|
|
+ <a-radio-button :value="0">不启用</a-radio-button>
|
|
|
+ <a-radio-button :value="1">启用</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="广告评论">
|
|
|
+ <a-radio-group v-model="configForm.creativeIsCommentDisable" button-style="solid">
|
|
|
+ <a-radio-button :value="1">关闭</a-radio-button>
|
|
|
+ <a-radio-button :value="0">开启</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="客户端下载视频">
|
|
|
+ <a-radio-group v-model="configForm.creativeDownloadStatus" button-style="solid">
|
|
|
+ <a-radio-button :value="1">关闭</a-radio-button>
|
|
|
+ <a-radio-button :value="0">开启</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item v-if="isTomatoStatus" label="创意展现">
|
|
|
+ <a-radio-group v-model="configForm.creativeDisplayMode" button-style="solid">
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
|
|
|
+ <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_CTR'" class="adver-position-radio">
|
|
|
+ 选择优选模式,系统会自动对效果好的创意进行展示量倾斜,创意效果越好展示量越高
|
|
|
+ </div>
|
|
|
+ <div v-if="configForm.creativeDisplayMode === 'CREATIVE_DISPLAY_MODE_RANDOM'" class="adver-position-radio">
|
|
|
+ 使用创意轮播,系统将平分各创意展现机会,便于广告主比较各创意投放效果
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="isTomatoStatus" class="separate-module-con">
|
|
|
+ <div class="separate-module-con">
|
|
|
<p class="rock-title">创意分类</p>
|
|
|
<a-form-model-item label="创意分类" prop="creativeThirdIndustryIds">
|
|
|
<a-cascader
|
|
@@ -1245,7 +1378,6 @@ export default {
|
|
|
listArr: [],
|
|
|
regionCityListUrl: 'ctop/bytedanceAreaInfo/list',
|
|
|
defaultAdBudget: '',
|
|
|
- // adBudgetShowTitle: false,/
|
|
|
adBudgetNum: 300,
|
|
|
campaignStatus: false,
|
|
|
detailData: {},
|
|
@@ -1412,6 +1544,8 @@ export default {
|
|
|
creativeThirdIndustryIds: [{required: true, message: '请选择', trigger: 'change'}]
|
|
|
},
|
|
|
configForm: {
|
|
|
+ collocationPlay: 'a',
|
|
|
+ adUnionVideoType: '',
|
|
|
creativeWebUrl: '',
|
|
|
adAppType: '',
|
|
|
adDirectionalFlag: 'add',
|
|
@@ -1502,6 +1636,7 @@ export default {
|
|
|
adRetargetingTagsInclude: '',
|
|
|
adRetargetingTagsExclude: '',
|
|
|
adAutoExtendTargets: '',
|
|
|
+ adDeliveryRange: '',
|
|
|
creativeCallToAction: '', // 行动号召
|
|
|
creativeLabel: undefined // 倡议标签
|
|
|
},
|
|
@@ -1737,9 +1872,16 @@ export default {
|
|
|
else {
|
|
|
this.isTAwemeStatus = false;
|
|
|
}
|
|
|
+ if (newVal.length === 1 && newVal[0] === 'INVENTORY_UNION_SLOT') {
|
|
|
+ this.configForm.adUnionVideoType = 'REWARDED_VIDEO';
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.configForm.adUnionVideoType = '';
|
|
|
+ }
|
|
|
}
|
|
|
else {
|
|
|
this.isTAwemeStatus = true;
|
|
|
+ this.configForm.adUnionVideoType = '';
|
|
|
}
|
|
|
},
|
|
|
handleGetChengZiSite() {
|
|
@@ -1759,6 +1901,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
handleViedoListClick(data) {
|
|
|
+ console.log(data, 'data--data');
|
|
|
this.landingPageShowData = data;
|
|
|
this.configForm.creativeWebUrl = data.creativeWebUrl;
|
|
|
this.weburlModel = '';
|
|
@@ -1848,7 +1991,6 @@ export default {
|
|
|
this.configForm.updateGetingExclude = [];
|
|
|
this.configForm.adRetargetingTagsType = '';
|
|
|
this.configForm.adPlatform = 'NONE';
|
|
|
- this.platformLoadingType = '';
|
|
|
this.configForm.adDeviceSelectType = ['NONE'];
|
|
|
this.configForm.adAndroidVersion = 'NONE';
|
|
|
this.configForm.adSelectAc = ['NONE'];
|
|
@@ -2469,6 +2611,14 @@ export default {
|
|
|
else {
|
|
|
this.isTAwemeStatus = false;
|
|
|
}
|
|
|
+ if (this.configForm.checkboxChangeValue.length === 1 && this.configForm.checkboxChangeValue[0] === 'INVENTORY_UNION_SLOT') {
|
|
|
+ this.configForm.adUnionVideoType = detailData.adUnionVideoType;
|
|
|
+ this.configForm.adDeliveryRange = 'UNION';
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.configForm.adUnionVideoType = '';
|
|
|
+ this.configForm.adDeliveryRange = '';
|
|
|
+ }
|
|
|
}
|
|
|
else {
|
|
|
this.configForm.adverPosition = 'a';
|
|
@@ -2478,7 +2628,6 @@ export default {
|
|
|
}
|
|
|
this.configForm.adInterestActionMode = detailData.adInterestActionMode;
|
|
|
this.configForm.creativeDisplayMode = detailData.creativeDisplayMode;
|
|
|
- // this.configForm.creativeAppName = detailData.creativeAppName;
|
|
|
this.configForm.creativeIsPresentedVideo = detailData.creativeIsPresentedVideo;
|
|
|
this.configForm.creativeGenerateDerivedAd = detailData.creativeGenerateDerivedAd;
|
|
|
this.configForm.creativeIsCommentDisable = detailData.creativeIsCommentDisable;
|
|
@@ -2757,6 +2906,12 @@ export default {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
+ if (paramsFormData.checkboxChangeValue.length === 1 && paramsFormData.checkboxChangeValue[0] === 'INVENTORY_UNION_SLOT') {
|
|
|
+ paramsFormData.adDeliveryRange = 'UNION';
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ paramsFormData.adDeliveryRange = '';
|
|
|
+ }
|
|
|
if (this.configForm.adDirectionalFlag === 'choice' && !this.configForm.adAudiencePackageId) {
|
|
|
this.$message.error('请选择已有定向包');
|
|
|
return;
|
|
@@ -2795,7 +2950,7 @@ export default {
|
|
|
this.$message.error('请添加卖点');
|
|
|
return;
|
|
|
}
|
|
|
- if (this.isTomatoStatus && !this.creativeTag.length) {
|
|
|
+ if (!this.creativeTag.length) {
|
|
|
this.$message.error('请添加标签');
|
|
|
return;
|
|
|
}
|