|
@@ -18,10 +18,25 @@
|
|
|
</a-form-item>
|
|
|
|
|
|
<a-form-item
|
|
|
- label="模板名称"
|
|
|
+ label="选择已有广告组"
|
|
|
:labelCol="labelCol"
|
|
|
:wrapperCol="wrapperCol">
|
|
|
- <a-input v-model="templateName" placeholder="请输入模板名称">
|
|
|
+ <a-select
|
|
|
+ v-model="campaignId"
|
|
|
+ showSearch
|
|
|
+ placeholder="选择已有广告组"
|
|
|
+ optionFilterProp="children"
|
|
|
+ style="width: 400px"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="campaign in existCampaignList" :key="campaign.campaign_id" :value="campaign.campaign_id">{{campaign.name}}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ label="创意名称"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-model="templateName" placeholder="请输入创意名称">
|
|
|
</a-input>
|
|
|
</a-form-item>
|
|
|
<a-form-item
|
|
@@ -84,6 +99,36 @@
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
|
|
|
+ <a-form-item
|
|
|
+ v-if="deliveryRange=='2'"
|
|
|
+ label="定向流量包"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ mode="tags"
|
|
|
+ placeholder="选择需要定向的流量包"
|
|
|
+ style="width: 600px"
|
|
|
+ v-model="flowPackage"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="getPackage in flowPackageList" :key="getPackage.flow_package_id.toString()" :value="getPackage.flow_package_id.toString()">{{getPackage.name}}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item
|
|
|
+ v-if="deliveryRange=='2'"
|
|
|
+ label="排除流量包"
|
|
|
+ :labelCol="labelCol"
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
+ <a-select
|
|
|
+ mode="tags"
|
|
|
+ placeholder="选择需要排除的流量包"
|
|
|
+ style="width: 600px"
|
|
|
+ v-model="excludeFlowPackage"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="getPackage in flowPackageList" :key="getPackage.flow_package_id.toString()" :value="getPackage.flow_package_id.toString()">{{getPackage.name}}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
|
|
|
<a-form-item
|
|
|
label="投放目标"
|
|
@@ -343,6 +388,11 @@
|
|
|
components: {AFormItem},
|
|
|
data() {
|
|
|
return {
|
|
|
+ existCampaignList:[],
|
|
|
+ flowPackageList:[],
|
|
|
+ excludeFlowPackage:[],
|
|
|
+ flowPackage:[],
|
|
|
+ campaignId:'',
|
|
|
webUrl:'',
|
|
|
retargetingTagsExclude:[],
|
|
|
retargetingTagsInclude:[],
|
|
@@ -429,7 +479,9 @@
|
|
|
convertList:'template/convert/list/url',
|
|
|
userOrentationList:'ctop/byteDanceUserOrientationTemplate/list',
|
|
|
creativeTemplateList:'/ctop/bytedanceCreativeLaunchTemplate/list',
|
|
|
- userAudienceList:'toutiao/advertiser/custom/audience/select'
|
|
|
+ userAudienceList:'toutiao/advertiser/custom/audience/select',
|
|
|
+ getCampanginList:'toutiao/advertiser/campaign/list',
|
|
|
+ getFlowPackageList:'toutiao/advertiser/custom/package/get'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -563,6 +615,18 @@
|
|
|
this.audienceList = res.data;
|
|
|
}
|
|
|
});
|
|
|
+ params = {};
|
|
|
+ getAction(this.url.getCampanginList+'?accountId='+this.accountId, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.existCampaignList = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ params = {};
|
|
|
+ getAction(this.url.getFlowPackageList+'?accountId='+this.accountId, params).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.flowPackageList = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
onChangeDeliveryTarget(value) {
|
|
|
console.log(value);
|
|
@@ -612,6 +676,7 @@
|
|
|
}
|
|
|
console.log("付费方式:" + this.priceType);
|
|
|
console.log("目标转化出价:" + this.convertPrice);
|
|
|
+ params.campaignId = this.campaignId;
|
|
|
params.userOrientationId = this.userOrientationId;
|
|
|
params.templateName = this.templateName;
|
|
|
params.accountId = this.accountId;
|
|
@@ -639,6 +704,8 @@
|
|
|
params.convertType = this.convertType;
|
|
|
params.retargetingTagsExclude = this.retargetingTagsExclude;
|
|
|
params.retargetingTagsInclude = this.retargetingTagsInclude;
|
|
|
+ params.flowPackage = this.flowPackage;
|
|
|
+ params.excludeFlowPackage = this.excludeFlowPackage;
|
|
|
if (this.time != [] && this.time.length == 2) {
|
|
|
params.startDate = moment(this.time[0]).format('YYYY-MM-DD HH:mm')
|
|
|
params.endDate = moment(this.time[1]).format('YYYY-MM-DD HH:mm')
|