|
@@ -21,27 +21,39 @@
|
|
|
>
|
|
|
</acount-search>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="dp链接范围" class="dp-link-start" prop="dpLinkStartIndex">
|
|
|
- <a-input-number
|
|
|
- class="common-input"
|
|
|
- v-model="configForm.dpLinkStartIndex"
|
|
|
- :disabled="modalTitle === 'edit'"
|
|
|
- :min="1"
|
|
|
- placeholder="请输入"
|
|
|
- @change="handleDplinkStart"
|
|
|
- />
|
|
|
- <span>~</span>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item class="dp-link-end" prop="dpLinkEndIndex">
|
|
|
- <a-input-number
|
|
|
- class="common-input"
|
|
|
- v-model="configForm.dpLinkEndIndex"
|
|
|
- :disabled="modalTitle === 'edit'"
|
|
|
- :min="getEndIndex"
|
|
|
- placeholder="请输入"
|
|
|
- @change="handleDplinkEnd"
|
|
|
- />
|
|
|
+ <a-form-model-item label="dp链接">
|
|
|
+ <a-radio-group
|
|
|
+ v-model="configForm.dpLinkIndexUsed"
|
|
|
+ button-style="solid"
|
|
|
+ @change="handleDpLinkIndexUsed"
|
|
|
+ >
|
|
|
+ <a-radio-button :value="0">关闭</a-radio-button>
|
|
|
+ <a-radio-button :value="1">开启</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
+ <div v-if="configForm.dpLinkIndexUsed === 1">
|
|
|
+ <a-form-model-item label="dp链接范围" class="dp-link-start" prop="dpLinkStartIndex">
|
|
|
+ <a-input-number
|
|
|
+ class="common-input"
|
|
|
+ v-model="configForm.dpLinkStartIndex"
|
|
|
+ :disabled="modalTitle === 'edit'"
|
|
|
+ :min="1"
|
|
|
+ placeholder="请输入"
|
|
|
+ @change="handleDplinkStart"
|
|
|
+ />
|
|
|
+ <span>~</span>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item class="dp-link-end" prop="dpLinkEndIndex">
|
|
|
+ <a-input-number
|
|
|
+ class="common-input"
|
|
|
+ v-model="configForm.dpLinkEndIndex"
|
|
|
+ :disabled="modalTitle === 'edit'"
|
|
|
+ :min="getEndIndex"
|
|
|
+ placeholder="请输入"
|
|
|
+ @change="handleDplinkEnd"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
<a-form-model-item label="预算方式">
|
|
|
<a-radio-group
|
|
|
v-model="configForm.accountBudgetMode"
|
|
@@ -296,25 +308,26 @@
|
|
|
</a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item v-if="configForm.customPerson === 'a'" label="定向逻辑">
|
|
|
- <a-radio-group v-model="configForm.directionalLogic" button-style="solid" @change="handleDirectionalLogic">
|
|
|
+ <!-- adRetargetingTagsType -->
|
|
|
+ <a-radio-group v-model="configForm.adRetargetingTagsType" button-style="solid" @change="handleDirectionalLogic">
|
|
|
<a-radio-button value="1">定向</a-radio-button>
|
|
|
<a-radio-button value="2">排除</a-radio-button>
|
|
|
<a-radio-button value="3">同时定向排除</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
- <div v-if="configForm.customPerson === 'a' && configForm.directionalLogic === '1'" class="adver-position-radio">
|
|
|
+ <div v-if="configForm.customPerson === 'a' && configForm.adRetargetingTagsType === '1'" class="adver-position-radio">
|
|
|
<div style="width: 60%;">
|
|
|
- <directional-logic ref="direct" packtype="directional" multitype="alone" :defaultlist="directionalData" :updatelistinclude="configForm.updateGetingInclude" @selection-alone-event="handleSelectionAloneEvent"></directional-logic>
|
|
|
+ <directional-logic ref="direct" packtype="directional" multitype="alone" :defaultlist="directionalData" :valueids="configForm.adRetargetingTagsType" :updatelistinclude="configForm.updateGetingInclude" @selection-alone-event="handleSelectionAloneEvent"></directional-logic>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="configForm.customPerson === 'a' && configForm.directionalLogic === '2'" class="adver-position-radio">
|
|
|
+ <div v-if="configForm.customPerson === 'a' && configForm.adRetargetingTagsType === '2'" class="adver-position-radio">
|
|
|
<div style="width: 60%;">
|
|
|
- <directional-logic ref="exclude" packtype="exclude" multitype="alone" :defaultlist="directionalData" :updatelistexclude="configForm.updateGetingExclude" @selection-alone-event="handleSelectionAloneEvent"></directional-logic>
|
|
|
+ <directional-logic ref="exclude" packtype="exclude" multitype="alone" :defaultlist="directionalData" :valueids="configForm.adRetargetingTagsType" :updatelistexclude="configForm.updateGetingExclude" @selection-alone-event="handleSelectionAloneEvent"></directional-logic>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="configForm.customPerson === 'a' && configForm.directionalLogic === '3'" class="adver-position-radio">
|
|
|
+ <div v-if="configForm.customPerson === 'a' && configForm.adRetargetingTagsType === '3'" class="adver-position-radio">
|
|
|
<div style="width: 60%;">
|
|
|
- <directional-logic ref="twoway" packtype="twoway" multitype="all" :defaultlist="directionalData" :updatelistinclude="configForm.updateGetingInclude" :updatelistexclude="configForm.updateGetingExclude" @selection-direct-event="handleDirectEvent" @selection-exclude-event="handleExcludeEvent"></directional-logic>
|
|
|
+ <directional-logic ref="twoway" packtype="twoway" multitype="all" :defaultlist="directionalData" :valueids="configForm.adRetargetingTagsType" :updatelistinclude="configForm.updateGetingInclude" :updatelistexclude="configForm.updateGetingExclude" @selection-direct-event="handleDirectEvent" @selection-exclude-event="handleExcludeEvent"></directional-logic>
|
|
|
</div>
|
|
|
</div>
|
|
|
<a-form-model-item label="媒体定向">
|
|
@@ -914,7 +927,7 @@ export default {
|
|
|
md5Result: '',
|
|
|
urlResult: '',
|
|
|
createOptions: [],
|
|
|
- adNameTags: ['出价方式', '素材名称', '日期', 'dp链接标识', '创意方式'],
|
|
|
+ adNameTags: ['出价方式', '素材名称', '日期', '创意方式'],
|
|
|
fieldNames: {
|
|
|
label: 'industryName',
|
|
|
value: 'industryId',
|
|
@@ -1023,7 +1036,8 @@ export default {
|
|
|
creativeThirdIndustryIds: [{required: true, message: '请选择', trigger: 'change'}]
|
|
|
},
|
|
|
configForm: {
|
|
|
- directionalLogic: '1',
|
|
|
+ dpLinkIndexUsed: 0,
|
|
|
+ adRetargetingTagsType: '1',
|
|
|
adAudiencePackageId: undefined,
|
|
|
adStepBid: 0,
|
|
|
ladderOne: '',
|
|
@@ -1213,6 +1227,17 @@ export default {
|
|
|
methods: {
|
|
|
...mapGetters(['nickname', 'avatar', 'userInfo']),
|
|
|
moment,
|
|
|
+ handleDpLinkIndexUsed(e) {
|
|
|
+ const defaultId = e.target.value;
|
|
|
+ if (defaultId === 0) {
|
|
|
+ this.adNameTags.pop();
|
|
|
+ this.configForm.dpLinkStartIndex = 1;
|
|
|
+ this.configForm.dpLinkEndIndex = 2;
|
|
|
+ }
|
|
|
+ else if (defaultId === 1) {
|
|
|
+ this.adNameTags.push('dp链接标识');
|
|
|
+ }
|
|
|
+ },
|
|
|
handleDplinkStart(e) {
|
|
|
this.configForm.dpLinkStartIndex = Math.round(e);
|
|
|
},
|
|
@@ -1241,13 +1266,13 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
handleSelectionAloneEvent(list) {
|
|
|
- if (this.configForm.directionalLogic === '1') {
|
|
|
+ if (this.configForm.adRetargetingTagsType === '1') {
|
|
|
this.configForm.updateGetingInclude = list;
|
|
|
this.configForm.adRetargetingTagsInclude = list && list.join(',');
|
|
|
this.configForm.adRetargetingTagsExclude = '';
|
|
|
this.configForm.updateGetingExclude = [];
|
|
|
}
|
|
|
- else if (this.configForm.directionalLogic === '2') {
|
|
|
+ else if (this.configForm.adRetargetingTagsType === '2') {
|
|
|
this.configForm.updateGetingExclude = list;
|
|
|
this.configForm.adRetargetingTagsExclude = list && list.join(',');
|
|
|
this.configForm.updateGetingInclude = [];
|
|
@@ -1255,10 +1280,12 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
handleDirectEvent(list) {
|
|
|
+ console.log(list, 'list--list--Include');
|
|
|
this.configForm.updateGetingInclude = list;
|
|
|
this.configForm.adRetargetingTagsInclude = list && list.join(',');
|
|
|
},
|
|
|
handleExcludeEvent(list) {
|
|
|
+ console.log(list, 'list--list--Exclude');
|
|
|
this.configForm.updateGetingExclude = list;
|
|
|
this.configForm.adRetargetingTagsExclude = list && list.join(',');
|
|
|
},
|
|
@@ -1267,9 +1294,13 @@ export default {
|
|
|
this.handleDirectionalList();
|
|
|
if (selectValue === '1') {
|
|
|
this.$refs.exclude.aloneInput = '';
|
|
|
+ this.$refs.twoway.directInput = '';
|
|
|
+ this.$refs.twoway.excludeInput = '';
|
|
|
}
|
|
|
else if (selectValue === '2') {
|
|
|
this.$refs.direct.aloneInput = '';
|
|
|
+ this.$refs.twoway.directInput = '';
|
|
|
+ this.$refs.twoway.excludeInput = '';
|
|
|
}
|
|
|
else if (selectValue === '3') {
|
|
|
this.$refs.direct.aloneInput = '';
|
|
@@ -1547,6 +1578,7 @@ export default {
|
|
|
this.configForm.campaignLandingType = detailData.campaignLandingType;
|
|
|
this.configForm.advertisingType = detailData.advertisingType || '1';
|
|
|
this.configForm.campaignName = detailData.campaignName || '';
|
|
|
+ this.configForm.dpLinkIndexUsed = detailData.dpLinkIndexUsed;
|
|
|
this.configForm.adName = detailData.adName || '';
|
|
|
this.configForm.campaignCnt = detailData.campaignCnt || '';
|
|
|
this.configForm.campaignAdCnt = detailData.campaignAdCnt || '';
|
|
@@ -1568,31 +1600,28 @@ export default {
|
|
|
item.key = item.custom_audience_id;
|
|
|
});
|
|
|
this.directionalData = result.result;
|
|
|
- if (detailData.adRetargetingTagsInclude && detailData.adRetargetingTagsExclude) {
|
|
|
+ this.configForm.adRetargetingTagsType = detailData.adRetargetingTagsType || '1';
|
|
|
+ if (detailData.adRetargetingTagsType === '3') {
|
|
|
this.configForm.customPerson = 'a';
|
|
|
- this.configForm.directionalLogic = '3';
|
|
|
this.configForm.adRetargetingTagsInclude = detailData.adRetargetingTagsInclude;
|
|
|
this.configForm.adRetargetingTagsExclude = detailData.adRetargetingTagsExclude;
|
|
|
+ this.configForm.updateGetingExclude = detailData.adRetargetingTagsExclude ? detailData.adRetargetingTagsExclude.split(',').map(item => Number(item)) : [];
|
|
|
+ this.configForm.updateGetingInclude = detailData.adRetargetingTagsInclude ? detailData.adRetargetingTagsInclude.split(',').map(item => Number(item)) : [];
|
|
|
+ }
|
|
|
+ else if (detailData.adRetargetingTagsType === '2') {
|
|
|
+ this.configForm.customPerson = 'a';
|
|
|
+ this.configForm.adRetargetingTagsExclude = detailData.adRetargetingTagsExclude;
|
|
|
this.configForm.updateGetingExclude = detailData.adRetargetingTagsExclude.split(',').map(item => Number(item));
|
|
|
- this.configForm.updateGetingInclude = detailData.adRetargetingTagsInclude.split(',').map(item => Number(item));
|
|
|
+ this.configForm.updateGetingInclude = [];
|
|
|
}
|
|
|
- else if (detailData.adRetargetingTagsInclude && !detailData.adRetargetingTagsExclude) {
|
|
|
+ else if (detailData.adRetargetingTagsType === '1') {
|
|
|
this.configForm.customPerson = 'a';
|
|
|
- this.configForm.directionalLogic = '1';
|
|
|
this.configForm.adRetargetingTagsInclude = detailData.adRetargetingTagsInclude;
|
|
|
this.configForm.updateGetingExclude = [];
|
|
|
this.configForm.updateGetingInclude = detailData.adRetargetingTagsInclude.split(',').map(item => Number(item));
|
|
|
}
|
|
|
- else if (!detailData.adRetargetingTagsInclude && detailData.adRetargetingTagsExclude) {
|
|
|
- this.configForm.customPerson = 'a';
|
|
|
- this.configForm.directionalLogic = '2';
|
|
|
- this.configForm.adRetargetingTagsExclude = detailData.adRetargetingTagsExclude;
|
|
|
- this.configForm.updateGetingExclude = detailData.adRetargetingTagsExclude.split(',').map(item => Number(item));
|
|
|
- this.configForm.updateGetingInclude = [];
|
|
|
- }
|
|
|
else {
|
|
|
this.configForm.customPerson = 'NONE';
|
|
|
- this.configForm.directionalLogic = '1';
|
|
|
this.configForm.adRetargetingTagsExclude = '';
|
|
|
this.configForm.updateGetingExclude = '';
|
|
|
this.configForm.updateGetingInclude = [];
|