|
@@ -14,15 +14,65 @@
|
|
|
<a-radio-button :value="1">头条</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="地域:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
+ <a-form-model-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="b">按省市</a-radio-button>
|
|
|
- <a-radio-button value="c">按区县</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>
|
|
|
- <span class="">
|
|
|
-
|
|
|
- </span>
|
|
|
+ <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-model-item>
|
|
|
<a-form-model-item label="性别:" class="optItem">
|
|
|
<a-radio-group default-value="" v-model="form.sex" button-style="solid">
|
|
@@ -43,12 +93,171 @@
|
|
|
<span class="tishi"><a-icon type="exclamation-circle" class="tubiao" />精选流量包仅支持穿山甲、穿山甲-精选游戏广告位</span>
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="行为兴趣:" class="optItem">
|
|
|
- <a-radio-group default-value="" button-style="solid">
|
|
|
+ <a-radio-group v-model="interestActionMode" 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-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-model-item>
|
|
|
+ <div class="interestActionMode" v-show="interestActionMode=='CUSTOM'">
|
|
|
+ <a-form-model-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-model-item>
|
|
|
+ <a-form-model-item label="兴趣:" class="optItem">
|
|
|
+
|
|
|
+ </a-form-model-item>
|
|
|
+ </div>
|
|
|
<a-form-model-item label="平台:" class="optItem">
|
|
|
<radioCheck :checkArr='platformArr' @getSonValue='getNewUser' />
|
|
|
</a-form-model-item>
|
|
@@ -162,7 +371,7 @@
|
|
|
const plainOptions = ['Apple', 'Pear', 'Orange','44','550','9982','5525'];
|
|
|
const defaultCheckedList = ['Apple', 'Orange'];
|
|
|
import radioCheck from './radioCheck';
|
|
|
-
|
|
|
+import linkMultiSelect from './linkMultiSelect'
|
|
|
let newUser=[
|
|
|
{
|
|
|
value:'',
|
|
@@ -265,9 +474,70 @@ let ageArr=[
|
|
|
},
|
|
|
]
|
|
|
|
|
|
+let options=[
|
|
|
+ {
|
|
|
+ value: 'zhejiang',
|
|
|
+ label: 'Zhejiang',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 'hangzhou',
|
|
|
+ label: 'Hangzhou',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 'xihu',
|
|
|
+ label: 'West Lake',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 'jiangsu',
|
|
|
+ label: 'Jiangsu',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 'nanjing',
|
|
|
+ label: 'Nanjing',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ value: 'zhonghuamen',
|
|
|
+ label: 'Zhong Hua Men',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+];
|
|
|
+
|
|
|
+let shengshiArr=[
|
|
|
+ {name:'北京'},
|
|
|
+ {name:'天津'},
|
|
|
+ {
|
|
|
+ name:'山西',
|
|
|
+ children:[
|
|
|
+ {
|
|
|
+ name:'太原',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:'阳泉',
|
|
|
+ children:[
|
|
|
+ {
|
|
|
+ name:'盂县',
|
|
|
+ children:[
|
|
|
+ {
|
|
|
+ name:'上社镇'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+]
|
|
|
export default {
|
|
|
components:{
|
|
|
radioCheck,
|
|
|
+ linkMultiSelect
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -315,6 +585,25 @@ export default {
|
|
|
carrierArr,//运营商
|
|
|
ageArr,//受众年龄
|
|
|
platformArr,//受众平台
|
|
|
+ //地域下的人群的受众位置分类
|
|
|
+ regionPeopleValue:'HOME',
|
|
|
+ regionValue:'',//地域的选择项
|
|
|
+ cityTab:'geography',//省市下的tab切换
|
|
|
+ businessTab:'businessCircle',//商圈的tab值
|
|
|
+ businessOptionsArr:[],//商圈的联动数据
|
|
|
+ MapselectValue:undefined,//地图的搜索地址
|
|
|
+
|
|
|
+ //行为兴趣选择
|
|
|
+ interestActionMode:'',
|
|
|
+ actionScene:[],//行为场景
|
|
|
+
|
|
|
+ actionDays:30,//行为天数
|
|
|
+ actOrint:'all',
|
|
|
+ TaxonomicValue:undefined,//行为下的类目词
|
|
|
+ keyWordValue:undefined,//行为下的关键词
|
|
|
+ AIselect:true,//行为下的自动选词是否可用
|
|
|
+
|
|
|
+ shengshiArr,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -366,8 +655,56 @@ export default {
|
|
|
//获取新用户的选中值
|
|
|
getNewUser(val){
|
|
|
console.log(val);
|
|
|
+ },
|
|
|
+ //地域选择里的搜索
|
|
|
+ regionOnSearch(value) {
|
|
|
+ console.log(value);
|
|
|
+ },
|
|
|
|
|
|
+ //地域里的受众人群的位置
|
|
|
+ regionPeopleChange(e){
|
|
|
+ console.log(e.target.value,this.regionPeopleValue)
|
|
|
},
|
|
|
+ //获取选中的城市
|
|
|
+ getSelectedCityArr(val){
|
|
|
+ console.log(val)
|
|
|
+ },
|
|
|
+ //省市的tab切换
|
|
|
+ cityTabChange(key){
|
|
|
+ console.log(key)
|
|
|
+ },
|
|
|
+ //商圈的tab改变
|
|
|
+ businessTabChange(key){
|
|
|
+ console.log(key)
|
|
|
+ },
|
|
|
+
|
|
|
+ //商圈的联动改变
|
|
|
+
|
|
|
+ businessChange(val){
|
|
|
+ console.log(val)
|
|
|
+ },
|
|
|
+ //地图的搜索事件
|
|
|
+ MapSearch(val){
|
|
|
+ console.log(val)
|
|
|
+ },
|
|
|
+
|
|
|
+ //行为场景
|
|
|
+ actionSceneChange(value){
|
|
|
+ console.log(value)
|
|
|
+ },
|
|
|
+
|
|
|
+ //行为下的 类目搜索框
|
|
|
+ TaxonomicSearch(value){
|
|
|
+ console.log(value);
|
|
|
+ this.TaxonomicValue=value
|
|
|
+ },
|
|
|
+ //行为下的 关键词搜索框
|
|
|
+ keyWordSearch(value){
|
|
|
+ console.log(value);
|
|
|
+ this.keyWordValue=value
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
@@ -501,7 +838,7 @@ export default {
|
|
|
right: 20px;
|
|
|
width: 230px;
|
|
|
// height: 500px;
|
|
|
- max-height: 450px;
|
|
|
+ max-height: 500px;
|
|
|
border: 1px solid #ddd;
|
|
|
border-radius: 10px;
|
|
|
font-size: 12px;
|
|
@@ -543,4 +880,217 @@ export default {
|
|
|
|
|
|
|
|
|
}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .actionBottom{
|
|
|
+ ul,li{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+ width: 70%;
|
|
|
+ height: 400px;
|
|
|
+ display:flex;
|
|
|
+ margin-top: 20px;
|
|
|
+ .action_left{
|
|
|
+ width:60% ;
|
|
|
+ margin-right: 2%;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 10px 2px;
|
|
|
+ .Taxonomic{
|
|
|
+ padding: 0 10px;
|
|
|
+ .Taxonomic_checkbox{
|
|
|
+ margin-top: 10PX;
|
|
|
+ height: 220px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .Taxonomic_relevant{
|
|
|
+ font-size: 12px;
|
|
|
+ margin-top: 10px;
|
|
|
+ .Taxonomic_relevant_top{
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ .Taxonomic_relevant_top_title{
|
|
|
+
|
|
|
+ }
|
|
|
+ .Taxonomic_relevant_top_more{
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ display: block;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .Taxonomic_relevant_bottom{
|
|
|
+ display: block;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ .Taxonomic_relevant_bottom_item{
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .keyWords_box_title{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #000;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ background-color: rgb(248,249,250);
|
|
|
+ }
|
|
|
+ .keyWords_box_list{
|
|
|
+ height: 185px;
|
|
|
+ overflow: auto;
|
|
|
+ li{
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ .caozuo{
|
|
|
+ display: none;
|
|
|
+ // display: inline-block;
|
|
|
+ width:50%;
|
|
|
+ text-align: right;
|
|
|
+ .delete{
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+ .searchKeyWord{
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mingzi{
|
|
|
+ display: inline-block;
|
|
|
+ width: 30%;
|
|
|
+
|
|
|
+ }
|
|
|
+ .renshu{
|
|
|
+ display: inline-block;
|
|
|
+ width: 15%;
|
|
|
+ line-height: 30px;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .keyWords_box_list li:hover .caozuo{
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .action_right{
|
|
|
+ width: 35%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .action_right_title{
|
|
|
+ background-color: rgb(248,249,250);
|
|
|
+ padding: 10px 10px 0;
|
|
|
+ border-radius: 5px 5px 0 0;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .action_right_sum{
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .action_right_info{
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ .action_right_btn{
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ right: -5px;
|
|
|
+ }
|
|
|
+ .action_right_bottom{
|
|
|
+
|
|
|
+ .action_right_option{
|
|
|
+
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ .ant-select-selection{
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+ .coverPeople{
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+ .caozuo{
|
|
|
+ display: none;
|
|
|
+ .delete{
|
|
|
+ margin-left: 5px;
|
|
|
+ }
|
|
|
+ .searchKeyWord{
|
|
|
+ margin-left: 2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .mingzi{
|
|
|
+ display: inline-block;
|
|
|
+ width: 70px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .renshu{
|
|
|
+ display: inline-block;
|
|
|
+ width: 40px;
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ .action_right_select_list{
|
|
|
+ padding: 5px 10px;
|
|
|
+ height: 250px;
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
+ .action_right_select_list li{
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ .action_right_select_list li:hover .caozuo{
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .action_right_AISelect{
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ant-tooltip-inner,.ant-tooltip,.ant-tooltip-arrow::before{
|
|
|
+ background-color: #fff;
|
|
|
+ color: #666;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .region{
|
|
|
+ width: 70%;
|
|
|
+ margin-top: 10px;
|
|
|
+ .region_input{
|
|
|
+ width: 60%;
|
|
|
+ }
|
|
|
+ .tabChange{
|
|
|
+
|
|
|
+ }
|
|
|
+ .ant-tabs-bar{
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|