|
@@ -1508,9 +1508,9 @@
|
|
|
<span class="examin-form-num">{{ handleFilterName(item.name) }}/30</span>
|
|
|
<a-icon class="examin-form-icon" type="delete" @click="handleDelOrigin(item)"/>
|
|
|
<div class="ad-name-tags-class">
|
|
|
- <div class="name-tags-left">
|
|
|
+ <div v-if="item.tabStatus === 'alone'" class="name-tags-left">
|
|
|
<a-tag
|
|
|
- v-for="val in adNameTags"
|
|
|
+ v-for="val in item.updateTagsList"
|
|
|
:key="val.id"
|
|
|
color="#1890ff"
|
|
|
@click="handleGetChangeAll(val.name, item.name)"
|
|
@@ -1518,7 +1518,18 @@
|
|
|
+ {{ val.name }}
|
|
|
</a-tag>
|
|
|
</div>
|
|
|
- <div><a @click="handleGetCreativeWord">更多</a></div>
|
|
|
+ <div v-if="item.tabStatus === 'all'" class="name-tags-left">
|
|
|
+ <a-tag
|
|
|
+ v-for="val in item.defaultTagsList"
|
|
|
+ :key="val.id"
|
|
|
+ color="#1890ff"
|
|
|
+ @click="handleGetChangeAll(val.name, item.name)"
|
|
|
+ >
|
|
|
+ + {{ val.name }}
|
|
|
+ </a-tag>
|
|
|
+ </div>
|
|
|
+ <div v-if="item.tabStatus === 'alone'"><a @click="handleMoreTagsShow(item.id, 'more')">更多</a></div>
|
|
|
+ <div v-if="item.tabStatus === 'all'"><a @click="handleMoreTagsShow(item.id, 'little')">收起</a></div>
|
|
|
</div>
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
@@ -1588,7 +1599,8 @@
|
|
|
+ {{ val.name }}
|
|
|
</a-tag>
|
|
|
</div>
|
|
|
- <div><a @click="handleGetCreativeWord">更多</a></div>
|
|
|
+ <div v-if="item.tabStatus === 'alone'"><a @click="handleMoreTagsShow(item.id, 'more')">更多</a></div>
|
|
|
+ <div v-if="item.tabStatus === 'all'"><a @click="handleMoreTagsShow(item.id, 'little')">收起</a></div>
|
|
|
</div>
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
@@ -1956,11 +1968,25 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
...mapGetters(['nickname', 'avatar', 'userInfo']),
|
|
|
+ handleMoreTagsShow(val, type) {
|
|
|
+ if (type === 'more') {
|
|
|
+ this.defaultFormList.forEach(item => {
|
|
|
+ if (item.id === val) {
|
|
|
+ item.tabStatus = 'all';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else if (type === 'little') {
|
|
|
+ this.defaultFormList.forEach(item => {
|
|
|
+ if (item.id === val) {
|
|
|
+ item.tabStatus = 'alone';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
handleGetCreativeWord() {
|
|
|
- // adNameTags
|
|
|
- getAction('/ctop/ByteDanceCreativeWordPackage/list', this.tagsPage).then(result => {
|
|
|
+ getAction('/ctop/ByteDanceCreativeWordPackage/list').then(result => {
|
|
|
if (result.code === 0) {
|
|
|
- console.log(result, 'result--result--result');
|
|
|
this.adNameTags = result.result.records;
|
|
|
}
|
|
|
else {
|
|
@@ -2003,7 +2029,10 @@ export default {
|
|
|
this.defaultFormList.push({
|
|
|
id: randomNum,
|
|
|
name: 'username' + randomNum,
|
|
|
- value: ''
|
|
|
+ value: '',
|
|
|
+ tabStatus: 'alone',
|
|
|
+ defaultTagsList: this.adNameTags,
|
|
|
+ updateTagsList: this.adNameTags.slice(0, 4)
|
|
|
});
|
|
|
}
|
|
|
},
|
|
@@ -2211,7 +2240,10 @@ export default {
|
|
|
this.defaultFormList.push({
|
|
|
id: dateTime,
|
|
|
name: name,
|
|
|
- value: item
|
|
|
+ value: item,
|
|
|
+ tabStatus: 'alone',
|
|
|
+ defaultTagsList: this.adNameTags,
|
|
|
+ updateTagsList: this.adNameTags.slice(0, 4)
|
|
|
});
|
|
|
});
|
|
|
this.titleResult = [];
|
|
@@ -2234,7 +2266,10 @@ export default {
|
|
|
this.defaultFormList.push({
|
|
|
id: randomNum,
|
|
|
name: 'username' + randomNum,
|
|
|
- value: ''
|
|
|
+ value: '',
|
|
|
+ tabStatus: 'alone',
|
|
|
+ defaultTagsList: this.adNameTags,
|
|
|
+ updateTagsList: this.adNameTags.slice(0, 4)
|
|
|
});
|
|
|
},
|
|
|
handleDelOrigin(list) {
|
|
@@ -2251,6 +2286,9 @@ export default {
|
|
|
res.result.slogans.forEach(item => {
|
|
|
item.name = 'username' + item.id;
|
|
|
item.value = item.slogan;
|
|
|
+ item.tabStatus = 'alone';
|
|
|
+ item.defaultTagsList = this.adNameTags;
|
|
|
+ item.updateTagsList = this.adNameTags.slice(0, 4);
|
|
|
});
|
|
|
this.defaultFormList = res.result.slogans;
|
|
|
this.$nextTick(() => {
|
|
@@ -2265,7 +2303,10 @@ export default {
|
|
|
this.defaultFormList.push({
|
|
|
id: randomNum,
|
|
|
name: 'username' + randomNum,
|
|
|
- value: ''
|
|
|
+ value: '',
|
|
|
+ tabStatus: 'alone',
|
|
|
+ defaultTagsList: this.adNameTags,
|
|
|
+ updateTagsList: this.adNameTags.slice(0, 4)
|
|
|
});
|
|
|
}
|
|
|
}
|