浏览代码

work 政策 页面 开发

jiayufei 3 年之前
父节点
当前提交
9a1b86c542

+ 8 - 1
src/views/modules/policy-management/policy-management.less

@@ -80,5 +80,12 @@
     }
     }
 }
 }
 /deep/ .policy-operation-class {
 /deep/ .policy-operation-class {
-    width: 700px !important;
+    width: 1000px !important;
+    .policy-operation-form {
+        display: flex;
+        .policy-operation-form-left,
+        .policy-operation-form-right {
+            flex: 1;
+        }
+    }
 }
 }

+ 140 - 2
src/views/modules/policy-management/policy-management.vue

@@ -296,7 +296,124 @@
             @cancel="handlePolicyOperationCancel"
             @cancel="handlePolicyOperationCancel"
         >
         >
             <div>
             <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>
             </div>
         </a-modal>
         </a-modal>
     </div>
     </div>
@@ -306,14 +423,27 @@ export default {
     name: 'policy-management',
     name: 'policy-management',
     data() {
     data() {
         return {
         return {
+            labelCol: {span: 7},
+            wrapperCol: {span: 14},
             rejectAuditStatus: false,
             rejectAuditStatus: false,
             rejectionReasonStatus: false,
             rejectionReasonStatus: false,
             auditPolicyStatus: false,
             auditPolicyStatus: false,
             policyOperationStatus: false,
             policyOperationStatus: false,
             totalAll: 0,
             totalAll: 0,
+            policyOperationForm: {
+                name1: '',
+                name2: 'a',
+                name3: '',
+                name4: undefined
+            },
             reasonForm: {
             reasonForm: {
                 desc: ''
                 desc: ''
             },
             },
+            policyOperationRules: {
+                name1: [{required: true, message: '请输入公司名称', trigger: 'blur'}],
+                name3: [{required: true, message: '请输入广告主名称', trigger: 'blur'}],
+                name4: [{required: true, message: '请选择返点类型', trigger: 'change'}],
+            },
             reasonRules: {
             reasonRules: {
                 desc: [
                 desc: [
                     {required: true, message: '请输入审核拒绝理由', trigger: 'blur'},
                     {required: true, message: '请输入审核拒绝理由', trigger: 'blur'},
@@ -499,7 +629,15 @@ export default {
         // 新增政策确定按钮
         // 新增政策确定按钮
         handlePolicyOperationSure() {
         handlePolicyOperationSure() {
             console.log('新增政策确定按钮');
             console.log('新增政策确定按钮');
-            this.policyOperationStatus = false;
+            this.$refs.policyOperationForm.validate(valid => {
+                if (valid) {
+                    this.policyOperationStatus = false;
+                }
+                else {
+                    console.log('error submit!!');
+                    return false;
+                }
+            });
         },
         },
         // 新增政策取消按钮
         // 新增政策取消按钮
         handlePolicyOperationCancel() {
         handlePolicyOperationCancel() {