|
@@ -39,14 +39,14 @@ li:hover {
|
|
|
<a-form-item
|
|
|
label="地区"
|
|
|
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
- :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
+ :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
|
|
|
>
|
|
|
<a-radio-group @change="regionChange" v-model="allForm.regionType" buttonStyle="solid">
|
|
|
<a-radio-button value="noLimit">不限</a-radio-button>
|
|
|
<a-radio-button value="limit">指定地区</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
<div v-if="allForm.regionType == 'limit'" style="margin-top:10px">
|
|
|
- <select-region :checkData.sync="allForm.region" />
|
|
|
+ <select-region :checkData.sync="allForm.region" :dataValue="allForm.region" />
|
|
|
<!-- v-model="allForm.region" -->
|
|
|
<!-- {{ getData('region') }} -->
|
|
|
<!-- <el-cascader
|
|
@@ -229,7 +229,7 @@ li:hover {
|
|
|
label="APP行为"
|
|
|
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
- v-if="getData('platform_os') == '1'"
|
|
|
+ v-show="getData('platform_os') == '1'"
|
|
|
>
|
|
|
<a-radio-group buttonStyle="solid" v-model="allForm.appType" @change="getAppType">
|
|
|
<a-radio-button value="0">不限</a-radio-button>
|
|
@@ -241,18 +241,31 @@ li:hover {
|
|
|
label=" "
|
|
|
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
- v-if="getData('platform_os') == '1' && allForm.appType == '1'"
|
|
|
+ v-show="getData('platform_os') == '1' && allForm.appType == '1'"
|
|
|
class="else-label"
|
|
|
>
|
|
|
- <el-cascader
|
|
|
+ <a-select
|
|
|
+ mode="multiple"
|
|
|
+ style="width: 100%"
|
|
|
+ optionFilterProp="children"
|
|
|
+ showSearch
|
|
|
+ :filterOption="filterOption"
|
|
|
+ v-decorator="['app_interest', { rules: [{ required: true, message: '请选择APP行为' }] }]"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="item in optionsAppActive" :key="item.tagId" :value="item.tagId">{{
|
|
|
+ item.tagName
|
|
|
+ }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+
|
|
|
+ <!-- <el-cascader
|
|
|
ref="cascader"
|
|
|
v-decorator="['app_interest', { rules: [{ required: true, message: '请选择分类' }] }]"
|
|
|
- :options="optionsApp"
|
|
|
+ :options="optionsAppActive"
|
|
|
:props="optionPropsApp"
|
|
|
clearable
|
|
|
filterable
|
|
|
style="width:100%"
|
|
|
- ></el-cascader>
|
|
|
+ ></el-cascader> -->
|
|
|
</a-form-item>
|
|
|
<a-form-item
|
|
|
label=" "
|
|
@@ -322,7 +335,7 @@ li:hover {
|
|
|
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
:wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
class="else-label"
|
|
|
- v-if="getData('business_interest_type') == '2'"
|
|
|
+ v-show="getData('business_interest_type') == '2'"
|
|
|
>
|
|
|
<a-select
|
|
|
mode="multiple"
|
|
@@ -344,7 +357,6 @@ li:hover {
|
|
|
>
|
|
|
<a-radio-group
|
|
|
buttonStyle="solid"
|
|
|
- @change="businessInterest"
|
|
|
v-decorator="[
|
|
|
'network',
|
|
|
{
|
|
@@ -487,7 +499,7 @@ import { mapGetters } from 'vuex'
|
|
|
import jq from 'jquery'
|
|
|
|
|
|
import selectRegion from './selectRegion'
|
|
|
-
|
|
|
+import pick from 'lodash.pick'
|
|
|
let dateQuantumRangeConst = ''
|
|
|
const clickoutside = {
|
|
|
// 初始化指令
|
|
@@ -529,7 +541,8 @@ export default {
|
|
|
default() {
|
|
|
return null
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ populationData: {}
|
|
|
},
|
|
|
watch: {
|
|
|
platform(n, o) {
|
|
@@ -588,6 +601,7 @@ export default {
|
|
|
// checkStrictly: true
|
|
|
},
|
|
|
optionsApp: [],
|
|
|
+ optionsAppActive: [],
|
|
|
checkOptions: [],
|
|
|
businessOptions: [],
|
|
|
fansStarOptions: [],
|
|
@@ -703,7 +717,8 @@ export default {
|
|
|
...json,
|
|
|
no_age_break: values.no_age_break ? 1 : 0,
|
|
|
no_gender_break: values.no_gender_break ? 1 : 0,
|
|
|
- no_area_break: values.no_area_break ? 1 : 0
|
|
|
+ no_area_break: values.no_area_break ? 1 : 0,
|
|
|
+ allForm: this.allForm
|
|
|
}
|
|
|
this.$emit('update:populationData', dataJson)
|
|
|
}
|
|
@@ -769,6 +784,8 @@ export default {
|
|
|
getAppType(e) {
|
|
|
console.log(e.target.value)
|
|
|
this.optionsApp = []
|
|
|
+ this.form.setFieldsValue({ app_interest: [] })
|
|
|
+ this.checkArr = []
|
|
|
if (e.target.value == '1') {
|
|
|
getAction('/kuaishou/batch/getTargetList', { tagType: 'APP_INTEREST' }).then(res => {
|
|
|
console.log(res)
|
|
@@ -779,6 +796,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
businessInterest(e) {
|
|
|
+ this.form.setFieldsValue({ business_interest: [] })
|
|
|
if (e.target.value == '2') {
|
|
|
this.getDataType('BUSINESS_INTEREST', 'businessOptions')
|
|
|
}
|
|
@@ -809,11 +827,42 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted: function() {
|
|
|
- getAction('/kuaishou/batch/getRegion').then(res => {
|
|
|
- console.log(res)
|
|
|
- this.options = res.result
|
|
|
- this.optionsAll = res.result
|
|
|
- })
|
|
|
+ this.getDataType('APP_INTEREST', 'optionsAppActive')
|
|
|
+ this.getDataType('BUSINESS_INTEREST', 'businessOptions')
|
|
|
+ this.getDataType('FANS_STAR', 'fansStarOptions')
|
|
|
+ this.getDataType('INTEREST_VIDEO', 'interestVideoOptions')
|
|
|
+ if (this.populationData.allForm) {
|
|
|
+ this.allForm = this.populationData.allForm
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // setTimeout(() => {
|
|
|
+ console.log(this.populationData)
|
|
|
+ this.form.setFieldsValue(
|
|
|
+ pick(this.populationData, [
|
|
|
+ 'business_interest_type',
|
|
|
+ 'fans_star',
|
|
|
+ 'interest_video',
|
|
|
+ 'app_interest',
|
|
|
+ 'platform_os',
|
|
|
+ 'is_open',
|
|
|
+ 'gender',
|
|
|
+ 'network',
|
|
|
+ 'ages_range',
|
|
|
+ 'android_osv',
|
|
|
+ 'device_brand',
|
|
|
+ 'device_price',
|
|
|
+ 'no_age_break',
|
|
|
+ 'no_gender_break',
|
|
|
+ 'no_area_break',
|
|
|
+ 'business_interest'
|
|
|
+ ])
|
|
|
+ )
|
|
|
+ // }, 100)
|
|
|
+ // setTimeout(() => {
|
|
|
+ // console.log(this.populationData)
|
|
|
+ // this.form.setFieldsValue(pick(this.populationData, ['app_interest', 'business_interest']))
|
|
|
+ // }, 100)
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|