|
@@ -39,9 +39,7 @@
|
|
<a-form-item label="创意内容" :labelCol="labelCol">
|
|
<a-form-item label="创意内容" :labelCol="labelCol">
|
|
<a-layout>
|
|
<a-layout>
|
|
<a-layout-content style="padding:10px;">
|
|
<a-layout-content style="padding:10px;">
|
|
- <div :style="{ marginBottom: '16px' }">
|
|
|
|
- <a-button @click="addCreative(bestIndex)">添加创意</a-button>
|
|
|
|
- </div>
|
|
|
|
|
|
+
|
|
<a-row>
|
|
<a-row>
|
|
<a-col :span="24" v-for="(item, index) of pane.list" :key="index">
|
|
<a-col :span="24" v-for="(item, index) of pane.list" :key="index">
|
|
<a-card title :ref="item">
|
|
<a-card title :ref="item">
|
|
@@ -56,9 +54,6 @@
|
|
v-if="item.videoList"></video>
|
|
v-if="item.videoList"></video>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<div class="downLoad" style="overflow:auto">
|
|
<div class="downLoad" style="overflow:auto">
|
|
- <!-- <a-button @click="onCheckAllImageChange(index,item)" v-if="item.imageUrlList.length > 0">{{
|
|
|
|
- item.checkAllImage ? '取消 ( ' + item.checkArrImage.length + ' )' : '全选'
|
|
|
|
- }}</a-button> -->
|
|
|
|
<ul class="actor-photo-list"
|
|
<ul class="actor-photo-list"
|
|
:style="{ width: item.imageUrlList.length>4?25 * item.imageUrlList.length + '%':'100%' }"
|
|
:style="{ width: item.imageUrlList.length>4?25 * item.imageUrlList.length + '%':'100%' }"
|
|
v-if="item.imageUrlList.length > 0">
|
|
v-if="item.imageUrlList.length > 0">
|
|
@@ -88,14 +83,15 @@
|
|
</a-card>
|
|
</a-card>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
|
|
+ <div :style="{ marginBottom: '16px' }">
|
|
|
|
+ <a-button @click="addCreative(bestIndex)"
|
|
|
|
+ :disabled="contentAll>=15||(pans[0].list[pans[0].list.length-1].imageUrlList.length==0&&pans[0].list[pans[0].list.length-1].imageList.length==0)">
|
|
|
|
+ 添加创意</a-button>
|
|
|
|
+ </div>
|
|
</a-layout-content>
|
|
</a-layout-content>
|
|
</a-layout>
|
|
</a-layout>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item label="行动号召" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
<a-form-item label="行动号召" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
- <!-- <a-radio-group buttonStyle="solid" v-decorator="['action_bar_text', { initialValue: '1' }]">
|
|
|
|
- <a-radio-button value="1">竖版视频</a-radio-button>
|
|
|
|
- <a-radio-button value="2">横版视频</a-radio-button>
|
|
|
|
- </a-radio-group> -->
|
|
|
|
<a-select v-decorator="['actionBarText', { rules: [{ required: true, message: '行动号召按钮文案' }] }]" showSearch
|
|
<a-select v-decorator="['actionBarText', { rules: [{ required: true, message: '行动号召按钮文案' }] }]" showSearch
|
|
allowClear placeholder="选择行动号召按钮文案" optionFilterProp="children" :filterOption="filterOption">
|
|
allowClear placeholder="选择行动号召按钮文案" optionFilterProp="children" :filterOption="filterOption">
|
|
<a-select-option v-for="appModel in appList" :key="appModel.id" :value="appModel.actionBarText">
|
|
<a-select-option v-for="appModel in appList" :key="appModel.id" :value="appModel.actionBarText">
|
|
@@ -140,7 +136,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<template slot="footer">
|
|
<template slot="footer">
|
|
- <a-button key="back" @click="handleCancel">关闭</a-button>
|
|
|
|
|
|
+ <!-- <a-button key="back" @click="handleCancel">关闭</a-button> -->
|
|
<a-button key="submit" type="primary" @click="handleOk">
|
|
<a-button key="submit" type="primary" @click="handleOk">
|
|
返回列表
|
|
返回列表
|
|
</a-button>
|
|
</a-button>
|
|
@@ -220,7 +216,8 @@
|
|
loading: false,
|
|
loading: false,
|
|
imageUrlList: [],
|
|
imageUrlList: [],
|
|
checkAllImage: false,
|
|
checkAllImage: false,
|
|
- checkArrImage: []
|
|
|
|
|
|
+ checkArrImage: [],
|
|
|
|
+ content: 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -319,6 +316,8 @@
|
|
this.form.resetFields()
|
|
this.form.resetFields()
|
|
if (this.pans.length == 0) {
|
|
if (this.pans.length == 0) {
|
|
this.$bus.$emit('remove', '/account/stepForm')
|
|
this.$bus.$emit('remove', '/account/stepForm')
|
|
|
|
+ } else {
|
|
|
|
+ this.addCreative(0)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
handleOk() {
|
|
handleOk() {
|
|
@@ -340,7 +339,7 @@
|
|
var data = this.pans[index].list.map(item => {
|
|
var data = this.pans[index].list.map(item => {
|
|
return item.imageList.length + item.imageUrlList.length
|
|
return item.imageList.length + item.imageUrlList.length
|
|
})
|
|
})
|
|
- if (eval(data.join('+')) > 15) {
|
|
|
|
|
|
+ if (this.contentAll> 15) {
|
|
this.$message.error('封面最多15张')
|
|
this.$message.error('封面最多15张')
|
|
return
|
|
return
|
|
}
|
|
}
|
|
@@ -455,6 +454,14 @@
|
|
d = d < 10 ? '0' + d : d
|
|
d = d < 10 ? '0' + d : d
|
|
|
|
|
|
return 'video/' + y + '-' + MM + '-' + d + '/'
|
|
return 'video/' + y + '-' + MM + '-' + d + '/'
|
|
|
|
+ },
|
|
|
|
+ contentAll() {
|
|
|
|
+ var count, arr = []
|
|
|
|
+ for (let i = 0; i < this.pans[0].list.length; i++) {
|
|
|
|
+
|
|
|
|
+ arr.push(...this.pans[0].list[i].imageUrlList, ...this.pans[0].list[i].imageList)
|
|
|
|
+ }
|
|
|
|
+ return arr.length + this.content
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {},
|
|
watch: {},
|
|
@@ -466,8 +473,18 @@
|
|
list: []
|
|
list: []
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- console.log(this.pans)
|
|
|
|
|
|
+
|
|
this.pansKey = this.pans[0].key
|
|
this.pansKey = this.pans[0].key
|
|
|
|
+ this.addCreative(0)
|
|
|
|
+ // unitId: this.pansKey,
|
|
|
|
+ // accountId: localStorage.getItem('accountId')
|
|
|
|
+ getAction('/kuaishou/batch/checkCreativeCount', {
|
|
|
|
+ unitId: this.pansKey,
|
|
|
|
+ accountId: localStorage.getItem('accountId')
|
|
|
|
+ }).then(res => {
|
|
|
|
+ console.log(res)
|
|
|
|
+ this.content = res.result
|
|
|
|
+ })
|
|
getAction('/kuaishou/batch/getActionBarText', {
|
|
getAction('/kuaishou/batch/getActionBarText', {
|
|
campaignId: localStorage.getItem('campaignId')
|
|
campaignId: localStorage.getItem('campaignId')
|
|
}).then(res => {
|
|
}).then(res => {
|