[update] 缴费凭证审核记录
This commit is contained in:
@@ -22,7 +22,7 @@ const getCommitteeUnderStudyProject = (param) => getAction('/payResearchProject/
|
||||
// 工作组在研项目
|
||||
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 {
|
||||
queryCommonProjectById,
|
||||
@@ -35,5 +35,6 @@ export {
|
||||
getContractDetailById,
|
||||
getCouncilDetailById,
|
||||
getCommitteeUnderStudyProject,
|
||||
getWorkingGroupUnderStudyProject
|
||||
getWorkingGroupUnderStudyProject,
|
||||
getAuditProofRecords
|
||||
}
|
||||
|
||||
@@ -66,78 +66,84 @@
|
||||
</div>
|
||||
<!-- 表格区域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-title">审核信息</div>
|
||||
<template v-if="auditInfo && auditInfo.length > 0">
|
||||
<div class="audit-info-item-box" v-for="(item, index) in auditInfo" :key="index">
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">申请人:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">申请时间:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费金额:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费日期:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费凭证:</span>
|
||||
<img class="audit-info-img" src="">
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核结果:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核人:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核时间:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">说明:</span>
|
||||
<span class="audit-info-item-content">{{ }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</template>
|
||||
<a-list :data-source="[]" v-else></a-list>
|
||||
<a-spin :spinning="proofLoading">
|
||||
<template v-if="auditInfo && auditInfo.length > 0">
|
||||
<div class="audit-info-item-box" v-for="(item, index) in auditInfo" :key="index">
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">申请人:</span>
|
||||
<span class="audit-info-item-content">{{ item.applicantName }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">申请时间:</span>
|
||||
<span class="audit-info-item-content">{{ item.createTime }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费金额:</span>
|
||||
<span class="audit-info-item-content">{{ item.amountReceived }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费日期:</span>
|
||||
<span class="audit-info-item-content">{{ item.paymentDate }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">缴费凭证:</span>
|
||||
<img class="audit-info-img" :src="proofSrc(item.proof)" @click="previewProofImg(item.proof)">
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核结果:</span>
|
||||
<span class="audit-info-item-content">{{ item.paymentStatus_dictText }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="15">
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核人:</span>
|
||||
<span class="audit-info-item-content">{{ item.reviewerName }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">审核时间:</span>
|
||||
<span class="audit-info-item-content">{{ item.reviewTime }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<div class="audit-info-item">
|
||||
<span class="audit-info-item-title">说明:</span>
|
||||
<span class="audit-info-item-content">{{ item.reviewInstructions }}</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider></a-divider>
|
||||
</div>
|
||||
</template>
|
||||
<a-list :data-source="[]" v-else></a-list>
|
||||
</a-spin>
|
||||
</div>
|
||||
</a-card>
|
||||
|
||||
<!-- 添加阶段-->
|
||||
<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 PreviewImgModal from '@views/MessagePage/modules/PreviewImgModal'
|
||||
import ProofInfoModal from '@views/MessagePage/modules/ProofInfoModal'
|
||||
import { getAuditProofRecords } from '@api/incomePaymentsApi'
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: '阶段',
|
||||
dataIndex: 'chargeProject',
|
||||
dataIndex: '',
|
||||
key: 'rowIndex',
|
||||
width: 120,
|
||||
align: 'center',
|
||||
scopedSlots: { customRender: 'steg' }
|
||||
customRender: function (t, r, index) {
|
||||
return r.paymentStatus === 'completed' ? `${ parseInt(index) + 1 }阶段` : ''
|
||||
}
|
||||
}, {
|
||||
title: '缴费金额',
|
||||
dataIndex: 'amountReceived',
|
||||
@@ -213,10 +224,21 @@ export default {
|
||||
url: {
|
||||
list: '/paymentCheck/payPaymentCheck/amountReceivedList',
|
||||
delete: ''
|
||||
}
|
||||
},
|
||||
// 审核记录加载
|
||||
proofLoading: false,
|
||||
// 是否可以添加阶段
|
||||
editDisabled: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getAuditProofList()
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 获取阶段信息
|
||||
* @param arg
|
||||
*/
|
||||
loadData(arg) {
|
||||
if (!this.url.list) {
|
||||
this.$message.error('请设置url.list属性!')
|
||||
@@ -244,6 +266,9 @@ export default {
|
||||
this.ipagination.total = 0
|
||||
}
|
||||
//update-end---author:zhangyafei Date:20201118 for:适配不分页的数据列表------------
|
||||
this.editDisabled = this.dataSource.some(tt => {
|
||||
return tt.paymentStatus !== 'completed'
|
||||
})
|
||||
}
|
||||
if (res.code === 510) {
|
||||
this.$message.warning(res.message)
|
||||
@@ -291,6 +316,22 @@ export default {
|
||||
editProof(record) {
|
||||
this.$refs.stageModal.title = '编辑阶段'
|
||||
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
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user