|
@@ -41,7 +41,7 @@
|
|
|
v-for="(item, index) of form.accountArr"
|
|
|
>
|
|
|
<a-form-model-item label="计划下组是否相同" prop="campaignAgreement">
|
|
|
- <a-radio-group v-model="item.account.campaignAgreement" buttonStyle="solid" @change="nameTypeChange">
|
|
|
+ <a-radio-group v-model="item.account.campaignAgreement" buttonStyle="solid">
|
|
|
<a-radio-button :value="0">是</a-radio-button>
|
|
|
<a-radio-button :value="1">否</a-radio-button>
|
|
|
</a-radio-group>
|
|
@@ -56,30 +56,75 @@
|
|
|
:tab="'计划:' + campaign.campaignName"
|
|
|
v-for="(campaign, campaignIndex) of item.account.campaignList"
|
|
|
>
|
|
|
- <a-form-model-item
|
|
|
- ref="unitName"
|
|
|
- v-for="(unitName, indexUnit) of campaign.unitNames"
|
|
|
- :key="indexUnit"
|
|
|
- :label="indexUnit == 0 ? '组名称' : ''"
|
|
|
- v-bind="indexUnit !== 0 ? formItemLayout : {}"
|
|
|
- :prop="
|
|
|
- 'accountArr.' +
|
|
|
- index +
|
|
|
- '.account.campaignList.' +
|
|
|
- campaignIndex +
|
|
|
- '.unitNames.' +
|
|
|
- indexUnit +
|
|
|
- '.value'
|
|
|
- "
|
|
|
- :rules="{
|
|
|
- required: true,
|
|
|
- message: '组名称必填',
|
|
|
- trigger: 'blur',
|
|
|
- }"
|
|
|
- ><a-input v-model="unitName.value" placeholder="请输入组名称" style="width: 60%; margin-right: 8px" />
|
|
|
+ <a-form-model-item label="组是否相同">
|
|
|
+ <a-radio-group
|
|
|
+ buttonStyle="solid"
|
|
|
+ v-model="campaign.check"
|
|
|
+ @change="nameTypeChange(campaign, item.account)"
|
|
|
+ >
|
|
|
+ <a-radio-button value="1">是</a-radio-button>
|
|
|
+ <a-radio-button value="2">否</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="投放范围" v-if="item.account.allianceAccount">
|
|
|
- <a-radio-group buttonStyle="solid" v-model="campaign.allianceAccount">
|
|
|
+
|
|
|
+ <a-tabs v-if="campaign.check == '2'" type="card">
|
|
|
+ <a-tab-pane
|
|
|
+ :key="indexUnit"
|
|
|
+ :tab="'组 : ' + (indexUnit + 1)"
|
|
|
+ v-for="(unitName, indexUnit) of campaign.unit"
|
|
|
+ >
|
|
|
+ <a-form-model-item
|
|
|
+ ref="unitName"
|
|
|
+ :key="indexUnit"
|
|
|
+ :label="'组名称'"
|
|
|
+ :prop="
|
|
|
+ 'accountArr.' +
|
|
|
+ index +
|
|
|
+ '.account.campaignList.' +
|
|
|
+ campaignIndex +
|
|
|
+ '.unit.' +
|
|
|
+ indexUnit +
|
|
|
+ '.name'
|
|
|
+ "
|
|
|
+ :rules="{
|
|
|
+ required: true,
|
|
|
+ message: '组名称必填',
|
|
|
+ trigger: 'blur',
|
|
|
+ }"
|
|
|
+ ><a-input
|
|
|
+ v-model="unitName.name"
|
|
|
+ placeholder="请输入组名称"
|
|
|
+ style="width: 60%; margin-right: 8px"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-tab-pane>
|
|
|
+ </a-tabs>
|
|
|
+ <div v-else>
|
|
|
+ <a-form-model-item
|
|
|
+ label="组名称"
|
|
|
+ :prop="'accountArr.' + index + '.account.campaignList.' + campaignIndex + '.unitIdentical.unitName'"
|
|
|
+ :rules="{
|
|
|
+ required: true,
|
|
|
+ message: '组名称必填',
|
|
|
+ trigger: 'blur',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <a-input
|
|
|
+ v-model="campaign.unitIdentical.unitName"
|
|
|
+ placeholder="请输入组名称"
|
|
|
+ style="width: 60%; margin-right: 8px"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- <a-form-model-item label="渠道包是否相同">
|
|
|
+ <a-radio-group buttonStyle="solid" v-model="campaign.channel">
|
|
|
+ <a-radio-button value="1">是</a-radio-button>
|
|
|
+ <a-radio-button value="2">否</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item> -->
|
|
|
+ <a-form-model-item label="投放范围">
|
|
|
+ <a-radio-group buttonStyle="solid" v-model="campaign.unitIdentical.allianceAccount">
|
|
|
<a-radio-button value="1">默认</a-radio-button>
|
|
|
<a-radio-button value="2">联盟广告</a-radio-button>
|
|
|
</a-radio-group>
|
|
@@ -111,8 +156,6 @@
|
|
|
|
|
|
<!-- </a-form-model-item> -->
|
|
|
</a-tab-pane>
|
|
|
- <!-- <a-tab-pane key="2" tab="Tab 2"> Content of Tab Pane 2 </a-tab-pane>
|
|
|
- <a-tab-pane key="3" tab="Tab 3"> Content of Tab Pane 3 </a-tab-pane> -->
|
|
|
</a-tabs>
|
|
|
<a-form-model-item
|
|
|
:wrapperCol="{
|
|
@@ -177,40 +220,15 @@ export default {
|
|
|
allianceAccount: true,
|
|
|
campaignType: 2,
|
|
|
campaignList: [
|
|
|
- { campaignId: 1231231, campaignName: '测试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- { campaignId: 12331, campaignName: '测`试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- { campaignId: 123311, campaignName: '测1试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- { campaignId: 123312, campaignName: '测3试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- ],
|
|
|
- campaignOne: { unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- account: {
|
|
|
- accountId: 232121,
|
|
|
- accountName: '环球黑卡2',
|
|
|
- campaignAgreement: 0,
|
|
|
- campaignType: 3,
|
|
|
- allianceAccount: false,
|
|
|
- unitCount: 1,
|
|
|
- campaignList: [
|
|
|
- { campaignId: 1231231, campaignName: '测试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
+ {
|
|
|
+ campaignId: 1231231,
|
|
|
+ campaignName: '测试',
|
|
|
+ check: '1',
|
|
|
+ unit: [{ name: '', directional: '', allianceAccount: '1' }],
|
|
|
+ unitIdentical: { unitName: '', directional: '', allianceAccount: '1' },
|
|
|
+ },
|
|
|
],
|
|
|
- campaignOne: { unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- },
|
|
|
- },
|
|
|
- {
|
|
|
- account: {
|
|
|
- accountId: 232,
|
|
|
- accountName: '环球黑卡`2',
|
|
|
- campaignAgreement: 0,
|
|
|
- campaignType: 4,
|
|
|
- allianceAccount: false,
|
|
|
- unitCount: 1,
|
|
|
- campaignList: [
|
|
|
- { campaignId: 1231231, campaignName: '测试', unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
- ],
|
|
|
- campaignOne: { unitNames: [{ value: '' }], allianceAccount: '1' },
|
|
|
+ campaignOne: { unitNames: [{ value: '' }], directional: '', allianceAccount: '1' },
|
|
|
},
|
|
|
},
|
|
|
],
|
|
@@ -307,35 +325,40 @@ export default {
|
|
|
console.log(item)
|
|
|
var arr = []
|
|
|
for (let i = 0; i < item.account.unitCount; i++) {
|
|
|
- arr.push({ value: '' })
|
|
|
+ arr.push({ name: '', directional: '', allianceAccount: '1' })
|
|
|
}
|
|
|
item.account.campaignOne.unitNames = JSON.parse(JSON.stringify(arr))
|
|
|
item.account.campaignList.forEach((element) => {
|
|
|
- element.unitNames = JSON.parse(JSON.stringify(arr))
|
|
|
+ if (element.check == '1') {
|
|
|
+ element.unitIdentical = JSON.parse(JSON.stringify({ unitName: '', directional: '', allianceAccount: '1' }))
|
|
|
+ } else {
|
|
|
+ element.unit = JSON.parse(JSON.stringify(arr))
|
|
|
+ }
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- nameTypeChange(e) {
|
|
|
+ AllTypeChange(e) {
|
|
|
console.log(e.target.value)
|
|
|
if (e.target.value == 1) {
|
|
|
if (this.accountIds.length > 0) {
|
|
|
- postAction('/kuaishou/crossAccount/getAuthName', { accountArr: this.accountIds }).then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.tabs = res.result.map((item) => {
|
|
|
- return {
|
|
|
- ...item,
|
|
|
- campaignNames: JSON.parse(JSON.stringify(this.createTotal)),
|
|
|
- }
|
|
|
- })
|
|
|
- this.active = res.result[0].accountId
|
|
|
- } else {
|
|
|
- this.tabs = []
|
|
|
- }
|
|
|
- })
|
|
|
}
|
|
|
} else {
|
|
|
}
|
|
|
},
|
|
|
+ nameTypeChange(item, accountData) {
|
|
|
+ console.log(item)
|
|
|
+ if (item.unitName == '1') {
|
|
|
+ item.unit = [{ value: '' }]
|
|
|
+ } else {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ var arr = []
|
|
|
+ for (let i = 0; i < accountData.unitCount; i++) {
|
|
|
+ arr.push({ value: '' })
|
|
|
+ }
|
|
|
+ item.unit = JSON.parse(JSON.stringify(arr))
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
getChangeAll(name, indexBest, index, items) {
|
|
|
var node = document.getElementsByClassName('rending')[indexBest]
|
|
|
var v = '{{' + name + '}}-'
|