|
@@ -199,7 +199,7 @@
|
|
|
|
|
|
|
|
|
<a-form-item
|
|
|
- label="出价"
|
|
|
+ label="OCPC出价"
|
|
|
v-if="showCpaBid"
|
|
|
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
@@ -211,6 +211,74 @@
|
|
|
|
|
|
|
|
|
<a-form-item
|
|
|
+ label="深度转化目标"
|
|
|
+ v-if="showDeepConversionType"
|
|
|
+ :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
+ :wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
|
+ <a-select
|
|
|
+ v-model="deepConversionType"
|
|
|
+ showSearch
|
|
|
+ showArrow
|
|
|
+ allowClear
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 500px"
|
|
|
+ :filterOption="filterOption"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="conversionType in deepConversionTypes"
|
|
|
+ :key="conversionType.deep_conversion_type"
|
|
|
+ :value="conversionType.deep_conversion_type">{{conversionType.desc}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="深度转化目标出价"
|
|
|
+ v-if="showDeepConversionBid"
|
|
|
+ :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
+ :wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
|
+ <a-input
|
|
|
+ v-model="deepConversionBid"
|
|
|
+ placeholder="请填写深度转化出价金额" style="width: 70%"></a-input>
|
|
|
+ 元
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="广告投放位置"
|
|
|
+ :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
+ :wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
|
+ <a-radio-group v-model="placementPosition" buttonStyle="solid" @change="changeShowPosition()">
|
|
|
+ <a-radio-button value='1' :disabled="true">优选广告位</a-radio-button>
|
|
|
+ <a-radio-button value='2'>按场景选择广告位</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="场景广告位"
|
|
|
+ v-if="showPosition"
|
|
|
+ :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
+ :wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
|
+ <a-radio-group v-model="sceneId">
|
|
|
+ <a-radio-button value='2'>信息流广告</a-radio-button>
|
|
|
+ <a-radio-button value='3'>视频后贴片广告</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="创意制作方式"
|
|
|
+ :labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
+ :wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
|
+ <a-radio-group v-model="unitType">
|
|
|
+ <a-radio-button value='4'>自定义</a-radio-button>
|
|
|
+ <a-radio-button value='2' :disabled="true">程序化创意</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
label="广告组名称"
|
|
|
:labelCol="{lg: {span: 7}, sm: {span: 7}}"
|
|
|
:wrapperCol="{lg: {span: 10}, sm: {span: 17} }">
|
|
@@ -273,11 +341,19 @@
|
|
|
showOcpxActionType: false,
|
|
|
showCpaBid: false,
|
|
|
cpaBid: 0,// bid_type 是 OCPC 时该字段必填
|
|
|
- page: 2,// 资源位置
|
|
|
unitName: "_" + moment().format('YYYY-MM-DD_HH:mm'),//广告组名称
|
|
|
activationDisabled: true,
|
|
|
isFormDisabled: true,
|
|
|
|
|
|
+ placementPosition: '2',
|
|
|
+ showPosition: true,
|
|
|
+ sceneId: '2',
|
|
|
+ deepConversionTypes: [],
|
|
|
+ deepConversionType: '',
|
|
|
+ showDeepConversionType: false,
|
|
|
+ showDeepConversionBid: false,
|
|
|
+ deepConversionBid: 0,
|
|
|
+ unitType: '4',
|
|
|
|
|
|
form: this.$form.createForm(this),
|
|
|
url: {
|
|
@@ -293,6 +369,15 @@
|
|
|
methods: {
|
|
|
...mapGetters(["nickname", "avatar", "userInfo"]),
|
|
|
|
|
|
+
|
|
|
+ changeShowPosition() {
|
|
|
+ if (this.placementPosition == 1) {
|
|
|
+ this.showPosition = false;
|
|
|
+ } else {
|
|
|
+ this.showPosition = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
deepConversion() {
|
|
|
if (this.accountId != '') {
|
|
|
let params = {};
|
|
@@ -301,6 +386,7 @@
|
|
|
if (res.success) {
|
|
|
if (res.result.isActivate == 1) {
|
|
|
this.activationDisabled = false;
|
|
|
+ this.deepConversionTypes = res.result.deepConversionTypes;
|
|
|
} else {
|
|
|
this.activationDisabled = true;
|
|
|
}
|
|
@@ -309,10 +395,13 @@
|
|
|
} else {
|
|
|
this.isFormDisabled = true;
|
|
|
}
|
|
|
- console.log(res.result)
|
|
|
+
|
|
|
+
|
|
|
} else {
|
|
|
this.activationDisabled = true;
|
|
|
this.isFormDisabled = true;
|
|
|
+ this.showDeepConversionType = false;
|
|
|
+ this.showDeepConversionBid = false;
|
|
|
}
|
|
|
});
|
|
|
|
|
@@ -325,6 +414,17 @@
|
|
|
this.showBid = false;
|
|
|
this.showOcpxActionType = true;
|
|
|
this.showCpaBid = true;
|
|
|
+
|
|
|
+ if(this.ocpxActionType == '180' && this.deepConversionTypes.length > 0){
|
|
|
+ this.showDeepConversionType = true;
|
|
|
+ this.showDeepConversionBid = true;
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.showDeepConversionType = false;
|
|
|
+ this.showDeepConversionBid = false;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
} else {
|
|
|
this.showBid = true;
|
|
|
this.showOcpxActionType = false;
|
|
@@ -414,7 +514,12 @@
|
|
|
console.log('优化目标:', this.ocpxActionType);
|
|
|
console.log('出价金额,cpaBid:', this.cpaBid);
|
|
|
}
|
|
|
- console.log('资源位置: ', this.page);
|
|
|
+
|
|
|
+
|
|
|
+ console.log('资源位置: ', this.sceneId);
|
|
|
+ console.log('创意制作防水: ', this.unitType);
|
|
|
+ console.log('深度转化目标: ', this.deepConversionType);
|
|
|
+ console.log('深度转化目标出价: ', this.deepConversionBid);
|
|
|
console.log('广告组名称: ', this.unitName);
|
|
|
let params = {};
|
|
|
params.dayBudget = this.dayBudget * 1000;
|
|
@@ -438,13 +543,18 @@
|
|
|
params.ocpxActionType = this.ocpxActionType;
|
|
|
params.cpaBid = this.cpaBid * 1000;
|
|
|
}
|
|
|
- params.page = this.page;
|
|
|
+
|
|
|
params.showModel = this.showMode;
|
|
|
params.unitName = this.unitName;
|
|
|
params.loginId = this.userInfo().id;
|
|
|
params.accountId = this.accountId;
|
|
|
params.campaignTemplateId = this.campaignTemplateId;
|
|
|
params.createCount = this.createCount;
|
|
|
+ params.sceneId = this.sceneId;
|
|
|
+ params.unitType = this.unitType;
|
|
|
+ params.deepConversionType = this.deepConversionType;
|
|
|
+ params.deepConversionBid = this.deepConversionBid * 1000;
|
|
|
+
|
|
|
|
|
|
console.log(params)
|
|
|
postAction(this.url.insertTemplateUrl, params).then((res) => {
|