|
@@ -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;
|
|
|
},
|
|
|
// 新增政策确定按钮
|