|
@@ -185,163 +185,9 @@
|
|
|
<a-form-item label="素材添加方式" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
<a-radio-group v-model="materialAddType">
|
|
|
<a-radio-button value="customize">自定义上传</a-radio-button>
|
|
|
- <!--<a-radio-button value="program">程序化创意</a-radio-button>-->
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <!-- <a-form-item label="选择素材类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-radio-group v-model="materialType" @change="materialTypeChange">
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListBig.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE">大图横图</a-radio-button>
|
|
|
- </a-badge>
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListShu.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
|
|
|
- </a-badge>
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListHeng.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
|
|
|
- </a-badge>
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListZu.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_GROUP">组图</a-radio-button>
|
|
|
- </a-badge>
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListSmall.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_SMALL">小图</a-radio-button>
|
|
|
- </a-badge>
|
|
|
- <a-badge
|
|
|
- :count="HorizontalLargeImageListBigShu.length"
|
|
|
- :numberStyle="{backgroundColor: '#52c41a'} "
|
|
|
- >
|
|
|
- <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
|
|
|
- </a-badge>
|
|
|
+ <a-radio-button value="program">程序化创意</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
- </a-form-item>-->
|
|
|
- <!-- 创建大图横图创意 -->
|
|
|
- <!-- <a-form-item
|
|
|
- label="创建创意"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="createLargeImageCreativeCon"
|
|
|
- >
|
|
|
- <a-layout>
|
|
|
- <a-layout-content style="padding:10px;">
|
|
|
- <div :style="{ marginBottom: '16px' }">
|
|
|
- <a-button @click="addCreative()" :disabled="count">添加创意</a-button>
|
|
|
- <span
|
|
|
- style="color:black;margin-left:10px"
|
|
|
- v-if="creativeType == 'customize'"
|
|
|
- >{{countMany}}/10</span>
|
|
|
- <span
|
|
|
- style="color:black;margin-left:10px"
|
|
|
- v-else-if="creativeType == 'program'"
|
|
|
- >视频数量:{{vadioMany}}/12 图片数量:{{imgMany}}/10</span>
|
|
|
- </div>
|
|
|
- <a-row>
|
|
|
- <a-col :span="8" v-for="(item,index) of HorizontalLargeImageList" :key="index">
|
|
|
- <a-card title :ref="item">
|
|
|
- <a-icon
|
|
|
- type="close"
|
|
|
- style="float:right;cursor: pointer;"
|
|
|
- @click="deleteCreative(index)"
|
|
|
- />
|
|
|
- <div style="clear:both"></div>
|
|
|
- <div class="dynamically_add_form_item">
|
|
|
- <a-form-item class label="素材上传" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <upload-to-ali
|
|
|
- v-model="item.vadioUrl"
|
|
|
- :customDomain="customDomain"
|
|
|
- preview
|
|
|
- :region="region"
|
|
|
- :bucket="bucket"
|
|
|
- :accept="acceptImage"
|
|
|
- :size="102400"
|
|
|
- :accessKeyId="accessKeyId"
|
|
|
- :accessKeySecret="accessKeySecret"
|
|
|
- ></upload-to-ali>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="创意标题"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="creativeType == 'customize'"
|
|
|
- >
|
|
|
- <a-input v-model="item.text" class="rending" @change="judge(item)"></a-input>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="动态词包"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="creativeType == 'customize'"
|
|
|
- >
|
|
|
- <a-tag
|
|
|
- v-for="(itemTag,indexTag) of tags"
|
|
|
- :key="indexTag"
|
|
|
- v-show="indexTag<item.many"
|
|
|
- @click="getChange(item,itemTag,index)"
|
|
|
- >{{itemTag.name}}</a-tag>
|
|
|
- <span @click="showElseClick(item)">{{item.showElse?"更多":"收起"}}</span>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item
|
|
|
- label="封面上传"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- v-if="creativeType == 'program'&&(materialType=='CREATIVE_IMAGE_MODE_VIDEO_VERTICAL'||materialType=='CREATIVE_IMAGE_MODE_VIDEO')"
|
|
|
- >
|
|
|
- <upload-to-ali
|
|
|
- v-model="item.imageUrl"
|
|
|
- :customDomain="customDomain"
|
|
|
- preview
|
|
|
- :region="region"
|
|
|
- :bucket="bucket"
|
|
|
- :accept="acceptImage"
|
|
|
- :size="102400"
|
|
|
- :accessKeyId="accessKeyId"
|
|
|
- :accessKeySecret="accessKeySecret"
|
|
|
- ></upload-to-ali>
|
|
|
- </a-form-item>
|
|
|
- </div>
|
|
|
- </a-card>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-layout-content>
|
|
|
- </a-layout>
|
|
|
</a-form-item>
|
|
|
- <a-form-item
|
|
|
- v-if="creativeType == 'program'"
|
|
|
- label="程序化创意标题"
|
|
|
- :labelCol="labelCol"
|
|
|
- :wrapperCol="wrapperCol"
|
|
|
- >
|
|
|
- <a-button @click="addTitle">添加创意标题</a-button>
|
|
|
- <br />
|
|
|
- <div v-for="(item,index) of titleData" :key="index">
|
|
|
- <a-input style="width:55%" v-model="item.text" class="rending-all"></a-input>
|
|
|
- <a-icon
|
|
|
- type="delete"
|
|
|
- style="margin-left:20px;cursor: pointer;"
|
|
|
- v-show="titleData.length>1"
|
|
|
- @click="tetleDetele(index)"
|
|
|
- />
|
|
|
- <br />
|
|
|
- <a-tag
|
|
|
- v-for="(itemTag,indexTag) of tags"
|
|
|
- :key="indexTag"
|
|
|
- @click="getChangeAllTitle(item,itemTag,index)"
|
|
|
- >{{itemTag.name}}</a-tag>
|
|
|
- </div>
|
|
|
- </a-form-item>-->
|
|
|
<material :creativeType.sync="creativeType" :accountId.sync="accountId" ref="material"></material>
|
|
|
<a-form-item label="应用下载详情页" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
<a-input v-model="webUrl"></a-input>
|
|
@@ -766,54 +612,48 @@ export default {
|
|
|
return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
},
|
|
|
handleSubmit(e) {
|
|
|
- e.preventDefault()
|
|
|
+ e.preventDefault();
|
|
|
this.form.validateFields((err, values) => {
|
|
|
if (!err) {
|
|
|
- console.log('Received values of form: ', values)
|
|
|
- let params = {}
|
|
|
- params.campaignId = this.campaignId
|
|
|
- params.deliveryRange = this.deliveryRange
|
|
|
- params.userorentationId = this.userorentationId
|
|
|
- params.budgetId = this.budgetId
|
|
|
- params.deliverytargetId = this.deliverytargetId
|
|
|
- params.horizonImageUrl = this.horizonImageUrl
|
|
|
- params.horizonImageCreativeText = this.horizonImageCreativeText
|
|
|
- params.horizonVideoUrl = this.horizonVideoUrl
|
|
|
- params.horizonVideoCoverImageUrl = this.horizonVideoCoverImageUrl
|
|
|
- params.horizonVideoCreativeText = this.horizonVideoCreativeText
|
|
|
- params.verticalVideoUrl = this.verticalVideoUrl
|
|
|
- params.verticalVideoCoverImageUrl = this.verticalVideoCoverImageUrl
|
|
|
- params.verticalVideoCreativeText = this.verticalVideoCreativeText
|
|
|
- params.groupImageUrl = this.groupImageUrl
|
|
|
- params.groupImageCreativeText = this.groupImageCreativeText
|
|
|
- params.smallImageUrl = this.smallImageUrl
|
|
|
- params.smallImageCreativeText = this.smallImageCreativeText
|
|
|
- params.verticalImageUrl = this.verticalImageUrl
|
|
|
- params.verticalImageCreativeText = this.verticalImageCreativeText
|
|
|
- params.planId = this.planId
|
|
|
- params.accountId = this.accountId
|
|
|
- params.advertiseLocation = this.advertiseLocation
|
|
|
- params.inventoryType = this.inventoryType
|
|
|
- params.sceneInventory = this.sceneInventory
|
|
|
- params.creativeType = this.creativeType
|
|
|
- params.customize = this.customize
|
|
|
- params.webUrl = this.webUrl
|
|
|
- params.appName = this.appName
|
|
|
- params.isCommentDisable = this.isCommentDisable
|
|
|
- params.creativeDisplayMode = this.creativeDisplayMode
|
|
|
- params.adCategory = this.adCategory
|
|
|
- params.adKeywords = this.adKeywords
|
|
|
- params.name = this.name
|
|
|
- params.convertId = this.convertId
|
|
|
- params.iteratorNum = this.iteratorNum
|
|
|
-
|
|
|
- // var dataCreatives = this.HorizontalLargeImageListBig.concat(
|
|
|
- // this.HorizontalLargeImageListHeng,
|
|
|
- // this.HorizontalLargeImageListShu,
|
|
|
- // this.HorizontalLargeImageListZu,
|
|
|
- // this.HorizontalLargeImageListSmall,
|
|
|
- // this.HorizontalLargeImageListBigShu
|
|
|
- // )
|
|
|
+ console.log('Received values of form: ', values);
|
|
|
+ let params = {};
|
|
|
+ params.campaignId = this.campaignId;
|
|
|
+ params.deliveryRange = this.deliveryRange;
|
|
|
+ params.userorentationId = this.userorentationId;
|
|
|
+ params.budgetId = this.budgetId;
|
|
|
+ params.deliverytargetId = this.deliverytargetId;
|
|
|
+ params.horizonImageUrl = this.horizonImageUrl;
|
|
|
+ params.horizonImageCreativeText = this.horizonImageCreativeText;
|
|
|
+ params.horizonVideoUrl = this.horizonVideoUrl;
|
|
|
+ params.horizonVideoCoverImageUrl = this.horizonVideoCoverImageUrl;
|
|
|
+ params.horizonVideoCreativeText = this.horizonVideoCreativeText;
|
|
|
+ params.verticalVideoUrl = this.verticalVideoUrl;
|
|
|
+ params.verticalVideoCoverImageUrl = this.verticalVideoCoverImageUrl;
|
|
|
+ params.verticalVideoCreativeText = this.verticalVideoCreativeText;
|
|
|
+ params.groupImageUrl = this.groupImageUrl;
|
|
|
+ params.groupImageCreativeText = this.groupImageCreativeText;
|
|
|
+ params.smallImageUrl = this.smallImageUrl;
|
|
|
+ params.smallImageCreativeText = this.smallImageCreativeText;
|
|
|
+ params.verticalImageUrl = this.verticalImageUrl;
|
|
|
+ params.verticalImageCreativeText = this.verticalImageCreativeText;
|
|
|
+ params.planId = this.planId;
|
|
|
+ params.accountId = this.accountId;
|
|
|
+ params.advertiseLocation = this.advertiseLocation;
|
|
|
+ params.inventoryType = this.inventoryType;
|
|
|
+ params.sceneInventory = this.sceneInventory;
|
|
|
+ params.creativeType = this.creativeType;
|
|
|
+ params.customize = this.customize;
|
|
|
+ params.webUrl = this.webUrl;
|
|
|
+ params.appName = this.appName;
|
|
|
+ params.isCommentDisable = this.isCommentDisable;
|
|
|
+ params.creativeDisplayMode = this.creativeDisplayMode;
|
|
|
+ params.adCategory = this.adCategory;
|
|
|
+ params.adKeywords = this.adKeywords;
|
|
|
+ params.name = this.name;
|
|
|
+ params.convertId = this.convertId;
|
|
|
+ params.iteratorNum = this.iteratorNum;
|
|
|
+ params.simpleDeliverytarget = this.simpleDeliverytarget;
|
|
|
+ params.convertType = this.convertType;
|
|
|
var dataCreatives = this.$refs.material.HorizontalLargeImageListBig.concat(
|
|
|
this.$refs.material.HorizontalLargeImageListHeng,
|
|
|
this.$refs.material.HorizontalLargeImageListShu,
|