|
@@ -10,14 +10,25 @@
|
|
|
|
|
|
<a-spin :spinning="confirmLoading">
|
|
<a-spin :spinning="confirmLoading">
|
|
<a-form :form="form">
|
|
<a-form :form="form">
|
|
|
|
+
|
|
|
|
+ <a-form-item
|
|
|
|
+ label="投放范围"
|
|
|
|
+ :labelCol="labelCol"
|
|
|
|
+ :wrapperCol="wrapperCol">
|
|
|
|
+ <a-radio-group v-model="deliveryRange">
|
|
|
|
+ <a-radio-button value="DEFAULT">默认</a-radio-button>
|
|
|
|
+ <a-radio-button value="UNION">穿山甲</a-radio-button>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ </a-form-item>
|
|
|
|
+
|
|
<a-form-item
|
|
<a-form-item
|
|
label="投放目标"
|
|
label="投放目标"
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol">
|
|
:wrapperCol="wrapperCol">
|
|
<a-radio-group @change="onChangeDeliveryTarget" v-model="deliveryTarget">
|
|
<a-radio-group @change="onChangeDeliveryTarget" v-model="deliveryTarget">
|
|
- <a-radio-button value="a">转化量</a-radio-button>
|
|
|
|
- <a-radio-button value="b">点击量</a-radio-button>
|
|
|
|
- <a-radio-button value="c">展示量</a-radio-button>
|
|
|
|
|
|
+ <a-radio-button value="CONVERSION">转化量</a-radio-button>
|
|
|
|
+ <a-radio-button value="CLICK">点击量</a-radio-button>
|
|
|
|
+ <a-radio-button value="VIEW">展示量</a-radio-button>
|
|
</a-radio-group>
|
|
</a-radio-group>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
|
|
|
|
@@ -95,7 +106,7 @@
|
|
label="模板名称"
|
|
label="模板名称"
|
|
:labelCol="labelCol"
|
|
:labelCol="labelCol"
|
|
:wrapperCol="wrapperCol">
|
|
:wrapperCol="wrapperCol">
|
|
- <a-input v-model="templateName"></a-input>
|
|
|
|
|
|
+ <a-input v-model="name"></a-input>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-form>
|
|
</a-form>
|
|
</a-spin>
|
|
</a-spin>
|
|
@@ -121,10 +132,12 @@
|
|
xs: { span: 24 },
|
|
xs: { span: 24 },
|
|
sm: { span: 16 },
|
|
sm: { span: 16 },
|
|
},
|
|
},
|
|
- templateName:'',
|
|
|
|
- confirmLoading: false,
|
|
|
|
form: this.$form.createForm(this),
|
|
form: this.$form.createForm(this),
|
|
- deliveryTarget:'a',
|
|
|
|
|
|
+ id:null,
|
|
|
|
+ name:'',
|
|
|
|
+ confirmLoading: false,
|
|
|
|
+ deliveryRange:'DEFAULT',
|
|
|
|
+ deliveryTarget:'CONVERSION',
|
|
packageName:'',
|
|
packageName:'',
|
|
downloadType:'DOWNLOAD_URL',
|
|
downloadType:'DOWNLOAD_URL',
|
|
downloadUrl:'',
|
|
downloadUrl:'',
|
|
@@ -152,17 +165,68 @@
|
|
this.close()
|
|
this.close()
|
|
},
|
|
},
|
|
add () {
|
|
add () {
|
|
- this.edit({});
|
|
|
|
|
|
+ this.edit({
|
|
|
|
+ id:null,
|
|
|
|
+ name:'',
|
|
|
|
+ confirmLoading: false,
|
|
|
|
+ deliveryRange:'DEFAULT',
|
|
|
|
+ deliveryTarget:'CONVERSION',
|
|
|
|
+ packageName:'',
|
|
|
|
+ downloadType:'DOWNLOAD_URL',
|
|
|
|
+ downloadUrl:'',
|
|
|
|
+ externalUrl:'',
|
|
|
|
+ convertTarget:'',
|
|
|
|
+ showDownloadUrl:true,
|
|
|
|
+ showExternalUrl:false,
|
|
|
|
+ showConvertTarget:true,
|
|
|
|
+ showPackageName:true,
|
|
|
|
+ showOpenUrlStatus:false,
|
|
|
|
+ openUrlStatus:'disabled',
|
|
|
|
+ redirectUrl:'',
|
|
|
|
+ showToAppUrl:false,
|
|
|
|
+ showOpenUrlCreateMode:false,
|
|
|
|
+ openUrlCreateMode:'hand_create'
|
|
|
|
+ });
|
|
},
|
|
},
|
|
edit (record) {
|
|
edit (record) {
|
|
this.form.resetFields();
|
|
this.form.resetFields();
|
|
this.model = Object.assign({}, record);
|
|
this.model = Object.assign({}, record);
|
|
this.visible = true;
|
|
this.visible = true;
|
|
- this.$nextTick(() => {
|
|
|
|
- this.form.setFieldsValue(pick(this.model,'name','deliveryTarget','downloadType','downloadUrl','externalUrl','convertTarget','packageName','openUrlStatus','openUrlCreateMode','redirectUrl','status'))
|
|
|
|
- //时间格式化
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
|
|
+ this.id = record.id;
|
|
|
|
+ this.deliveryTarget = record.deliveryTarget;
|
|
|
|
+ this.downloadType = record.downloadType;
|
|
|
|
+ this.downloadUrl = record.downloadUrl;
|
|
|
|
+ this.externalUrl = record.externalUrl;
|
|
|
|
+ this.convertTarget = record.convertTarget;
|
|
|
|
+ this.packageName = record.packageName;
|
|
|
|
+ this.openUrlStatus = record.openUrlStatus;
|
|
|
|
+ this.openUrlCreateMode = record.openUrlCreateMode;
|
|
|
|
+ this.redirectUrl = record.redirectUrl;
|
|
|
|
+ this.name = record.name;
|
|
|
|
+ this.deliveryRange = record.deliveryRange;
|
|
|
|
+ if(this.downloadType == 'DOWNLOAD_URL'){
|
|
|
|
+ this.showDownloadUrl = true;
|
|
|
|
+ this.showExternalUrl = false;
|
|
|
|
+ this.showPackageName=true;
|
|
|
|
+ this.showOpenUrlStatus=false;
|
|
|
|
+ }else{
|
|
|
|
+ this.showDownloadUrl = false;
|
|
|
|
+ this.showExternalUrl = true;
|
|
|
|
+ this.showPackageName=false;
|
|
|
|
+ this.showOpenUrlStatus=true;
|
|
|
|
+ }
|
|
|
|
+ if(this.deliveryTarget == 'a'){
|
|
|
|
+ this.showConvertTarget = true;
|
|
|
|
+ }else {
|
|
|
|
+ this.showConvertTarget = false;
|
|
|
|
+ }
|
|
|
|
+ if(this.openUrlStatus=='disabled'){
|
|
|
|
+ this.showOpenUrlCreateMode = false;
|
|
|
|
+ this.showToAppUrl = false;
|
|
|
|
+ }else{
|
|
|
|
+ this.showOpenUrlCreateMode = true;
|
|
|
|
+ this.showToAppUrl = true;
|
|
|
|
+ }
|
|
},
|
|
},
|
|
close () {
|
|
close () {
|
|
this.$emit('close');
|
|
this.$emit('close');
|
|
@@ -174,6 +238,7 @@
|
|
if (!err) {
|
|
if (!err) {
|
|
console.log('Received values of form: ', values);
|
|
console.log('Received values of form: ', values);
|
|
let params = {};
|
|
let params = {};
|
|
|
|
+ params.id = this.id;
|
|
params.deliveryTarget = this.deliveryTarget;
|
|
params.deliveryTarget = this.deliveryTarget;
|
|
params.downloadType = this.downloadType;
|
|
params.downloadType = this.downloadType;
|
|
params.downloadUrl = this.downloadUrl;
|
|
params.downloadUrl = this.downloadUrl;
|
|
@@ -183,12 +248,21 @@
|
|
params.openUrlStatus = this.openUrlStatus;
|
|
params.openUrlStatus = this.openUrlStatus;
|
|
params.openUrlCreateMode = this.openUrlCreateMode;
|
|
params.openUrlCreateMode = this.openUrlCreateMode;
|
|
params.redirectUrl = this.redirectUrl;
|
|
params.redirectUrl = this.redirectUrl;
|
|
- params.name = this.templateName;
|
|
|
|
|
|
+ params.name = this.name;
|
|
|
|
+ params.deliveryRange = this.deliveryRange;
|
|
console.log(params)
|
|
console.log(params)
|
|
postAction(this.url.insertUrl,params).then((res)=>{
|
|
postAction(this.url.insertUrl,params).then((res)=>{
|
|
console.log(res)
|
|
console.log(res)
|
|
if(res.success){
|
|
if(res.success){
|
|
- alert("投放目标-模板创建成功");
|
|
|
|
|
|
+ if(null == this.id){
|
|
|
|
+ this.$message.success("投放目标模板创建成功");
|
|
|
|
+ }else {
|
|
|
|
+ this.$message.success("投放目标模板修改成功");
|
|
|
|
+ }
|
|
|
|
+ this.$emit('ok');
|
|
|
|
+ this.close();
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error(res.message);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
@@ -204,7 +278,6 @@
|
|
this.showExternalUrl = false;
|
|
this.showExternalUrl = false;
|
|
this.showPackageName=true;
|
|
this.showPackageName=true;
|
|
this.showOpenUrlStatus=false;
|
|
this.showOpenUrlStatus=false;
|
|
-
|
|
|
|
}else{
|
|
}else{
|
|
this.showDownloadUrl = false;
|
|
this.showDownloadUrl = false;
|
|
this.showExternalUrl = true;
|
|
this.showExternalUrl = true;
|