Ver Fonte

work 财务结算 内容开发

jiayufei há 3 anos atrás
pai
commit
214b284a23

+ 62 - 17
src/views/modules/policy-management/policy-management.less

@@ -49,7 +49,11 @@
     }
 }
 /deep/ .audit-policy-class {
-    width: 700px !important;
+    width: 730px !important;
+    .ant-modal-body {
+        height: 420px;
+        overflow-y: auto;
+    }
     .audit-policy-icon {
         position: absolute;
         right: 22px;
@@ -57,35 +61,76 @@
         font-size: 15px;
         cursor: pointer;
     }
-    .policy-line-class {
+    .policy-line-quen {
         display: flex;
-        margin-bottom: 16px;
-        .policy-line-left,
-        .policy-line-right {
+        .line-quen-left,
+        .line-quen-right {
             flex: 1;
-            display: flex;
-            .line-left-spn {
-                display: inline-block;
-                width: 120px;
-                text-align: right;
-            }
-            .line-right-spn {
-                display: inline-block;
-                width: 140px;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
+            .policy-line-left,
+            .policy-line-right {
+                display: flex;
+                margin-bottom: 16px;
+                .line-left-spn {
+                    display: inline-block;
+                    width: 120px;
+                    text-align: right;
+                }
+                .line-right-spn {
+                    display: inline-block;
+                    width: 140px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
             }
         }
     }
 }
 /deep/ .policy-operation-class {
     width: 1000px !important;
+    .ant-modal-body {
+        height: 600px;
+        overflow-y: auto;
+    }
     .policy-operation-form {
         display: flex;
         .policy-operation-form-left,
         .policy-operation-form-right {
             flex: 1;
         }
+        .input-common-short {
+            width: 210px;
+        }
+        .adver-position-radio {
+            margin-left: 140px;
+            margin-bottom: 15px;
+        }
+        .especial-label {
+            position: absolute;
+            left: -80px;
+            color: #f00;
+        }
+        .product-name-class {
+            position: relative;
+            .circle-icon-class {
+                font-size: 18px;
+                cursor: pointer;
+                position: absolute;
+                right: 0;
+                top: 0;
+            }
+            .circle-icon-plus {
+                right: -60px;
+            }
+            .circle-icon-minus {
+                right: -30px;
+            }
+            .isActive {
+                padding-left: 139px;
+            }
+            /deep/ .ant-col-14 {
+                width: 100%;
+            }
+        }
     }
 }

+ 288 - 119
src/views/modules/policy-management/policy-management.vue

@@ -3,7 +3,7 @@
         <div class="control-con-title">
             <div><span class="policy-export-btn">销售政策列表</span></div>
             <div>
-                <span><a-button type="default" @click="handlePolicyExport">政策导出</a-button></span>
+                <!-- <span><a-button type="default" @click="handlePolicyExport">政策导出</a-button></span> -->
                 <span class="add-acount-policy-btn"><a-button type="primary" @click="handleAddAccountPolicy">创建账户政策</a-button></span>
             </div>
         </div>
@@ -85,7 +85,6 @@
                         <a-range-picker
                             v-model="configForm.time"
                             format="YYYY-MM-DD"
-                            :disabled-date="disabledDate"
                         />
                     </a-form-item>
                     <a-form-item label="状态:">
@@ -125,7 +124,11 @@
                     <a-divider type="vertical"/>
                     <a @click="handleSubmitReview(text)">提交审核</a>
                     <a-divider type="vertical"/>
-                    <a>编辑</a>
+                    <a @click="handleEditTable(record)">编辑</a>
+                    <a-divider type="vertical"/>
+                    <a @click="handleAuditSure">审核通过</a>
+                    <a-divider type="vertical"/>
+                    <a @click="handleAuditCancel">审核拒绝</a>
                 </span>
                 <span slot="reason" slot-scope="text, record">
                     <a @click="handleRejectionReason(text)">被拒原因</a>
@@ -142,6 +145,7 @@
                 @showSizeChange="onShowSizeChange"
             />
         </div>
+        <!-- 被拒理由 -->
         <a-modal
             title="审核不通过"
             v-if="rejectionReasonStatus"
@@ -155,6 +159,7 @@
                 <div>显示不通过的理由</div>
             </div>
         </a-modal>
+        <!-- 查看详情 -->
         <a-modal
             title="审核政策"
             v-if="auditPolicyStatus"
@@ -168,98 +173,91 @@
         >
             <div>
                 <span class="audit-policy-icon" @click="handleCloseAuditPolicy"><a-icon type="close"/></span>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">公司名称:</span>
-                        <span class="line-right-spn">北京有限公司北京有限公司北京有限公司北京有限公司北京有限公司北京有限公司</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">是否预付:</span>
-                        <span class="line-right-spn">否</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">广告主:</span>
-                        <span class="line-right-spn">北京有限公司</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">返点类型:</span>
-                        <span class="line-right-spn">返现</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">产品名称:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">返点比例:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">媒体:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">账期:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">销售:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">是否第三方支付:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">区域:</span>
-                        <span class="line-right-spn">产品名称</span>
+                <div class="policy-line-quen">
+                    <div class="line-quen-left">
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">公司名称:</span>
+                            <span class="line-right-spn">北京有限公司北京有限公司北京有限公司北京有限公司北京有限公司北京有限公司</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">广告主:</span>
+                            <span class="line-right-spn">北京有限公司</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">产品名称:</span>
+                            <div style="width: 200px;">
+                                <div class="line-right-spn">产品名称产品名称产品名称产品名称产品名称产品名称</div>
+                                <div class="line-right-spn">产品名称</div>
+                                <div class="line-right-spn">产品名称</div>
+                            </div>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">媒体:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">销售:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">区域:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">我司主体:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">运营方式:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
+                        <div class="policy-line-left">
+                            <span class="line-left-spn">集团简称:</span>
+                            <span class="line-right-spn">产品名称</span>
+                        </div>
                     </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">垫付公司:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">我司主体:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">垫付返现:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">运营方式:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">政策起止时间:</span>
-                        <span class="line-right-spn">3%</span>
-                    </div>
-                </div>
-                <div class="policy-line-class">
-                    <div class="policy-line-left">
-                        <span class="line-left-spn">集团简称:</span>
-                        <span class="line-right-spn">产品名称</span>
-                    </div>
-                    <div class="policy-line-right">
-                        <span class="line-left-spn">备注:</span>
-                        <span class="line-right-spn">3%</span>
+                    <div class="line-quen-right">
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">是否预付:</span>
+                            <span class="line-right-spn">否</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">返点类型:</span>
+                            <span class="line-right-spn">返现</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">返点比例:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">账期:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">是否第三方支付:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">垫付公司:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">垫付返现:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">政策起止时间:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
+                        <div class="policy-line-right">
+                            <span class="line-left-spn">备注:</span>
+                            <span class="line-right-spn">3%</span>
+                        </div>
                     </div>
                 </div>
             </div>
         </a-modal>
+        <!-- 审核拒绝 -->
         <a-modal
             title="审核不通过"
             v-if="rejectAuditStatus"
@@ -288,7 +286,7 @@
         </a-modal>
         <!-- 新增、编辑政策 -->
         <a-modal
-            title="新增政策"
+            :title="addType === 'add' ? '新增政策' : '编辑政策'"
             v-if="policyOperationStatus"
             :visible="policyOperationStatus"
             dialog-class="policy-operation-class"
@@ -308,43 +306,72 @@
                         <a-form-model-item label="公司名称" prop="name1">
                             <a-input
                                 v-model="policyOperationForm.name1"
+                                placeholder="请输入公司名称"
                             />
                         </a-form-model-item>
                         <a-form-model-item label="广告主" prop="name1">
                             <a-input
                                 v-model="policyOperationForm.name3"
+                                placeholder="请输入广告主"
                             />
                         </a-form-model-item>
-                        <a-form-model-item label="产品名称" prop="name5">
-                            <a-input
-                                v-model="policyOperationForm.name5"
-                            />
+                        <!-- <a-form-model-item label="产品名称">
+                            <a-button type="primary" @click="handleAddOrigin">
+                                <a-icon type="plus"/>产品名称
+                            </a-button>
+                            <span class="especial-label">*</span>
                         </a-form-model-item>
+                        <div class="adver-position-radio">
+                            <a-form-model-item
+                                v-for="(item, index) in policyOperationForm.defaultFormList"
+                                :key="item.id"
+                                :prop="'defaultFormList.' + index + '.value'"
+                                :rules="[
+                                    {required: true, message: '请输入', trigger: 'blur'},
+                                    {min: 6, max: 9, message: '请输入6-9个字', trigger: 'blur'},
+                                ]"
+                            >
+                                <a-input class="input-common-short" v-model="item.value" placeholder="请输入" allow-clear/>
+                                <a-icon class="circle-icon-class" type="minus-circle" @click="handleDelOrigin(item)"/>
+                            </a-form-model-item>
+                        </div> -->
+                        <div class="product-name-class" v-for="(item, index) in policyOperationForm.defaultFormList" :key="item.id">
+                            <a-form-model-item
+                                :label="index === 0 ? '产品名称' : ''"
+                                :class="{'isActive': index > 0 }"
+                                :prop="'defaultFormList.' + index + '.value'"
+                                :rules="changeRules"
+                            >
+                                <a-input class="input-common-short" v-model="item.value" placeholder="请输入" allow-clear/>
+                                <a-icon v-if="index === 0" class="circle-icon-class circle-icon-plus" type="plus-circle" @click="handleAddOrigin"/>
+                                <a-icon class="circle-icon-class circle-icon-minus" type="minus-circle" @click="handleDelOrigin(item)"/>
+                            </a-form-model-item>
+                        </div>
                         <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 v-model="policyOperationForm.name6" placeholder="请选择投放媒体">
+                                <a-select-option :value="1">快手</a-select-option>
+                                <a-select-option :value="2">头条</a-select-option>
                             </a-select>
                         </a-form-model-item>
                         <a-form-model-item label="销售" prop="name7">
-                            <a-select v-model="policyOperationForm.name7">
+                            <a-select v-model="policyOperationForm.name7" placeholder="请选择所属销售">
                                 <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 v-model="policyOperationForm.name8" placeholder="请选择区域">
                                 <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 v-model="policyOperationForm.name9" placeholder="请选择我司主体">
                                 <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-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>
@@ -353,18 +380,21 @@
                         <a-form-model-item label="集团简称">
                             <a-input
                                 v-model="policyOperationForm.name11"
+                                placeholder="请输入集团简称"
+                                @change="handleGroupAbbreviationChange"
                             />
                         </a-form-model-item>
+                        <div v-if="subTitleMsgStatus" style="color: #f00;margin-left: 140px">只能输入30个汉字</div>
                     </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-group v-model="policyOperationForm.name2" button-style="solid" @change="handlePrepaidNotChange">
                                 <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 v-model="policyOperationForm.name4" placeholder="请选择返点类型">
                                 <a-select-option :value="2">不限</a-select-option>
                                 <a-select-option :value="0">待审核</a-select-option>
                                 <a-select-option :value="1">审核中</a-select-option>
@@ -373,45 +403,49 @@
                             </a-select>
                         </a-form-model-item>
                         <a-form-model-item label="返点比例" prop="name12">
-                            <a-input
+                            <a-input-number
                                 v-model="policyOperationForm.name12"
-                            >
-                                <a-icon slot="suffix" type="percentage" style="color: rgba(0,0,0,.45)"/>
-                            </a-input>
+                                :precision="2"
+                            /> %
                         </a-form-model-item>
-                        <a-form-model-item label="账期" prop="name13">
-                            <a-input
+                        <a-form-model-item v-if="policyOperationForm.name2 === 'b'" label="账期" prop="name13">
+                            <a-input-number
                                 v-model="policyOperationForm.name13"
-                            />
+                                :precision="0"
+                            /> 天
                         </a-form-model-item>
-                        <a-form-model-item label="是否第三方垫付" prop="name14">
+                        <a-form-model-item v-if="policyOperationForm.name2 === 'b'" 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-form-model-item v-if="policyOperationForm.name14 === 'a'" label="垫付公司" prop="name15">
                             <a-input
                                 v-model="policyOperationForm.name15"
+                                placeholder="请输入垫付公司"
                             />
                         </a-form-model-item>
-                        <a-form-model-item label="垫付返点" prop="name16">
+                        <a-form-model-item v-if="policyOperationForm.name14 === 'a'" label="垫付返点" prop="name16">
                             <a-input
                                 v-model="policyOperationForm.name16"
+                                placeholder="请输入垫付返点"
                             />
                         </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"
+                                placeholder="请输入备注"
+                                @change="handleRemarksChange"
                             />
                         </a-form-model-item>
+                        <div v-if="remarksStatus" style="color: #f00;margin-left: 140px">只能输入100个汉字</div>
                     </a-row>
                 </a-form-model>
             </div>
@@ -422,7 +456,17 @@
 export default {
     name: 'policy-management',
     data() {
+        let handleCharacterLen30 = (rule, value, callback) => {
+            this.handleExportRules(value, 1, 30, callback);
+        };
         return {
+            subTitleMsgStatus: false,
+            remarksStatus: false,
+            changeRules: [
+                {required: true, message: '请输入产品名称', trigger: 'blur'},
+                {validator: handleCharacterLen30, trigger: 'blur'}
+            ],
+            addType: 'add',
             labelCol: {span: 7},
             wrapperCol: {span: 14},
             rejectAuditStatus: false,
@@ -431,23 +475,60 @@ export default {
             policyOperationStatus: false,
             totalAll: 0,
             policyOperationForm: {
+                defaultFormList: [
+                    {
+                        id: 1,
+                        value: ''
+                    }
+                ],
                 name1: '',
                 name2: 'a',
                 name3: '',
-                name4: undefined
+                name4: undefined,
+                name6: 1,
+                name7: undefined,
+                name8: undefined,
+                name9: undefined,
+                name10: 'b',
+                name11: '',
+                name12: '',
+                name13: '',
+                name14: undefined,
+                name15: '',
+                name16: '',
+                name17: [],
+                name18: ''
             },
             reasonForm: {
                 desc: ''
             },
             policyOperationRules: {
-                name1: [{required: true, message: '请输入公司名称', trigger: 'blur'}],
-                name3: [{required: true, message: '请输入广告主名称', trigger: 'blur'}],
+                name1: [
+                    {required: true, message: '请输入公司名称', trigger: 'blur'},
+                    {validator: handleCharacterLen30, trigger: 'blur'}
+                ],
+                name3: [
+                    {required: true, message: '请输入广告主名称', trigger: 'blur'},
+                    {validator: handleCharacterLen30, trigger: 'blur'}
+                ],
                 name4: [{required: true, message: '请选择返点类型', trigger: 'change'}],
+                name6: [{required: true, message: '请选择投放媒体', trigger: 'change'}],
+                name7: [{required: true, message: '请选择所属销售', trigger: 'change'}],
+                name8: [{required: true, message: '请选择区域', trigger: 'change'}],
+                name9: [{required: true, message: '请选择我司主体', trigger: 'change'}],
+                name12: [{required: true, message: '请输入返点比例', trigger: 'blur'}],
+                name13: [{required: true, message: '请输入账期', trigger: 'blur'}],
+                name15: [
+                    {required: true, message: '请输入垫付公司', trigger: 'blur'},
+                    {validator: handleCharacterLen30, trigger: 'blur'}
+                ],
+                name16: [{required: true, message: '请输入垫付返点', trigger: 'blur'}],
+                name17: [{required: true, message: '请选择时间', trigger: 'change'}],
             },
             reasonRules: {
                 desc: [
                     {required: true, message: '请输入审核拒绝理由', trigger: 'blur'},
-                    {min: 5, max: 100, message: '请输入1-7个字', trigger: 'blur'}
+                    {min: 5, max: 100, message: '请输入5-100个字符', trigger: 'blur'}
                 ]
             },
             dataSource: [
@@ -606,9 +687,92 @@ export default {
         this.searchForm = this.$form.createForm(this);
     },
     methods: {
+        handleRemarksChange(e) {
+            const targetVal = e.target.value;
+            let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/;
+            let length = 0;
+            let strArr = targetVal.split('');
+            strArr.forEach(item => {
+                if (cnReg.test(item)) {
+                    length += 2;
+                }
+                else {
+                    length += 1;
+                }
+            });
+            if (1 <= length && length <= 200) {
+                this.remarksStatus = false;
+            }
+            else {
+                this.remarksStatus = true;
+            }
+        },
+        handleGroupAbbreviationChange(e) {
+            const targetVal = e.target.value;
+            let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/;
+            let length = 0;
+            let strArr = targetVal.split('');
+            strArr.forEach(item => {
+                if (cnReg.test(item)) {
+                    length += 2;
+                }
+                else {
+                    length += 1;
+                }
+            });
+            if (1 <= length && length <= 60) {
+                this.subTitleMsgStatus = false;
+            }
+            else {
+                this.subTitleMsgStatus = true;
+            }
+        },
         disabledDate(current) {
             return current > moment().subtract(1, 'day');
         },
+        handleAddOrigin() {
+            const randomNum = new Date().getTime() + Math.ceil(Math.random() * 1000);
+            this.$nextTick(() => {
+                this.policyOperationForm.defaultFormList.push({
+                    id: randomNum,
+                    value: ''
+                });
+            });
+        },
+        handleDelOrigin(list) {
+            if (this.policyOperationForm.defaultFormList.length === 1) {
+                return;
+            }
+            let formData = this.policyOperationForm.defaultFormList;
+            this.policyOperationForm.defaultFormList = formData.filter(item => list.id !== item.id);
+        },
+        handlePrepaidNotChange(e) {
+            if (e.target.value === 'a') {
+                this.policyOperationForm.name14 = undefined;
+            }
+            else if (e.target.value === 'b') {
+                this.policyOperationForm.name14 = 'a';
+            }
+        },
+        handleExportRules(value, min, max, callback) {
+            let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/;
+            let length = 0;
+            let strArr = value.split('');
+            strArr.forEach(item => {
+                if (cnReg.test(item)) {
+                    length += 2;
+                }
+                else {
+                    length += 1;
+                }
+            });
+            if (min * 2 <= length && length <= max * 2) {
+                callback();
+            }
+            else {
+                callback(`只能输入${min}-${max}个汉字`);
+            }
+        },
         // 分页操作按钮
         onShowSizeChange(current, pageSize) {
             // this.tablePag = {
@@ -617,6 +781,10 @@ export default {
             // };
             // this.handleInitTable();
         },
+        handleEditTable() {
+            this.addType = 'edit';
+            this.policyOperationStatus = true;
+        },
         // 政策导出按钮
         handlePolicyExport() {
             console.log('政策导出按钮');
@@ -624,6 +792,7 @@ export default {
         // 新增政策按钮
         handleAddAccountPolicy() {
             console.log('新增政策按钮');
+            this.addType = 'add';
             this.policyOperationStatus = true;
         },
         // 新增政策确定按钮