LK/income_payments_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【修改】修改会员项目审核的缴费金额显示

Browse Source
This commit is contained in:
fengachen
2022-07-19 10:33:29 +08:00
parent 035aa9733d
commit a7237ffe6c
1 changed files with 89 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/financialManagement/arriveAndInvoicing/modules/AuditProofModule.vue
+89 -62
View File
@@ -17,9 +17,25 @@
<a-form :form="form"> <a-form :form="form">
<h3 class="title">凭证信息</h3> <h3 class="title">凭证信息</h3>
<div class="basic-info-div"> <div class="basic-info-div">
<a-form-item label="缴费金额" :labelCol="labelCol" :wrapperCol="wrapperCol"> <!--标协会员项目的缴费 显示-->
<div>{{ proofInfo.amountReceived }}元</div> <template v-if="model.projectType === 5 || model.projectType === 6 ">
</a-form-item> <a-form-item label="会员缴费金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.memberPaymentAmount || ''}}<span v-if="!!proofInfo.memberPaymentAmount">元</span></div>
</a-form-item>
<a-form-item label="证书缴费金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.certificatePaymentAmount || '' }}<span v-if="!!proofInfo.certificatePaymentAmount">元</span></div>
</a-form-item>
<a-form-item label="其他缴费金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.otherPaymentAmount || ''}}<span v-if="!!proofInfo.otherPaymentAmount">元</span></div>
</a-form-item>
</template>
<!--其他项目的显示 -->
<template v-else>
<a-form-item label="缴费金额" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.amountReceived }}元</div>
</a-form-item>
</template>
<a-form-item label="缴费日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="缴费日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.paymentDate }}</div> <div>{{ proofInfo.paymentDate }}</div>
@@ -27,23 +43,24 @@
<a-form-item label="申请人" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="申请人" :labelCol="labelCol" :wrapperCol="wrapperCol">
<div>{{ proofInfo.applicantName }}</div> <div>{{ proofInfo.applicantName }}</div>
</a-form-item> </a-form-item>
<!-- <div class="info-item">--> <!-- <div class="info-item">-->
<!-- <label>缴费金额：</label>--> <!-- <label>缴费金额：</label>-->
<!-- <div>{{ proofInfo.amountReceived }}元</div>--> <!-- <div>{{ proofInfo.amountReceived }}元</div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="info-item">--> <!-- <div class="info-item">-->
<!-- <label>缴费日期：</label>--> <!-- <label>缴费日期：</label>-->
<!-- <div>{{ proofInfo.paymentDate }}</div>--> <!-- <div>{{ proofInfo.paymentDate }}</div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="info-item">--> <!-- <div class="info-item">-->
<!-- <label>申请人：</label>--> <!-- <label>申请人：</label>-->
<!-- <div>{{ proofInfo.applicantName }}</div>--> <!-- <div>{{ proofInfo.applicantName }}</div>-->
<!-- </div>--> <!-- </div>-->
<!-- 标协会员、证书的缴费凭证类型根据paymentMethod字段决定：1--图片；2--pdf；3--没有凭证 --> <!-- 标协会员、证书的缴费凭证类型根据paymentMethod字段决定：1--图片；2--pdf；3--没有凭证 -->
<!-- proofType处理过的缴费凭证类型：img--图片；pdf--pdf；none--无缴费凭证 --> <!-- proofType处理过的缴费凭证类型：img--图片；pdf--pdf；none--无缴费凭证 -->
<!-- <div class="info-item">--> <!-- <div class="info-item">-->
<a-form-item class="proof-form-item" :label="proofType==='pdf' ? '打包协议' : '缴费凭证'" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item class="proof-form-item" :label="proofType==='pdf' ? '打包协议' : '缴费凭证'" :labelCol="labelCol"
<!-- <label>{{proofType==='pdf' ? '打包协议' : '缴费凭证'}}：</label>--> :wrapperCol="wrapperCol">
<!-- <label>{{proofType==='pdf' ? '打包协议' : '缴费凭证'}}：</label>-->
<div class="proof-img" v-if="proofType === 'img'"> <div class="proof-img" v-if="proofType === 'img'">
<template v-if="proofInfo.proof && proofInfo.proof !== ''"> <template v-if="proofInfo.proof && proofInfo.proof !== ''">
<div class="proof-img-item" v-for="(item, index) in proofInfo.proof.split(',')" :key="index"> <div class="proof-img-item" v-for="(item, index) in proofInfo.proof.split(',')" :key="index">
@@ -56,7 +73,7 @@
</div> </div>
<span v-if="proofType==='none'">无</span> <span v-if="proofType==='none'">无</span>
</a-form-item> </a-form-item>
<!-- </div>--> <!-- </div>-->
<a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-textarea <a-textarea
placeholder="请输入备注" placeholder="请输入备注"
@@ -67,7 +84,8 @@
</a-form-item> </a-form-item>
</div> </div>
<!-- 当前的缴费凭证是否是标协会员、证书缴费 时展示 付款信息，用户财务人员核实 --> <!-- 当前的缴费凭证是否是标协会员、证书缴费 时展示 付款信息，用户财务人员核实 -->
<template v-if="model.projectType && (model.projectType.toString() === '5' || model.projectType.toString() === '6')"> <template
v-if="model.projectType && (model.projectType.toString() === '5' || model.projectType.toString() === '6')">
<h3 class="title">付款信息</h3> <h3 class="title">付款信息</h3>
<div class="pay-info-div"> <div class="pay-info-div">
<a-row> <a-row>
@@ -79,7 +97,7 @@
v-decorator="['invoiceRequirements',{ rules: validatorRules.invoiceRequirements.rules, initialValue:proofInfo.invoiceRequirements, validateTrigger: 'change'},]" v-decorator="['invoiceRequirements',{ rules: validatorRules.invoiceRequirements.rules, initialValue:proofInfo.invoiceRequirements, validateTrigger: 'change'},]"
:trigger-change="true" :trigger-change="true"
dictCode="invoice_type" dictCode="invoice_type"
placeholder="请选择发票" /> placeholder="请选择发票"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@@ -182,10 +200,16 @@
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
import { postAction } from '../../../../api/manage' import {postAction} from '../../../../api/manage'
import Vue from 'vue' import Vue from 'vue'
import { USER_INFO } from '../../../../store/mutation-types' import {USER_INFO} from '../../../../store/mutation-types'
import { getLastProofInfo, getStanderMemberLastProofInfo, getCertificateLastProofInfo, incomingUpdatePayment, incomingUpdateCertificate } from '../../../../api/incomePaymentsApi' import {
getLastProofInfo,
getStanderMemberLastProofInfo,
getCertificateLastProofInfo,
incomingUpdatePayment,
incomingUpdateCertificate
} from '../../../../api/incomePaymentsApi'
import PreviewFile from '../../../../components/jero/PreviewFile.vue' import PreviewFile from '../../../../components/jero/PreviewFile.vue'
import PreviewImgModal from '@/components/PreviewImgModal' import PreviewImgModal from '@/components/PreviewImgModal'
@@ -207,7 +231,7 @@ const wrapperPayCol = {
export default { export default {
name: 'AuditProofModule', name: 'AuditProofModule',
components: { PreviewFile, PreviewImgModal }, components: {PreviewFile, PreviewImgModal},
data() { data() {
return { return {
title: '来款信息', title: '来款信息',
@@ -219,24 +243,24 @@ export default {
labelCol, labelCol,
wrapperCol, wrapperCol,
labelPayCol: { labelPayCol: {
xs: { span: 24 }, xs: {span: 24},
sm: { span: 8 } sm: {span: 8}
}, },
wrapperPayCol: { wrapperPayCol: {
xs: { span: 24 }, xs: {span: 24},
sm: { span: 16 } sm: {span: 16}
}, },
validatorRules: { validatorRules: {
reviewerName: { reviewerName: {
rules: [{ required: true, message: '请输入审核人' }], rules: [{required: true, message: '请输入审核人'}],
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
paymentStatus: { paymentStatus: {
rules: [{ required: true, message: '请选择审核状态' }], rules: [{required: true, message: '请选择审核状态'}],
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
reviewInstructions: { reviewInstructions: {
rules: [{ required: true, message: '请输入说明' }], rules: [{required: true, message: '请输入说明'}],
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
invoiceRequirements: { invoiceRequirements: {
@@ -247,14 +271,14 @@ export default {
// 会员发票信息的回显 // 会员发票信息的回显
headerName: { headerName: {
rules: [ rules: [
{ required: true, message: '请输入付款单位发票抬头', validateTrigger: 'blur' }, {required: true, message: '请输入付款单位发票抬头', validateTrigger: 'blur'},
{ min: 1, max: 50, message: '长度不超过50个字符' } {min: 1, max: 50, message: '长度不超过50个字符'}
], ],
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
taxNumber: { taxNumber: {
rules: [ rules: [
{ required: true, message: '请输入社会统一代码/税号', validateTrigger: 'blur' }, {required: true, message: '请输入社会统一代码/税号', validateTrigger: 'blur'},
{ {
pattern: /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, pattern: /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/,
message: '请输入15位、18位的社会统一代码/税号' message: '请输入15位、18位的社会统一代码/税号'
@@ -263,10 +287,10 @@ export default {
validateTrigger: 'blur' validateTrigger: 'blur'
}, },
invoiceAddress: { rules: [{ required: true, message: '请输入单位地址' }], validateTrigger: 'blur' }, invoiceAddress: {rules: [{required: true, message: '请输入单位地址'}], validateTrigger: 'blur'},
invoicePhone: { rules: [{ required: true, validator: this.handleInvoicePhoneCheck }], validateTrigger: 'blur' }, invoicePhone: {rules: [{required: true, validator: this.handleInvoicePhoneCheck}], validateTrigger: 'blur'},
depositBank: { rules: [{ required: true, message: '请输入开户银行' }], validateTrigger: 'blur' }, depositBank: {rules: [{required: true, message: '请输入开户银行'}], validateTrigger: 'blur'},
bankAccount: { rules: [{ required: true, message: '请输入银行账户' }], validateTrigger: 'blur' } bankAccount: {rules: [{required: true, message: '请输入银行账户'}], validateTrigger: 'blur'}
}, },
// 项目缴费凭证信息 // 项目缴费凭证信息
proofInfo: {}, proofInfo: {},
@@ -282,19 +306,19 @@ export default {
} }
}, },
methods: { methods: {
async open(record) { async open(record) {
if(record.projectType.toString() === '5' || record.projectType.toString() === '6') { if (record.projectType.toString() === '5' || record.projectType.toString() === '6') {
// 会员缴费、证书缴费 模态框调整宽度 // 会员缴费、证书缴费 模态框调整宽度
this.width = 1000 this.width = 1000
this.labelCol = labelPayCol this.labelCol = labelPayCol
this.wrapperCol = wrapperPayCol this.wrapperCol = wrapperPayCol
} else { } else {
this.labelCol = labelCol this.labelCol = labelCol
this.wrapperCol = wrapperCol this.wrapperCol = wrapperCol
this.width = 600 this.width = 600
} }
let flag = await this.getProofInfo(record) let flag = await this.getProofInfo(record)
if(!flag){ if (!flag) {
this.$message.warn('项目已审核') this.$message.warn('项目已审核')
return return
} }
@@ -314,7 +338,7 @@ export default {
* @param record * @param record
*/ */
getProofType(record) { getProofType(record) {
if (record.projectType && (record.projectType.toString() === '5' || record.projectType.toString() === '6')) { if (record.projectType && (record.projectType.toString() === '5' || record.projectType.toString() === '6')) {
if (this.proofInfo.paymentMethod.toString() === '1') { if (this.proofInfo.paymentMethod.toString() === '1') {
this.proofType = 'img' this.proofType = 'img'
return return
@@ -349,7 +373,7 @@ export default {
} else { } else {
httpMethod = getLastProofInfo httpMethod = getLastProofInfo
} }
return new Promise(resolve => { return new Promise(resolve => {
httpMethod(param).then(res => { httpMethod(param).then(res => {
if (res.success && res.result !== '无数据') { if (res.success && res.result !== '无数据') {
this.proofInfo = res.result || {} this.proofInfo = res.result || {}
@@ -360,7 +384,7 @@ export default {
this.proofInfo.paymentDate = res.result.submissionTime this.proofInfo.paymentDate = res.result.submissionTime
this.proofInfo.applicantName = res.result.liaisonMan this.proofInfo.applicantName = res.result.liaisonMan
this.currentSelectInvoiceType = Number(res.result.invoiceRequirements) this.currentSelectInvoiceType = Number(res.result.invoiceRequirements)
if(this.currentSelectInvoiceType) { if (this.currentSelectInvoiceType) {
this.invoiceRequirementsFlag = false this.invoiceRequirementsFlag = false
} else { } else {
this.invoiceRequirementsFlag = true this.invoiceRequirementsFlag = true
@@ -371,7 +395,7 @@ export default {
} }
this.getProofType(record) this.getProofType(record)
resolve(true) resolve(true)
}else{ } else {
resolve(false) resolve(false)
} }
}) })
@@ -384,7 +408,7 @@ export default {
let request = projectType === 5 && incomingUpdatePayment || incomingUpdateCertificate let request = projectType === 5 && incomingUpdatePayment || incomingUpdateCertificate
let isSuccess = false let isSuccess = false
request(params).then(res => { request(params).then(res => {
if(res.success) { if (res.success) {
isSuccess = true isSuccess = true
} else { } else {
this.$message.warn(res.message) this.$message.warn(res.message)
@@ -410,9 +434,9 @@ export default {
const formData = Object.assign(this.proofInfo, values) const formData = Object.assign(this.proofInfo, values)
console.log(formData) console.log(formData)
// 标协会员缴费、证书缴费 需要先调用 编辑的接口，编辑成功后在调用审核的接口 // 标协会员缴费、证书缴费 需要先调用 编辑的接口，编辑成功后在调用审核的接口
if(this.proofInfo.projectType + '' === '5' || this.proofInfo.projectType + '' === '6') { if (this.proofInfo.projectType + '' === '5' || this.proofInfo.projectType + '' === '6') {
let updateResult = await this.updateMemberPaymentInfo(formData, Number(this.proofInfo.projectType)) let updateResult = await this.updateMemberPaymentInfo(formData, Number(this.proofInfo.projectType))
if(!updateResult) { if (!updateResult) {
setTimeout(() => { setTimeout(() => {
this.confirmLoading = false this.confirmLoading = false
}, 1000) }, 1000)
@@ -458,7 +482,7 @@ export default {
* 缴费凭证 src * 缴费凭证 src
*/ */
proofSrc(imgId) { proofSrc(imgId) {
return `${ window._CONFIG['domianURL'] }/sys/common/download/${ imgId }` return `${window._CONFIG['domianURL']}/sys/common/download/${imgId}`
}, },
/** /**
* 预览缴费凭证 * 预览缴费凭证
@@ -538,13 +562,15 @@ h3.title::before {
color: black; color: black;
} }
} }
// 将缴费凭证的图片部分提出 // 将缴费凭证的图片部分提出
.proof-img { .proof-img {
display: flex; display: flex;
width:calc(100% - 4rem); width: calc(100% - 4rem);
&-item { &-item {
width: 50%; width: 50%;
img { img {
max-width: 100%; max-width: 100%;
max-height: 150px; max-height: 150px;
@@ -552,9 +578,10 @@ h3.title::before {
} }
} }
} }
// 修改缴费基础信息的样式 // 修改缴费基础信息的样式
.basic-info-div{ .basic-info-div {
/deep/.ant-form-item:not(.proof-form-item){ /deep/ .ant-form-item:not(.proof-form-item) {
margin-bottom: 0; margin-bottom: 0;
} }
} }