123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810 |
- <template>
- <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
- <a-form @submit="handleSubmit" :form="form">
- <a-form-item
- label="选择头条账户"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="accountId"
- showSearch
- placeholder="选择头条账户"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- >
- <a-select-option v-for="user in userList" :key="user.accountId" :value="user.accountId">{{user.authName}}</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- label="选择广告组模板"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="campaignId"
- showSearch
- placeholder="选择广告主模板"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- >
- <a-select-option v-for="campaign in campaignList" :key="campaign.id" :value="campaign.id">{{campaign.campaignName}}</a-select-option>
- </a-select>
- </a-form-item>
- <!--<a-form-item
- label="选择用户定向模板"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="userorentationId"
- showSearch
- placeholder="选择用户定向模板"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- >
- <a-select-option value="0">默认</a-select-option>
- </a-select>
- </a-form-item>-->
- <a-form-item
- label="选择预算与出价模板"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="budgetId"
- showSearch
- placeholder="选择预算与出价模板"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- >
- <a-select-option v-for="budget in budgetList" :key="budget.id" :value="budget.id">{{budget.name}}</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- label="选择投放目标模板"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="deliverytargetId"
- showSearch
- placeholder="选择投放目标模板"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- @change="changedeliveryTarget"
- >
- <a-select-option v-for="deliverytarget in deliverytargetList" :key="deliverytarget.id" :value="deliverytarget.id">{{deliverytarget.name}}</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- v-if="showConvertTarget"
- label="选择转化跟踪方式"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="convertType"
- showSearch
- placeholder="选择投放目标模板"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- @change="changeConvertType"
- >
- <a-select-option v-if="showSimple"value="SIMPLE">普通应用下载</a-select-option>
- <a-select-option value="API">应用下载API</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- v-if="showConvertTarget&&showConvertTargetSimple"
- label="选择转化目标"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="simpleDeliverytarget"
- showSearch
- placeholder="选择转化目标"
- optionFilterProp="children"
- style="width: 200px"
- :filterOption="filterOption"
- >
- <a-select-option value="AD_CONVERT_TYPE_INSTALL_FINISH">安装完成</a-select-option>
- <a-select-option value="AD_CONVERT_TYPE_DOWNLOAD_FINiSH">下载完成</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- v-if="showConvertTarget&&showConvertTargetApi"
- label="选择转化目标"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select
- v-model="convertId"
- showSearch
- placeholder="选择转化目标"
- optionFilterProp="children"
- style="width: 800px"
- :filterOption="filterOption"
- >
- <a-select-option v-for="activeConvert in activeConvertList" :key="activeConvert.id" :value="activeConvert.id">{{activeConvert.name}}</a-select-option>
- </a-select>
- </a-form-item>
- <a-form-item
- label="广告创意名称"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="name"></a-input>
- </a-form-item>
- <a-form-item
- label="广告位置"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-radio-group v-model="advertiseLocation" @change="changeLoaction">
- <a-radio-button value="great">优选广告位</a-radio-button>
- <a-radio-button value="media">按媒体指定位置</a-radio-button>
- <a-radio-button value="sence">按场景指定位置</a-radio-button>
- </a-radio-group>
- </a-form-item>
- <a-form-item
- label="媒体指定"
- v-if="showMedia"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-checkbox-group v-model="inventoryType">
- <a-checkbox value="INVENTORY_FEED">今日头条</a-checkbox>
- <a-checkbox value="INVENTORY_VIDEO_FEED">西瓜视频</a-checkbox>
- <a-checkbox value="INVENTORY_HOTSOON_FEED">火山小视频</a-checkbox>
- <a-checkbox value="INVENTORY_AWEME_FEED">抖音</a-checkbox>
- <a-checkbox value="INVENTORY_UNION_SLOT">穿山甲</a-checkbox>
- </a-checkbox-group>
- </a-form-item>
- <a-form-item
- label="场景选择"
- v-if="showSence"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-radio-group v-model="sceneInventory">
- <a-radio-button value="VIDEO_SCENE">沉浸式竖版视频场景广告位</a-radio-button>
- <a-radio-button value="FEED_SCENE">信息流场景广告位</a-radio-button>
- <a-radio-button value="TAIL_SCENE">视频后贴和尾帧场景广告位</a-radio-button>
- </a-radio-group>
- </a-form-item>
- <a-form-item
- label="创意方式"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-radio-group v-model="creativeType">
- <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="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-radio-button value="CREATIVE_IMAGE_MODE_LARGE">大图横图</a-radio-button>
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO">横版视频</a-radio-button>
- <a-radio-button value="CREATIVE_IMAGE_MODE_VIDEO_VERTICAL">竖版视频</a-radio-button>
- <a-radio-button value="CREATIVE_IMAGE_MODE_GROUP">组图</a-radio-button>
- <a-radio-button value="CREATIVE_IMAGE_MODE_SMALL">小图</a-radio-button>
- <a-radio-button value="CREATIVE_IMAGE_MODE_LARGE_VERTICAL">大图竖图</a-radio-button>
- </a-radio-group>
- </a-form-item>
- <a-form-item
- v-if="showLargeImage"
- label="大图横图图片素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="horizonImageUrl"
- :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :size="102400"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showLargeImage"
- label="大图横图创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="horizonImageCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- v-if="showHorizonVideo"
- label="横版视频素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="horizonVideoUrl"
- :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptVideo"
- :max="1"
- :size="1024000"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- label="横版视频封面上传"
- v-if="showHorizonVideo"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="horizonVideoCoverImageUrl"
- :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :max="1"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showHorizonVideo"
- label="横版视频创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="horizonVideoCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- v-if="showVerticalVideo"
- label="竖版视频素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="verticalVideoUrl"
- :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptVideo"
- :size="1024000"
- :max="1"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showVerticalVideo"
- label="竖版视频封面上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="verticalVideoCoverImageUrl"
- :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :size="1024000"
- :max="1"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showVerticalVideo"
- label="竖版视频创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="verticalVideoCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- v-if="showGroupImage"
- label="组图图片素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="groupImageUrl" :customDomain="customDomain" :onClick="onClick"
- preview
- multiple
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :max="3"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showGroupImage"
- label="组图创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="groupImageCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- v-if="showSmallImage"
- label="小图图片素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="smallImageUrl" :customDomain="customDomain" :onClick="onClick"
- preview
- :max="1"
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showSmallImage"
- label="小图创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="smallImageCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- v-if="showLargeVerticalImage"
- label="大图竖图图片素材上传"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <upload-to-ali v-model="verticalImageUrl" :customDomain="customDomain"
- preview
- :region="region"
- :bucket="bucket"
- :accept="acceptImage"
- :max="1"
- :accessKeyId="accessKeyId"
- :accessKeySecret="accessKeySecret"></upload-to-ali>
- </a-form-item>
- <a-form-item
- v-if="showLargeVerticalImage"
- label="大图竖图创意标题"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="verticalImageCreativeText"></a-input>
- </a-form-item>
- <a-form-item
- label="应用下载详情页"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="webUrl"></a-input>
- </a-form-item>
- <a-form-item
- label="应用名"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input v-model="appName"></a-input>
- </a-form-item>
- <a-form-item
- label="广告评论"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-radio-group v-model="isCommentDisable ">
- <a-radio-button value="0">关闭</a-radio-button>
- <a-radio-button value="1">开启</a-radio-button>
- </a-radio-group>
- </a-form-item>
- <a-form-item
- label="创意展现"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-radio-group v-model="creativeDisplayMode">
- <a-radio-button value="CREATIVE_DISPLAY_MODE_CTR">优选模式</a-radio-button>
- <a-radio-button value="CREATIVE_DISPLAY_MODE_RANDOM">轮播模式</a-radio-button>
- </a-radio-group>
- </a-form-item>
- <a-form-item
- label="创意分类"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-cascader :options="options" width="200px" v-model="adCategory" @change="onChange" placeholder="请选择分类" />
- </a-form-item>
- <a-form-item
- label="创意标签"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-select mode="tags" style="width: 100%" :tokenSeparators="[' ']" v-model="adKeywords">
- </a-select>
- </a-form-item>
- <a-form-item
- label="迭代数量"
- :labelCol="labelCol"
- :wrapperCol="wrapperCol">
- <a-input-number :min="0" :max="10" v-model="iteratorNum"/>
- </a-form-item>
- <a-form-item
- :wrapperCol="{ span: 24 }"
- style="text-align: center"
- >
- <a-button htmlType="submit" type="primary">提交</a-button>
- <a-button style="margin-left: 8px">保存</a-button>
- </a-form-item>
- </a-form>
- </a-card>
- </template>
- <Spin3 :spinning="loader" tip="创建中"></Spin3>
- <script>
- import UploadToAli from '@femessage/upload-to-ali';
- import Spin3 from '**/spin3'
- import {postAction, getAction} from '@/api/manage';
- import moment from 'moment';
- import AFormItem from "ant-design-vue/es/form/FormItem";
- export default {
- name: 'BaseForm',
- data() {
- return {
- previewVisible: false,
- previewImage: '',
- labelCol: {
- xs: { span: 24 },
- sm: { span: 5 },
- },
- wrapperCol: {
- xs: { span: 24 },
- sm: { span: 16 },
- },
- loader:false,
- fileList:[],
- activeConvertList:[],
- showConvertTarget:false,
- convertType:'',
- simpleDeliverytarget:'',
- convertId:'',
- showSimple:true,
- showConvertTargetSimple:false,
- showConvertTargetApi:false,
- campaignList: {},
- deliverytargetList:{},
- userList:{},
- userorentationList:{},
- budgetList:{},
- deliveryRange:'DEFAULT',
- campaignId:null,
- deliverytargetId:null,
- budgetId:null,
- userorentationId:null,
- adCategory:null,
- showLargeImage:true,
- showLargeVerticalImage:false,
- showHorizonVideo:false,
- showVerticalVideo:false,
- showGroupImage:false,
- showSmallImage:false,
- horizonImageUrl:'',
- horizonImageCreativeText:'',
- horizonVideoUrl:'',
- horizonVideoCoverImageUrl:'',
- horizonVideoCreativeText:'',
- verticalVideoUrl:'',
- verticalVideoCoverImageUrl:'',
- verticalVideoCreativeText:'',
- groupImageUrl:'',
- groupImageCreativeText:'',
- smallImageUrl:'',
- smallImageCreativeText:'',
- verticalImageUrl:'',
- verticalImageCreativeText:'',
- accessKeyId:'LTAIbNbqWzSOklQV',
- accessKeySecret:'1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
- bucket:'ctop-media',
- region:'oss-cn-beijing',
- acceptImage:'image/jpeg,image/png',
- acceptVideo:'video/mpeg,video/mp4',
- customDomain:'',
- options:[],
- adKeywords:[],
- userList:{},
- accountId:'',
- planList:{},
- planId:'',
- advertiseLocation:'great',
- showMedia:false,
- showSence:false,
- inventoryType:[],
- sceneInventory:'FEED_SENCE',
- creativeType:'customize',
- materialAddType:'customize',
- materialType:'CREATIVE_IMAGE_MODE_LARGE',
- webUrl:'',
- appName:'',
- name:'',
- advancedCreativeTitle:'',
- isCommentDisable:'1',
- creativeDisplayMode:'CREATIVE_DISPLAY_MODE_CTR',
- loading: false,
- iteratorNum:1,
- creativeText:'',
- form: this.$form.createForm(this),
- url: {
- userAllocationList:'/template/allocation/list',
- insertUrl:'/template/creative/insert',
- industryListUrl:'/template/bytedance/industry/list',
- campaignListUrl:'/template/campaign/list',
- budgetTemplateListUrl:'/template/budget/list',
- deliverytargetTemplateListUrl:'/template/deliverytarget/list',
- userorentationTemplateListUrl:'/template/userorentation/list',
- deliverytargetTemplateGetUrl:'/template/deliveryTarget/get',
- convertList:'template/convert/list'
- }
- }
- },
- components:{
- AFormItem,
- UploadToAli
- },
- methods: {
- handleCancel () {
- this.previewVisible = false
- },
- handlePreview (file) {
- this.previewImage = file.url || file.thumbUrl
- this.previewVisible = true
- },
- handleChange ({ fileList }) {
- this.fileList = fileList
- },
- filterOption(input, option) {
- return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
- },
- refreshConvertApiId(){
- let params = {};
- getAction(this.url.convertList+'?accountId='+this.accountId+'&targetId='+this.deliverytargetId ,params).then((res)=>{
- console.log(res);
- if(res.code == 0){
- this.activeConvertList = res.data.active_convert_list;
- }else{
- this.$message.error(res.message);
- }
- });
- },
- changedeliveryTarget(){
- //切换投放目标模板
- this.convertType = null;
- this.simpleDeliverytarget = null;
- this.activeConvertList = [];
- let param = {};
- var targetId = this.deliverytargetId;
- getAction(this.url.deliverytargetTemplateGetUrl+"?targetId="+targetId, param).then((res) => {
- if (res.success) {
- console.log(res.data);
- if(res.data.deliveryTarget == 'CONVERSION'){
- this.showConvertTarget = true;
- }else{
- this.showConvertTarget = false;
- }
- //下载链接
- if(res.data.downloadType == 'DOWNLOAD_URL'){
- this.showSimple = true;
- }else{//落地页
- this.showSimple = false;
- }
- }
- });
- },
- changeConvertType(){
- if(this.convertType == 'SIMPLE'){
- this.showConvertTargetSimple = true;
- this.showConvertTargetApi = false;
- }else{
- this.refreshConvertApiId();
- this.showConvertTargetSimple = false;
- this.showConvertTargetApi = true;
- }
- },
- materialTypeChange(){
- let type = this.materialType;
- if(type === 'CREATIVE_IMAGE_MODE_SMALL'){
- this.showLargeImage=false;
- this.showLargeVerticalImage=false;
- this.showHorizonVideo=false;
- this.showVerticalVideo=false;
- this.showGroupImage=false;
- this.showSmallImage=true;
- }
- if(type === 'CREATIVE_IMAGE_MODE_LARGE'){
- this.showLargeImage=true;
- this.showLargeVerticalImage=false;
- this.showHorizonVideo=false;
- this.showVerticalVideo=false;
- this.showGroupImage=false;
- this.showSmallImage=false;
- }
- if(type === 'CREATIVE_IMAGE_MODE_GROUP'){
- this.showLargeImage=false;
- this.showLargeVerticalImage=false;
- this.showHorizonVideo=false;
- this.showVerticalVideo=false;
- this.showGroupImage=true;
- this.showSmallImage=false;
- }
- if(type === 'CREATIVE_IMAGE_MODE_VIDEO'){
- this.showLargeImage=false;
- this.showLargeVerticalImage=false;
- this.showHorizonVideo=true;
- this.showVerticalVideo=false;
- this.showGroupImage=false;
- this.showSmallImage=false;
- }
- if(type === 'CREATIVE_IMAGE_MODE_LARGE_VERTICAL'){
- this.showLargeImage=false;
- this.showLargeVerticalImage=true;
- this.showHorizonVideo=false;
- this.showVerticalVideo=false;
- this.showGroupImage=false;
- this.showSmallImage=false;
- }
- if(type === 'CREATIVE_IMAGE_MODE_VIDEO_VERTICAL'){
- this.showLargeImage = false;
- this.showLargeVerticalImage=false;
- this.showHorizonVideo=false;
- this.showVerticalVideo=true;
- this.showGroupImage=false;
- this.showSmallImage=false;
- }
- },
- moment,
- changeLoaction(){
- if(this.advertiseLocation === 'great'){
- this.showMedia = false;
- this.showSence = false;
- }
- if(this.advertiseLocation === 'media'){
- this.showMedia = true;
- this.showSence = false;
- }
- if(this.advertiseLocation === 'sence'){
- this.showMedia = false;
- this.showSence = true;
- }
- },
- // this.$message.success(`${info.file.name} 文件上传成功`);
- filterOption(input, option) {
- return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
- },
- handleSubmit(e) {
- e.preventDefault()
- this.form.validateFields((err, values) => {
- if (!err) {
- console.log('Received values of form: ', values);
- this.loader = true;
- 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;
- console.log(params)
- postAction(this.url.insertUrl,params).then((res)=>{
- this.loader = false;
- console.log(res)
- if(res.success){
- alert("广告创意批量创建成功");
- }else{
- alert(res.message);
- }
- });
- }
- })
- },
- onChange(value) {
- console.log(value)
- }
- },
- created: function () {
- let params = {};
- postAction(this.url.campaignListUrl,params).then((res) => {
- if (res.success) {
- this.campaignList = res.result.records
- }
- });
- params = {};
- params.pageSize = '1000';
- params.mediaId='1';
- postAction(this.url.userAllocationList, params).then((res) => {
- if (res.success) {
- this.userList = res.result.records
- }
- });
- params = {};
- getAction(this.url.industryListUrl, params).then((res) => {
- this.options = res;
- });
- params = {};
- params.pageSize = '1000';
- postAction(this.url.budgetTemplateListUrl, params).then((res) => {
- if (res.success) {
- this.budgetList = res.result.records
- }
- });
- params = {};
- params.pageSize = '1000';
- params.mediaId='1';
- postAction(this.url.userAllocationList, params).then((res) => {
- if (res.success) {
- this.userList = res.result.records
- }
- });
- params = {};
- params.pageSize = '1000';
- postAction(this.url.deliverytargetTemplateListUrl, params).then((res) => {
- if (res.success) {
- this.deliverytargetList = res.result.records
- }
- });
- params = {};
- params.pageSize = '1000';
- postAction(this.url.userorentationTemplateListUrl, params).then((res) => {
- if (res.success) {
- this.userorentationList = res.result.records
- }
- });
- }
- }
- </script>
|