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

[update] 缴费凭证审核记录

Browse Source
This commit is contained in:
zhaoxiao
2021-12-16 17:42:16 +08:00
parent 5573e18d6c
commit dc1b0e12ee
2 changed files with 113 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/incomePaymentsApi.js
+3 -2
View File
@@ -22,7 +22,7 @@ const getCommitteeUnderStudyProject = (param) => getAction('/payResearchProject/
// 工作组在研项目 // 工作组在研项目
const getWorkingGroupUnderStudyProject = (param) => getAction('/payResearchProject/payResearchProject/list', param) const getWorkingGroupUnderStudyProject = (param) => getAction('/payResearchProject/payResearchProject/list', param)
// 缴费凭证审核记录 // 缴费凭证审核记录
// const getAuditRecords = (param) => getAction('/paymentCheck/payPaymentCheck/amountReceivedSubList', param) const getAuditProofRecords = (param) => getAction('/paymentCheck/payPaymentCheck/amountReceivedSubList', param)
export { export {
queryCommonProjectById, queryCommonProjectById,
@@ -35,5 +35,6 @@ export {
getContractDetailById, getContractDetailById,
getCouncilDetailById, getCouncilDetailById,
getCommitteeUnderStudyProject, getCommitteeUnderStudyProject,
getWorkingGroupUnderStudyProject getWorkingGroupUnderStudyProject,
getAuditProofRecords
} }
src/views/MessagePage/PaymentVoucher.vue
+110 -69
View File
@@ -66,78 +66,84 @@
</div> </div>
<!-- 表格区域end--> <!-- 表格区域end-->
<!-- 添加阶段按钮--> <!-- 添加阶段按钮-->
<a-button type="primary" icon="plus" class="add-stage-btn" @click="addStage">添加阶段</a-button> <a-button type="primary" icon="plus" class="add-stage-btn" @click="addStage" :disabled="editDisabled">添加阶段
</a-button>
<!-- 审核记录-->
<div class="audit-info"> <div class="audit-info">
<div class="audit-info-title">审核信息</div> <div class="audit-info-title">审核信息</div>
<template v-if="auditInfo && auditInfo.length > 0"> <a-spin :spinning="proofLoading">
<div class="audit-info-item-box" v-for="(item, index) in auditInfo" :key="index"> <template v-if="auditInfo && auditInfo.length > 0">
<a-row :gutter="15"> <div class="audit-info-item-box" v-for="(item, index) in auditInfo" :key="index">
<a-col :span="8"> <a-row :gutter="15">
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">申请人：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">申请人：</span>
</div> <span class="audit-info-item-content">{{ item.applicantName }}</span>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">申请时间：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">申请时间：</span>
</div> <span class="audit-info-item-content">{{ item.createTime }}</span>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">缴费金额：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">缴费金额：</span>
</div> <span class="audit-info-item-content">{{ item.amountReceived }}</span>
</a-col> </div>
</a-row> </a-col>
<a-row :gutter="15"> </a-row>
<a-col :span="8"> <a-row :gutter="15">
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">缴费日期：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">缴费日期：</span>
</div> <span class="audit-info-item-content">{{ item.paymentDate }}</span>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">缴费凭证：</span> <div class="audit-info-item">
<img class="audit-info-img" src=""> <span class="audit-info-item-title">缴费凭证：</span>
</div> <img class="audit-info-img" :src="proofSrc(item.proof)" @click="previewProofImg(item.proof)">
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">审核结果：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">审核结果：</span>
</div> <span class="audit-info-item-content">{{ item.paymentStatus_dictText }}</span>
</a-col> </div>
</a-row> </a-col>
<a-row :gutter="15"> </a-row>
<a-col :span="8"> <a-row :gutter="15">
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">审核人：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">审核人：</span>
</div> <span class="audit-info-item-content">{{ item.reviewerName }}</span>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">审核时间：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">审核时间：</span>
</div> <span class="audit-info-item-content">{{ item.reviewTime }}</span>
</a-col> </div>
<a-col :span="8"> </a-col>
<div class="audit-info-item"> <a-col :span="8">
<span class="audit-info-item-title">说明：</span> <div class="audit-info-item">
<span class="audit-info-item-content">{{ }}</span> <span class="audit-info-item-title">说明：</span>
</div> <span class="audit-info-item-content">{{ item.reviewInstructions }}</span>
</a-col> </div>
</a-row> </a-col>
</div> </a-row>
</template> <a-divider></a-divider>
<a-list :data-source="[]" v-else></a-list> </div>
</template>
<a-list :data-source="[]" v-else></a-list>
</a-spin>
</div> </div>
</a-card> </a-card>
<!-- 添加阶段-->
<payment-voucher-modal ref="stageModal" @ok="modalFormOk"></payment-voucher-modal> <payment-voucher-modal ref="stageModal" @ok="modalFormOk"></payment-voucher-modal>
<!-- 预览缴费凭证--> <!-- 预览缴费凭证-->
@@ -155,13 +161,18 @@ import PaymentVoucherModal from '@views/MessagePage/modules/PaymentVoucherModal'
import { getAction } from '@api/manage' import { getAction } from '@api/manage'
import PreviewImgModal from '@views/MessagePage/modules/PreviewImgModal' import PreviewImgModal from '@views/MessagePage/modules/PreviewImgModal'
import ProofInfoModal from '@views/MessagePage/modules/ProofInfoModal' import ProofInfoModal from '@views/MessagePage/modules/ProofInfoModal'
import { getAuditProofRecords } from '@api/incomePaymentsApi'
const columns = [ const columns = [
{ {
title: '阶段', title: '阶段',
dataIndex: 'chargeProject', dataIndex: '',
key: 'rowIndex',
width: 120,
align: 'center', align: 'center',
scopedSlots: { customRender: 'steg' } customRender: function (t, r, index) {
return r.paymentStatus === 'completed' ? `${ parseInt(index) + 1 }阶段` : ''
}
}, { }, {
title: '缴费金额', title: '缴费金额',
dataIndex: 'amountReceived', dataIndex: 'amountReceived',
@@ -213,10 +224,21 @@ export default {
url: { url: {
list: '/paymentCheck/payPaymentCheck/amountReceivedList', list: '/paymentCheck/payPaymentCheck/amountReceivedList',
delete: '' delete: ''
} },
// 审核记录加载
proofLoading: false,
// 是否可以添加阶段
editDisabled: false
} }
}, },
created() {
this.getAuditProofList()
},
methods: { methods: {
/**
* 获取阶段信息
* @param arg
*/
loadData(arg) { loadData(arg) {
if (!this.url.list) { if (!this.url.list) {
this.$message.error('请设置url.list属性!') this.$message.error('请设置url.list属性!')
@@ -244,6 +266,9 @@ export default {
this.ipagination.total = 0 this.ipagination.total = 0
} }
//update-end---author:zhangyafei Date:20201118 for：适配不分页的数据列表------------ //update-end---author:zhangyafei Date:20201118 for：适配不分页的数据列表------------
this.editDisabled = this.dataSource.some(tt => {
return tt.paymentStatus !== 'completed'
})
} }
if (res.code === 510) { if (res.code === 510) {
this.$message.warning(res.message) this.$message.warning(res.message)
@@ -291,6 +316,22 @@ export default {
editProof(record) { editProof(record) {
this.$refs.stageModal.title = '编辑阶段' this.$refs.stageModal.title = '编辑阶段'
this.$refs.stageModal.edit(record) this.$refs.stageModal.edit(record)
},
/**
* 获取审核凭证信息
*/
getAuditProofList() {
this.proofLoading = true
let param = {
id: this.$route.query.projectId
}
getAuditProofRecords(param).then(res => {
if (res.success) {
this.auditInfo = res.result || []
}
}).finally(() => {
this.proofLoading = false
})
} }
} }
} }