|
@@ -18,7 +18,7 @@
|
|
|
}
|
|
|
</style>
|
|
|
<template>
|
|
|
- <a-form :form="form" class="module-form">
|
|
|
+ <a-form :form="form" class="module-form" @submit="handleSubmit">
|
|
|
<a-form-item
|
|
|
label="地区"
|
|
|
:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
@@ -98,6 +98,88 @@
|
|
|
<a-radio-button value="2">男性</a-radio-button>
|
|
|
</a-radio-group>
|
|
|
</a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ label="最低版本"
|
|
|
+ :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
+ :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
+ >
|
|
|
+ <a-radio-group
|
|
|
+ buttonStyle="solid"
|
|
|
+ v-decorator="[
|
|
|
+ 'platform_os',
|
|
|
+ {
|
|
|
+ initialValue: '0'
|
|
|
+ }
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <a-radio-button value="0" v-if="getApp == '0'">不限</a-radio-button>
|
|
|
+ <a-radio-button value="1" v-if="getApp == '0' || getApp == '1'">Android系统</a-radio-button>
|
|
|
+ <a-radio-button value="2" v-if="getApp == '0' || getApp == '2'">IOS系统</a-radio-button>
|
|
|
+ {{ getData('platform_os') }}
|
|
|
+ <div v-if="getData('platform_os') == '1'" style="margin-top:10px">
|
|
|
+ <a-radio-group
|
|
|
+ v-decorator="[
|
|
|
+ 'android_osv',
|
|
|
+ {
|
|
|
+ initialValue: '3'
|
|
|
+ }
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <a-radio value="3">不限</a-radio>
|
|
|
+ <a-radio value="4">4X+</a-radio>
|
|
|
+ <a-radio value="5">5x+</a-radio>
|
|
|
+ <a-radio value="6">6x+</a-radio>
|
|
|
+ <a-radio value="7">7x+</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </div>
|
|
|
+ <div v-if="getData('platform_os') == '2'" style="margin-top:10px">
|
|
|
+ <a-radio-group
|
|
|
+ v-decorator="[
|
|
|
+ 'ios_osv',
|
|
|
+ {
|
|
|
+ initialValue: '6'
|
|
|
+ }
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ <a-radio value="6">不限</a-radio>
|
|
|
+ <a-radio value="7">7X+</a-radio>
|
|
|
+ <a-radio value="8">8x+</a-radio>
|
|
|
+ <a-radio value="9">9x+</a-radio>
|
|
|
+ <a-radio value="10">10x+</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </div>
|
|
|
+ </a-radio-group>
|
|
|
+ <a-button htmlType="submit" type="primary">确定</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ v-if="getData('platform_os') != '2'"
|
|
|
+ label="设备品牌"
|
|
|
+ :labelCol="{ lg: { span: 7 }, sm: { span: 7 } }"
|
|
|
+ :wrapperCol="{ lg: { span: 10 }, sm: { span: 17 } }"
|
|
|
+ >
|
|
|
+ <a-radio-group buttonStyle="solid" v-model="allForm.device">
|
|
|
+ <a-radio-button value="0">不限</a-radio-button>
|
|
|
+ <a-radio-button value="1">选择品牌</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ <div v-if="allForm.device == '1'" style="width:120%">
|
|
|
+ <a-checkbox-group
|
|
|
+ v-decorator="['device_brand', { rules: [{ required: true, message: '请选择设备品牌' }] }]"
|
|
|
+ style="width:120%"
|
|
|
+ >
|
|
|
+ <a-checkbox value="1">OPPO</a-checkbox>
|
|
|
+ <a-checkbox value="2">VIVO</a-checkbox>
|
|
|
+ <a-checkbox value="3">华为</a-checkbox>
|
|
|
+ <a-checkbox value="4">小米</a-checkbox>
|
|
|
+ <a-checkbox value="5">荣耀</a-checkbox>
|
|
|
+ <a-checkbox value="6">三星</a-checkbox>
|
|
|
+ <a-checkbox value="7">金立</a-checkbox>
|
|
|
+ <a-checkbox value="8">魅族</a-checkbox>
|
|
|
+ <a-checkbox value="9">乐视</a-checkbox>
|
|
|
+ <a-checkbox value="10">其他</a-checkbox>
|
|
|
+ <a-checkbox value="11" v-if="getData('platform_os') == '0'">苹果</a-checkbox>
|
|
|
+ </a-checkbox-group>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
</a-form>
|
|
|
</template>
|
|
|
|
|
@@ -137,12 +219,7 @@ export default {
|
|
|
55: '55岁'
|
|
|
},
|
|
|
step: 0,
|
|
|
- people: '2',
|
|
|
- targeted: '2',
|
|
|
- appList: [],
|
|
|
- appId: '',
|
|
|
loading: false,
|
|
|
- campaignTemplateId: '',
|
|
|
allForm: {
|
|
|
regionType: 'noLimit',
|
|
|
region: [
|
|
@@ -151,7 +228,8 @@ export default {
|
|
|
],
|
|
|
ageType: 'noLimit',
|
|
|
ages_range: [],
|
|
|
- age: []
|
|
|
+ age: [],
|
|
|
+ device: '0'
|
|
|
},
|
|
|
options: [],
|
|
|
optionsAll: [],
|
|
@@ -160,13 +238,45 @@ export default {
|
|
|
label: 'name',
|
|
|
children: 'children',
|
|
|
multiple: true
|
|
|
- }
|
|
|
+ },
|
|
|
+ getApp: '0'
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
count() {}
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleSubmit(e) {
|
|
|
+ e.preventDefault()
|
|
|
+ this.form.validateFields((err, values) => {
|
|
|
+ if (!err) {
|
|
|
+ console.log('Received values of form: ', values)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getAppList(value) {
|
|
|
+ console.log(value)
|
|
|
+ if (value == undefined) {
|
|
|
+ this.getApp = '0'
|
|
|
+ } else {
|
|
|
+ let params = {}
|
|
|
+ params.accountId = localStorage.getItem('accountId')
|
|
|
+ params.appId = value
|
|
|
+ getAction('/kuaishou/batch/getAppList', params).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.success) {
|
|
|
+ console.log(res.result[0].platform)
|
|
|
+ if (res.result[0].platform == '1' || res.result[0].platform == '2') {
|
|
|
+ this.form.setFieldsValue({ platform_os: '1' })
|
|
|
+ this.getApp = '1'
|
|
|
+ } else if (res.result[0].platform == '3' || res.result[0].platform == '4') {
|
|
|
+ this.form.setFieldsValue({ platform_os: '2' })
|
|
|
+ this.getApp = '2'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
handleConfirmValue(rule, value, callback) {
|
|
|
console.log(value)
|
|
|
if (Math.abs(value[0] - value[1]) < 5) {
|
|
@@ -190,6 +300,9 @@ export default {
|
|
|
return [item.substring(0, 2), item]
|
|
|
})
|
|
|
console.log(dataElse)
|
|
|
+ },
|
|
|
+ getData(className) {
|
|
|
+ return this.form.getFieldValue(className)
|
|
|
}
|
|
|
},
|
|
|
mounted: function() {
|