【修改】修改缴费的发票验证

src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue

@@ -222,6 +222,7 @@
                     v-decorator="['headerName',{ rules: validatorRules.headerName.rules, initialValue:headerName,validateTrigger: 'blur',},]"
                     :trigger-change="true"
                     @change="event => event.target.value = event.target.value.trim()"
+                    @blur="validateCompanyName"
                     placeholder="请输入付款单位发票抬头"
                     :maxLength="50"></a-input>
                 </a-form-item>
@@ -358,6 +359,7 @@
                     v-decorator="['headerName',{ rules: validatorRules.headerName.rules, initialValue:headerName,validateTrigger: 'blur',},]"
                     :trigger-change="true"
                     @change="event => event.target.value = event.target.value.trim()"
+                    @blur="validateCompanyName"
                     placeholder="请输入付款单位发票抬头"
                     :maxLength="50"></a-input>
                 </a-form-item>
@@ -432,6 +434,7 @@
                   v-decorator="['paymentRecord',  validatorRules.paymentRecord]">
                 </j-image-upload>
               </a-form-item>
+              <span v-if="!validateCompanyNameFlag" class="paymentRecord-notice">需上传"垫付款说明（盖章"文件）</span>
             </a-col>
           </a-row>
           <a-row>
@@ -660,6 +663,7 @@ export default {
       },
       // 缴费时长 5年vip会员 为true  1年普通会员为  false
       typeFlag: false,
+      validateCompanyNameFlag: false, // 校验填写的发票名称与单位名称是否一致
       // 缴费表头
       payColumns: [
         {
@@ -879,6 +883,12 @@ export default {
       this.detailFlag = true
       this.show(record)
     },
+    /**
+     * 校验发票抬头是否与公司名称一致
+     * */
+    validateCompanyName() {
+      this.validateCompanyNameFlag = this.form.getFieldValue('headerName') === this.companyName
+    },
     async show(record) {
       this.form.resetFields()
       this.model = Object.assign({}, record)
@@ -977,6 +987,7 @@ export default {
       // this.billNumber = this.model.billNumber
       this.$nextTick(() => {
         this.form.setFieldsValue(pick(this.model, 'certificateArr', 'billNumber', 'companyName', 'paymentType', 'validPeriod', 'paymentTime', 'paymentAmount', 'certificatesNum', 'submissionTime', 'checkTime', 'paymentStatus', 'paymentMethod', 'paymentRecord', 'invoiceRequirements', 'headerName', 'taxNumber', 'invoiceAddress', 'invoicePhone', 'depositBank', 'bankAccount', 'checkResult', 'checkMark', 'checkMember', 'checkMemberId', 'memberId', 'address', 'postcode', 'serviceCharge', 'remark'))
+        this.validateCompanyName()
       })
     },
     close() {
@@ -1406,6 +1417,14 @@ export default {
   position: absolute;
   top: 8px;
 }
+
+// 上传额外附件的缴费凭证
+.paymentRecord-notice {
+  color: #f5222d;
+  position: absolute;
+  bottom: 4px;
+  left: 15%
+}
 // 发票选择无 增加样式
 .other-notice{
   color: #f5222d;