|
@@ -296,7 +296,124 @@
|
|
|
@cancel="handlePolicyOperationCancel"
|
|
|
>
|
|
|
<div>
|
|
|
- 123
|
|
|
+ <a-form-model
|
|
|
+ class="policy-operation-form"
|
|
|
+ ref="policyOperationForm"
|
|
|
+ :model="policyOperationForm"
|
|
|
+ :rules="policyOperationRules"
|
|
|
+ :label-col="labelCol"
|
|
|
+ :wrapper-col="wrapperCol"
|
|
|
+ >
|
|
|
+ <a-row class="policy-operation-form-left">
|
|
|
+ <a-form-model-item label="公司名称" prop="name1">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name1"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="广告主" prop="name1">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name3"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="产品名称" prop="name5">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name5"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="媒体" prop="name6">
|
|
|
+ <a-select v-model="policyOperationForm.name6">
|
|
|
+ <a-select-option :value="2">不限</a-select-option>
|
|
|
+ <a-select-option :value="0">待审核</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="销售" prop="name7">
|
|
|
+ <a-select v-model="policyOperationForm.name7">
|
|
|
+ <a-select-option :value="2">不限</a-select-option>
|
|
|
+ <a-select-option :value="0">待审核</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="区域" prop="name8">
|
|
|
+ <a-select v-model="policyOperationForm.name8">
|
|
|
+ <a-select-option :value="2">不限</a-select-option>
|
|
|
+ <a-select-option :value="0">待审核</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="我司主体" prop="name9">
|
|
|
+ <a-select v-model="policyOperationForm.name9">
|
|
|
+ <a-select-option :value="2">不限</a-select-option>
|
|
|
+ <a-select-option :value="0">待审核</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="是否预付" prop="name10">
|
|
|
+ <a-radio-group v-model="policyOperationForm.name10" button-style="solid">
|
|
|
+ <a-radio-button value="a">自运营</a-radio-button>
|
|
|
+ <a-radio-button value="b">代运营</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="集团简称">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name11"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-row>
|
|
|
+ <a-row class="policy-operation-form-right">
|
|
|
+ <a-form-model-item label="是否预付" prop="name2">
|
|
|
+ <a-radio-group v-model="policyOperationForm.name2" button-style="solid">
|
|
|
+ <a-radio-button value="a">是</a-radio-button>
|
|
|
+ <a-radio-button value="b">否</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="返点类型:" prop="name4">
|
|
|
+ <a-select v-model="policyOperationForm.name4">
|
|
|
+ <a-select-option :value="2">不限</a-select-option>
|
|
|
+ <a-select-option :value="0">待审核</a-select-option>
|
|
|
+ <a-select-option :value="1">审核中</a-select-option>
|
|
|
+ <a-select-option :value="1">审核通过</a-select-option>
|
|
|
+ <a-select-option :value="1">审核拒绝</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="返点比例" prop="name12">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name12"
|
|
|
+ >
|
|
|
+ <a-icon slot="suffix" type="percentage" style="color: rgba(0,0,0,.45)"/>
|
|
|
+ </a-input>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="账期" prop="name13">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name13"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="是否第三方垫付" prop="name14">
|
|
|
+ <a-radio-group v-model="policyOperationForm.name14" button-style="solid">
|
|
|
+ <a-radio-button value="a">是</a-radio-button>
|
|
|
+ <a-radio-button value="b">否</a-radio-button>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="垫付公司" prop="name15">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name15"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="垫付返点" prop="name16">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name16"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="政策起止时间" prop="name17">
|
|
|
+ <a-range-picker
|
|
|
+ v-model="policyOperationForm.name17"
|
|
|
+ format="YYYY-MM-DD"
|
|
|
+ :disabled-date="disabledDate"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="备注">
|
|
|
+ <a-input
|
|
|
+ v-model="policyOperationForm.name18"
|
|
|
+ />
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-row>
|
|
|
+ </a-form-model>
|
|
|
</div>
|
|
|
</a-modal>
|
|
|
</div>
|
|
@@ -306,14 +423,27 @@ export default {
|
|
|
name: 'policy-management',
|
|
|
data() {
|
|
|
return {
|
|
|
+ labelCol: {span: 7},
|
|
|
+ wrapperCol: {span: 14},
|
|
|
rejectAuditStatus: false,
|
|
|
rejectionReasonStatus: false,
|
|
|
auditPolicyStatus: false,
|
|
|
policyOperationStatus: false,
|
|
|
totalAll: 0,
|
|
|
+ policyOperationForm: {
|
|
|
+ name1: '',
|
|
|
+ name2: 'a',
|
|
|
+ name3: '',
|
|
|
+ name4: undefined
|
|
|
+ },
|
|
|
reasonForm: {
|
|
|
desc: ''
|
|
|
},
|
|
|
+ policyOperationRules: {
|
|
|
+ name1: [{required: true, message: '请输入公司名称', trigger: 'blur'}],
|
|
|
+ name3: [{required: true, message: '请输入广告主名称', trigger: 'blur'}],
|
|
|
+ name4: [{required: true, message: '请选择返点类型', trigger: 'change'}],
|
|
|
+ },
|
|
|
reasonRules: {
|
|
|
desc: [
|
|
|
{required: true, message: '请输入审核拒绝理由', trigger: 'blur'},
|
|
@@ -499,7 +629,15 @@ export default {
|
|
|
// 新增政策确定按钮
|
|
|
handlePolicyOperationSure() {
|
|
|
console.log('新增政策确定按钮');
|
|
|
- this.policyOperationStatus = false;
|
|
|
+ this.$refs.policyOperationForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.policyOperationStatus = false;
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
// 新增政策取消按钮
|
|
|
handlePolicyOperationCancel() {
|