|
@@ -1,386 +1,15 @@
|
|
|
-<<<<<<< HEAD
|
|
|
-<template>
|
|
|
- <div class="newDirectedPackage">
|
|
|
- <div class="title">
|
|
|
- 新建定向包
|
|
|
- </div>
|
|
|
- <div class="optBOX">
|
|
|
- <div class="leftBox">
|
|
|
- <a-form :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
|
|
- <a-form-item label="定向包名称">
|
|
|
- <a-input placeholder="请输入定向包名称,至多20个字符" style="width:40%" />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="媒体:">
|
|
|
- <a-radio-group default-value="toutiao" v-model="form.medialType" button-style="solid">
|
|
|
- <a-radio-button :value="1">头条</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="地域:" class="optItem" >
|
|
|
- <a-radio-group default-value="" button-style="solid" v-model="regionValue">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="REGION_LEVEL_PROVINCE">按省市</a-radio-button>
|
|
|
- <a-radio-button value="REGION_LEVEL_DISTRICT">按区县</a-radio-button>
|
|
|
- <a-radio-button value="REGION_LEVEL_BUSINESS_DISTRICT">按商圈</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <div class="region" v-show="regionValue!=''">
|
|
|
- <!-- 省市 -->
|
|
|
- <div class="provincyCity" v-if="regionValue=='REGION_LEVEL_PROVINCE'">
|
|
|
- <div class="region_input">
|
|
|
- <a-input-search placeholder="输入搜索的省市" enter-button />
|
|
|
- </div>
|
|
|
- <div class="tabChange">
|
|
|
- <div class="tabBox">
|
|
|
- <a-tabs v-model="cityTab" @change="cityTabChange">
|
|
|
- <a-tab-pane key="geography" tab="地理划分">
|
|
|
- <linkMultiSelect title='省份' :listArr='shengshiArr' @getSelectedArr='getSelectedCityArr'/>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="development" tab="发展划分" >
|
|
|
- <linkMultiSelect title='等级' :listArr='[]' @getSelectedArr='getSelectedCityArr'/>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 区县 -->
|
|
|
- <div class="district" v-else-if="regionValue=='REGION_LEVEL_DISTRICT'">
|
|
|
- <linkMultiSelect title='省份' :listArr='[]' @getSelectedArr='getSelectedCityArr'/>
|
|
|
- </div>
|
|
|
- <!-- 商圈 -->
|
|
|
- <div class="businessCircle" v-else>
|
|
|
- <div class="tabChange">
|
|
|
- <div class="tabBox">
|
|
|
- <a-tabs v-model="businessTab" @change="businessTabChange">
|
|
|
- <a-tab-pane key="businessCircle" tab="商圈">
|
|
|
- <a-cascader :options="businessOptionsArr" change-on-select @change="businessChange" />
|
|
|
- <linkMultiSelect :titleArr='["商圈"]' :listArr='[]' @getSelectedArr='getSelectedCityArr'/>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="addFromMap" tab="从地图添加" >
|
|
|
- <a-input-search placeholder="请输入搜索地址" v-model="MapselectValue" @search="MapSearch">
|
|
|
- <a-button slot="enterButton">
|
|
|
- 搜索
|
|
|
- </a-button>
|
|
|
- </a-input-search>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="region_people">
|
|
|
- <a-radio-group v-model="regionPeopleValue" @change="regionPeopleChange">
|
|
|
- <a-radio value="HOME">居住在该地区的用户</a-radio>
|
|
|
- <a-radio value="TRAVEL"> 到该地区旅行的用户</a-radio>
|
|
|
- <a-radio value="ALL">该地区内的所有用户</a-radio>
|
|
|
- <a-radio value="CURRENT">正在该地区的用户</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="性别:" class="optItem">
|
|
|
- <a-radio-group default-value="" v-model="form.sex" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="men">男</a-radio-button>
|
|
|
- <a-radio-button value="women">女</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="年龄:" class="optItem">
|
|
|
- <radioCheck :checkArr='ageArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="精选流量包:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="men">应用软件精选</a-radio-button>
|
|
|
- <a-radio-button value="women">游戏精选</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />精选流量包仅支持穿山甲、穿山甲-精选游戏广告位</span>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="行为兴趣:" class="optItem">
|
|
|
- <a-radio-group v-model="interestActionMode" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="RECOMMEND">
|
|
|
- 系统推荐
|
|
|
- <a-tooltip>
|
|
|
- <template slot="title">
|
|
|
- 如与自定义人群包同时使用,系统推荐不生效
|
|
|
- </template>
|
|
|
- <a-icon type="question-circle" />
|
|
|
- </a-tooltip>
|
|
|
- </a-radio-button>
|
|
|
- <a-radio-button value="CUSTOM">自定义</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
-
|
|
|
- </a-form-item>
|
|
|
- <div class="interestActionMode" v-show="interestActionMode=='CUSTOM'">
|
|
|
- <a-form-item label="行为:" class="optItem">
|
|
|
- <div>
|
|
|
- <span style="margin-right:5px">在</span>
|
|
|
- <a-select
|
|
|
- mode="multiple"
|
|
|
- label-in-value
|
|
|
- style="width: 210px"
|
|
|
- placeholder="所有行为场景中"
|
|
|
- @change="actionSceneChange"
|
|
|
- :maxTagCount='1'
|
|
|
- >
|
|
|
- <a-select-option value='E-COMMERCE'> 电商互动行为</a-select-option>
|
|
|
- <a-select-option value='NEWS'> 咨询互动行为</a-select-option>
|
|
|
- <a-select-option value='APP'> APP推广行为</a-select-option>
|
|
|
- </a-select>
|
|
|
- <span>中,选择用户</span>
|
|
|
- <a-select v-model="actionDays" style="width: 90px">
|
|
|
- <a-select-option :value='7'>7天 </a-select-option>
|
|
|
- <a-select-option :value='15'>15天 </a-select-option>
|
|
|
- <a-select-option :value='30'>30天 </a-select-option>
|
|
|
- <a-select-option :value='60'>60天 </a-select-option>
|
|
|
- <a-select-option :value='90'>90天 </a-select-option>
|
|
|
- <a-select-option :value='180'>180天 </a-select-option>
|
|
|
- <a-select-option :value='365'>365天 </a-select-option>
|
|
|
- </a-select>
|
|
|
- <span>内发生的行为:</span>
|
|
|
- </div>
|
|
|
- <div class="actionBottom">
|
|
|
- <div class="action_left">
|
|
|
- <a-tabs default-active-key="1" >
|
|
|
- <a-tab-pane key="1" tab="添加类目词">
|
|
|
- <div class="Taxonomic">
|
|
|
- <div class="Taxonomic_search">
|
|
|
- <a-input-search placeholder="请输入行为类目词" style="width: 100%" @search="TaxonomicSearch" />
|
|
|
- </div>
|
|
|
- <div class="Taxonomic_checkbox">
|
|
|
|
|
|
- </div>
|
|
|
- <div class="Taxonomic_relevant">
|
|
|
- <span class="Taxonomic_relevant_top">
|
|
|
- <span class="Taxonomic_relevant_top_title">{{}}相关词:</span>
|
|
|
- <a-button type='link' class="Taxonomic_relevant_top_more">更多></a-button>
|
|
|
- </span>
|
|
|
-
|
|
|
- <span class="Taxonomic_relevant_bottom">
|
|
|
- <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+游戏</a>
|
|
|
- <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+手游</a>
|
|
|
- <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+王者荣耀</a>
|
|
|
- <a href="javascript:;" class="Taxonomic_relevant_bottom_item">+吃鸡</a>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- <a-tab-pane key="2" tab="添加关键词" >
|
|
|
- <div class="Taxonomic keyWord">
|
|
|
- <div class="Taxonomic_search">
|
|
|
- <a-input-search placeholder="请输入行为类目词或关键词" style="width: 100%" @search="keyWordSearch" />
|
|
|
- </div>
|
|
|
- <div class="Taxonomic_checkbox keyWords_box">
|
|
|
- <div class="keyWords_box_title">
|
|
|
- {{}}
|
|
|
- </div>
|
|
|
- <ul class="keyWords_box_list">
|
|
|
- <li>
|
|
|
- <span class="mingzi">游戏</span>
|
|
|
- <span class="renshu">21亿</span>
|
|
|
- <span class="caozuo" >
|
|
|
- <a href="javascript:;" class="addKeywords">添加</a>
|
|
|
- <a href="javascript:;" class="searchKeyWord">查关键词</a>
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="Taxonomic_relevant">
|
|
|
- <span class="Taxonomic_relevant_top">
|
|
|
- <a href="javascript:;" class="Taxonomic_relevant_bottom_item">添加全部“{{}}”相关词</a>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- </div>
|
|
|
- <div class="action_right">
|
|
|
- <div class="action_right_title">
|
|
|
- <span class="action_right_sum">还可以添加行为:{{}}个</span>
|
|
|
- <span class="action_right_info">
|
|
|
- <span>类目词:{{}}</span>
|
|
|
- <span>关键词:{{}}</span>
|
|
|
- </span>
|
|
|
- <a-button type='link' class="action_right_btn">清空</a-button>
|
|
|
- </div>
|
|
|
- <div class="action_right_bottom">
|
|
|
- <div class="action_right_option">
|
|
|
- <a-select v-model="actOrint" style="width: 80px;" >
|
|
|
- <a-select-option value="all">
|
|
|
- 全部
|
|
|
- </a-select-option>
|
|
|
- <a-select-option value="lucy">
|
|
|
- 类目词
|
|
|
- </a-select-option>
|
|
|
- <a-select-option value="disabled" >
|
|
|
- 关键词
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- <span class="coverPeople">覆盖人数</span>
|
|
|
- </div>
|
|
|
- <div class="action_right_select_list">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span class="mingzi">游戏</span>
|
|
|
- <span class="renshu">21亿</span>
|
|
|
- <span class="caozuo" >
|
|
|
- <a href="javascript:;" class="delete">删除</a>
|
|
|
- <a href="javascript:;" class="searchKeyWord">查关键词</a>
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="mingzi">游戏</span>
|
|
|
- <span class="renshu">21亿</span>
|
|
|
- <span class="caozuo" >
|
|
|
- <a href="javascript:;" class="delete">删除</a>
|
|
|
- <a href="javascript:;" class="searchKeyWord">查关键词</a>
|
|
|
- </span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="action_right_AISelect">
|
|
|
- <a-tooltip class="actionTooltip">
|
|
|
- <template slot="title">
|
|
|
- 已添加的行为关键词需大于20个,才可以使用自动选词
|
|
|
- </template>
|
|
|
- <a-button type='link' :disabled='AIselect'>使用自动选词</a-button>
|
|
|
-
|
|
|
- </a-tooltip>
|
|
|
- <a-tooltip class="actionTooltip">
|
|
|
- <template slot="title">
|
|
|
- 系统根据行为定向所有已选结果,自动推荐词包
|
|
|
- </template>
|
|
|
- <a-icon type="question-circle" />
|
|
|
- </a-tooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="兴趣:" class="optItem">
|
|
|
-
|
|
|
- </a-form-item>
|
|
|
- </div>
|
|
|
- <a-form-item label="平台:" class="optItem">
|
|
|
- <radioCheck :checkArr='platformArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="过滤已安装:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
- <a-radio-button value="">不过滤</a-radio-button>
|
|
|
- <a-radio-button value="filter">过滤</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="运营商:" class="optItem">
|
|
|
- <radioCheck :checkArr='carrierArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="网络:" class="optItem">
|
|
|
- <radioCheck :checkArr='networkArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-item>
|
|
|
- <!-- <a-form-item label="设备类型:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="wifi">智能手机</a-radio-button>
|
|
|
- <a-radio-button value="2G">平板</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item> -->
|
|
|
- <a-form-item label="手机品牌:" class="optItem">
|
|
|
- <a-radio-group default-value="" v-model="deviceBrand" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="byBrand">按品牌</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <div v-if="deviceBrand=='byBrand'" class="deviceBrand">
|
|
|
- <div class="selectBox">
|
|
|
- <div class="selectLeft">
|
|
|
- <div class="title">手机品牌</div>
|
|
|
- <div class="selectBox1">
|
|
|
- <span class="selectLists"><a-checkbox :indeterminate="indeterminate" :checked="checkAll" @change="onCheckAllChange" > 全选 </a-checkbox></span>
|
|
|
- <a-checkbox-group v-model="checkedList" :options="plainOptions" @change="checkGroupChange" class="selectList" ></a-checkbox-group>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="selectRight">
|
|
|
- <div class="title">已选<a-button class="clear" type="link" @click="clearAll">清空</a-button></div>
|
|
|
- <div class="selectBox1">
|
|
|
- <span class="selectListitem" v-for="(item,index) in checkedList" :key='index'>{{item}}<a-icon type="close" id="close" @click="deleteItem(item)" /></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="手机价格:" class="optItem">
|
|
|
- <a-radio-group default-value="" v-model="launchPrice" button-style="solid">
|
|
|
- <a-radio-button value="">不限</a-radio-button>
|
|
|
- <a-radio-button value="custom">自定义</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <span v-if="launchPrice=='custom'">
|
|
|
- <a-slider range :marks="marks" :default-value="[2000, 7000]" :step="null" :min='0' :max='11000' @change="slideChange" />
|
|
|
- </span>
|
|
|
- <span v-else></span>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="新用户:" class="optItem">
|
|
|
- <radioCheck :checkArr='newUser' @getSonValue='getNewUser' />
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="智能放量:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
- <a-radio-button value="">不启用</a-radio-button>
|
|
|
- <a-radio-button value="open">启用</a-radio-button>
|
|
|
- </a-radio-group>
|
|
|
- <span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />智能放量不支持受众预估</span>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="保存为模板:" class="optItem">
|
|
|
- <a-radio-group default-value="no" button-style="solid">
|
|
|
- <a-radio value="yes">是</a-radio>
|
|
|
- <a-radio value="no">否</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
|
|
|
- <a-button type="primary" @click="applicatiSubmit">
|
|
|
- 应用
|
|
|
- </a-button>
|
|
|
- <a-button style="margin-left: 10px;" @click="cancel">
|
|
|
- 取消
|
|
|
- </a-button>
|
|
|
- </a-form-item>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- <div class="rightBox">
|
|
|
- <div class="topBox">
|
|
|
- <p class="title">预估可覆盖</p>
|
|
|
- <div class="info">
|
|
|
- <p>抖音视频:<span class="num">{{}}</span>万日活跃用户</p>
|
|
|
- <p>西瓜视频:<span class="num">{{}}</span>万日活跃用户</p>
|
|
|
- <p>火山视频:<span class="num">{{}}</span>万日活跃用户</p>
|
|
|
- <p>今日头条:<span class="num">{{}}</span>万日活跃用户</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="bottomBox">
|
|
|
- <p class="title">受众信息</p>
|
|
|
- <div class="info">
|
|
|
- <p>性别:<span class="num">{{}}</span></p>
|
|
|
- <p>年龄:<span class="num">{{}}</span></p>
|
|
|
- <p>平台:<span class="num">{{}}</span></p>
|
|
|
- <p>网络:<span class="num">{{}}</span></p>
|
|
|
- <p>运营商:<span class="num">{{}}</span></p>
|
|
|
- <p>新用户:<span class="num">{{}}</span></p>
|
|
|
- <p>手机品牌:<span class="num">{{}}</span></p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-=======
|
|
|
-<style lang="scss">
|
|
|
->>>>>>> ba9bf20210a1c7357fb28afc51b6206e12414500
|
|
|
-
|
|
|
- .newDirectedPackage .ant-checkbox-group-item{
|
|
|
- // width: 100%;
|
|
|
- display: block ;
|
|
|
- padding: 3px 0;
|
|
|
- margin-right: 0;
|
|
|
- padding: 5px 15px;
|
|
|
- }
|
|
|
- .newDirectedPackage .ant-checkbox-group-item:hover{
|
|
|
- background-color: rgba(0,0,0,.1);
|
|
|
- }
|
|
|
+<style>
|
|
|
+.newDirectedPackage .ant-checkbox-group-item{
|
|
|
+ width: 100%;
|
|
|
+ display: block ;
|
|
|
+ padding: 3px 0;
|
|
|
+ margin-right: 0;
|
|
|
+ padding: 5px 15px;
|
|
|
+}
|
|
|
+.newDirectedPackage .ant-checkbox-group-item:hover{
|
|
|
+ background-color: rgba(0,0,0,.1);
|
|
|
+}
|
|
|
|
|
|
|
|
|
</style>
|
|
@@ -762,16 +391,16 @@
|
|
|
</div>
|
|
|
<div class="optBOX">
|
|
|
<div class="leftBox">
|
|
|
- <a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
|
|
- <a-form-model-item label="定向包名称">
|
|
|
+ <a-form :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
|
|
|
+ <a-form-item label="定向包名称">
|
|
|
<a-input placeholder="请输入定向包名称,至多20个字符" style="width:40%" />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="媒体:">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="媒体:">
|
|
|
<a-radio-group default-value="toutiao" v-model="form.medialType" button-style="solid">
|
|
|
<a-radio-button :value="1">头条</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="地域:" class="optItem" >
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="地域:" class="optItem" >
|
|
|
<a-radio-group default-value="" button-style="solid" v-model="regionValue">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="REGION_LEVEL_PROVINCE">按省市</a-radio-button>
|
|
@@ -830,26 +459,26 @@
|
|
|
</a-radio-group>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="性别:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="性别:" class="optItem">
|
|
|
<a-radio-group default-value="" v-model="form.sex" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="men">男</a-radio-button>
|
|
|
<a-radio-button value="women">女</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="年龄:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="年龄:" class="optItem">
|
|
|
<radioCheck :checkArr='ageArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="精选流量包:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="精选流量包:" class="optItem">
|
|
|
<a-radio-group default-value="" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="men">应用软件精选</a-radio-button>
|
|
|
<a-radio-button value="women">游戏精选</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
<span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />精选流量包仅支持穿山甲、穿山甲-精选游戏广告位</span>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="行为兴趣:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="行为兴趣:" class="optItem">
|
|
|
<a-radio-group v-model="interestActionMode" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="RECOMMEND">
|
|
@@ -864,9 +493,9 @@
|
|
|
<a-radio-button value="CUSTOM">自定义</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
|
|
|
- </a-form-model-item>
|
|
|
+ </a-form-item>
|
|
|
<div class="interestActionMode" v-show="interestActionMode=='CUSTOM'">
|
|
|
- <a-form-model-item label="行为:" class="optItem">
|
|
|
+ <a-form-item label="行为:" class="optItem">
|
|
|
<div>
|
|
|
<span style="margin-right:5px">在</span>
|
|
|
<a-select
|
|
@@ -1010,34 +639,34 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="兴趣:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="兴趣:" class="optItem">
|
|
|
|
|
|
- </a-form-model-item>
|
|
|
+ </a-form-item>
|
|
|
</div>
|
|
|
- <a-form-model-item label="平台:" class="optItem">
|
|
|
+ <a-form-item label="平台:" class="optItem">
|
|
|
<radioCheck :checkArr='platformArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="过滤已安装:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="过滤已安装:" class="optItem">
|
|
|
<a-radio-group default-value="" button-style="solid">
|
|
|
<a-radio-button value="">不过滤</a-radio-button>
|
|
|
<a-radio-button value="filter">过滤</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="运营商:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="运营商:" class="optItem">
|
|
|
<radioCheck :checkArr='carrierArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="网络:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="网络:" class="optItem">
|
|
|
<radioCheck :checkArr='networkArr' @getSonValue='getNewUser' />
|
|
|
- </a-form-model-item>
|
|
|
- <!-- <a-form-model-item label="设备类型:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <!-- <a-form-item label="设备类型:" class="optItem">
|
|
|
<a-radio-group default-value="" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="wifi">智能手机</a-radio-button>
|
|
|
<a-radio-button value="2G">平板</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
- </a-form-model-item> -->
|
|
|
- <a-form-model-item label="手机品牌:" class="optItem">
|
|
|
+ </a-form-item> -->
|
|
|
+ <a-form-item label="手机品牌:" class="optItem">
|
|
|
<a-radio-group default-value="" v-model="deviceBrand" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="byBrand">按品牌</a-radio-button>
|
|
@@ -1060,8 +689,8 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="手机价格:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="手机价格:" class="optItem">
|
|
|
<a-radio-group default-value="" v-model="launchPrice" button-style="solid">
|
|
|
<a-radio-button value="">不限</a-radio-button>
|
|
|
<a-radio-button value="custom">自定义</a-radio-button>
|
|
@@ -1070,32 +699,32 @@
|
|
|
<a-slider range :marks="marks" :default-value="[2000, 7000]" :step="null" :min='0' :max='11000' @change="slideChange" />
|
|
|
</span>
|
|
|
<span v-else></span>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="新用户:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="新用户:" class="optItem">
|
|
|
<radioCheck :checkArr='newUser' @getSonValue='getNewUser' />
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="智能放量:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="智能放量:" class="optItem">
|
|
|
<a-radio-group default-value="" button-style="solid">
|
|
|
<a-radio-button value="">不启用</a-radio-button>
|
|
|
<a-radio-button value="open">启用</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
<span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />智能放量不支持受众预估</span>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item label="保存为模板:" class="optItem">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="保存为模板:" class="optItem">
|
|
|
<a-radio-group default-value="no" button-style="solid">
|
|
|
<a-radio value="yes">是</a-radio>
|
|
|
<a-radio value="no">否</a-radio>
|
|
|
</a-radio-group>
|
|
|
- </a-form-model-item>
|
|
|
- <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }">
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
|
|
|
<a-button type="primary" @click="applicatiSubmit">
|
|
|
应用
|
|
|
</a-button>
|
|
|
<a-button style="margin-left: 10px;" @click="cancel">
|
|
|
取消
|
|
|
</a-button>
|
|
|
- </a-form-model-item>
|
|
|
- </a-form-model>
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
</div>
|
|
|
<div class="rightBox">
|
|
|
<div class="topBox">
|
|
@@ -1123,7 +752,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
const plainOptions = ['Apple', 'Pear', 'Orange','44','550','9982','5525'];
|
|
|
const defaultCheckedList = ['Apple', 'Orange'];
|
|
@@ -1472,3 +1100,5 @@ export default {
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
+
|
|
|
+
|