update 到账开票添加来款范围筛选

This commit is contained in:
zhaoxiao
2022-03-04 11:49:54 +08:00
parent c35adb2bf0
commit f462141654
6 changed files with 130 additions and 22 deletions
@@ -91,25 +91,25 @@
</a-col> </a-col>
<a-col :xxl="4" :xl="8" :sm="12" class="detail-item"> <a-col :xxl="4" :xl="8" :sm="12" class="detail-item">
<a-row> <a-row>
<a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段应收:</a-col> <a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段应付:</a-col>
<a-col :sm="14" :xs="24">{{ item.accountsReceivableAmount }}</a-col> <a-col :sm="14" :xs="24">{{ item.accountsReceivableAmount }}</a-col>
</a-row> </a-row>
</a-col> </a-col>
<a-col :xxl="4" :xl="8" :sm="12" class="detail-item"> <a-col :xxl="4" :xl="8" :sm="12" class="detail-item">
<a-row> <a-row>
<a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段应收时间:</a-col> <a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段应付时间:</a-col>
<a-col :sm="14" :xs="24">{{ item.accountsReceivableTime }}</a-col> <a-col :sm="14" :xs="24">{{ item.accountsReceivableTime }}</a-col>
</a-row> </a-row>
</a-col> </a-col>
<a-col :xxl="4" :xl="8" :sm="12" class="detail-item"> <a-col :xxl="4" :xl="8" :sm="12" class="detail-item">
<a-row> <a-row>
<a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段实收:</a-col> <a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段实付:</a-col>
<a-col :sm="14" :xs="24">{{ item.paidAmount }}</a-col> <a-col :sm="14" :xs="24">{{ item.paidAmount }}</a-col>
</a-row> </a-row>
</a-col> </a-col>
<a-col :xxl="4" :xl="8" :sm="12" class="detail-item"> <a-col :xxl="4" :xl="8" :sm="12" class="detail-item">
<a-row> <a-row>
<a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段实收时间:</a-col> <a-col :sm="10" :xs="24" class="detail-item-title">{{ index + 1 }}阶段实付时间:</a-col>
<a-col :sm="14" :xs="24">{{ item.paidTime }}</a-col> <a-col :sm="14" :xs="24">{{ item.paidTime }}</a-col>
</a-row> </a-row>
</a-col> </a-col>
@@ -267,10 +267,10 @@ export default {
title: '应付金额' title: '应付金额'
}, { }, {
fieldName: 'amountReceived', fieldName: 'amountReceived',
title: '已收金额' title: '已付金额'
}, { }, {
fieldName: 'amountReceived', fieldName: 'amountReceived',
title: '未收金额' title: '未付金额'
}, { }, {
fieldName: 'accountStatus_dictText', fieldName: 'accountStatus_dictText',
title: '赊账状态' title: '赊账状态'
@@ -128,11 +128,17 @@
</template> </template>
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<template slot="nameText" slot-scope="text"> <template slot="nameText" slot-scope="text">
<j-ellipsis :value="text" :length="8"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<span slot="action" class="action-span-cell" slot-scope="text, record"> <span slot="action" class="action-span-cell" slot-scope="text, record">
@@ -233,6 +239,13 @@ export default {
// width: 280, // width: 280,
// scopedSlots: { customRender: 'text' } // scopedSlots: { customRender: 'text' }
// }, // },
{
title: '负责人',
align: 'center',
dataIndex: 'principalName',
width: 120,
scopedSlots: { customRender: 'text' }
},
{ {
title: '签订单位', title: '签订单位',
align: 'center', align: 'center',
@@ -404,4 +417,9 @@ export default {
color: red !important; color: red !important;
} }
.table-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>
@@ -55,7 +55,10 @@
@change="handleTableChange" @change="handleTableChange"
class="j-table-force-nowrap"> class="j-table-force-nowrap">
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="20"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<span slot="operation" class="action-span-cell" slot-scope="text, record"> <span slot="operation" class="action-span-cell" slot-scope="text, record">
@@ -77,7 +80,10 @@
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, columnWidth: 80}" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, columnWidth: 80}"
class="j-table-force-nowrap"> class="j-table-force-nowrap">
<template slot="textRow" slot-scope="text"> <template slot="textRow" slot-scope="text">
<j-ellipsis :value="text" :length="12"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<span slot="action" class="action-span-cell" slot-scope="text, itemRecord"> <span slot="action" class="action-span-cell" slot-scope="text, itemRecord">
@@ -193,7 +199,7 @@ export default {
} }
], ],
dataSource: [], dataSource: [],
expandedRowKeys: [], // 展开数据的id expandedRowKeys: [] // 展开数据的id
} }
}, },
methods: { methods: {
@@ -339,4 +345,10 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.table-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>
@@ -18,6 +18,21 @@
<select-principal placeholder="请选择负责人" v-model="queryParam.principalId"></select-principal> <select-principal placeholder="请选择负责人" v-model="queryParam.principalId"></select-principal>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="10" :lg="11" :md="12" :sm="24">
<a-form-item label="来款范围" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input
placeholder="请输入来款范围"
v-model="queryParam.startAmount"
class="query-group-cust"
@change="checkMoney('start')"></a-input>
<span class="query-group-split-cust"></span>
<a-input
placeholder="请输入来款范围"
v-model="queryParam.endAmount"
class="query-group-cust"
@change="checkMoney('end')"></a-input>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-form-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input placeholder="请输入项目名称" v-model="queryParam.chargeProject" :maxLength='50'></a-input> <a-input placeholder="请输入项目名称" v-model="queryParam.chargeProject" :maxLength='50'></a-input>
@@ -198,7 +213,7 @@ export default {
ProjectDetailModal, ProjectDetailModal,
BatchInvoicingModule, BatchInvoicingModule,
AuditProofModule, AuditProofModule,
AuditModal, AuditModal
}, },
mixins: [JeroListMixin], mixins: [JeroListMixin],
data() { data() {
@@ -282,7 +297,7 @@ export default {
width: 80, width: 80,
dataIndex: 'needInvoice', dataIndex: 'needInvoice',
scopedSlots: { customRender: 'status-pack' } scopedSlots: { customRender: 'status-pack' }
},{ }, {
title: '到账', title: '到账',
align: 'center', align: 'center',
width: 70, width: 70,
@@ -322,9 +337,9 @@ export default {
selectedProject: [], selectedProject: [],
batchInvoicingVisible: false, batchInvoicingVisible: false,
selectedCompany: {}, // 选中项目的企业信息 selectedCompany: {}, // 选中项目的企业信息
mailContactsId: null ,// 项目邮寄联系人id mailContactsId: null,// 项目邮寄联系人id
meetingType:undefined, // 会议项目的会议类型 meetingType: undefined, // 会议项目的会议类型
situationId:undefined // 参会人id situationId: undefined // 参会人id
} }
}, },
@@ -345,7 +360,7 @@ export default {
invoicing(record) { invoicing(record) {
// 标协会员项目必须先到账后开票 // 标协会员项目必须先到账后开票
if ((Number(record.projectType) === 5 || Number(record.projectType) === 6) && record.paymentStatus !== 'completed') { if ((Number(record.projectType) === 5 || Number(record.projectType) === 6) && record.paymentStatus !== 'completed') {
this.$message.warn(`标协${Number(record.projectType) === 5 ? '会员' : '证书'}项目必须先审核通过才可开票。`) this.$message.warn(`标协${ Number(record.projectType) === 5 ? '会员' : '证书' }项目必须先审核通过才可开票。`)
return return
} }
this.mailContactsId = record.mailContactsId this.mailContactsId = record.mailContactsId
@@ -450,6 +465,52 @@ export default {
return return
} }
}, },
/**
* 搜索金额校验
* @param type 起始范围--start,终止范围--end
*/
checkMoney(type) {
if (type === 'start') {
this.queryParam.startAmount = this.queryParam.startAmount.replace(/[^0-9.]/g, '')
let pointIndex = this.queryParam.startAmount.indexOf('.')
// 包含小数点,保留小数点后两位
if (pointIndex > -1) {
this.queryParam.startAmount = this.queryParam.startAmount.substr(0, pointIndex + 3)
// 截取整数部分
let str = this.queryParam.startAmount.slice(0, pointIndex)
// 整数部分大于十位则去掉十位之后的整数部门,并将小数部分拼接
if (str.length > 10) {
str = str.substr(0, 10)
this.queryParam.startAmount = str + this.queryParam.startAmount.substr(pointIndex, 3)
}
}
// 不包含小数点且输入数字超过十位保留前十位数据
if (pointIndex === -1 && this.queryParam.startAmount.length > 10) {
this.queryParam.startAmount = this.queryParam.startAmount.substr(0, 10)
}
return
}
if (type === 'end') {
this.queryParam.endAmount = this.queryParam.endAmount.replace(/[^0-9.]/g, '')
let pointIndex = this.queryParam.endAmount.indexOf('.')
// 包含小数点,保留小数点后两位
if (pointIndex > -1) {
this.queryParam.endAmount = this.queryParam.endAmount.substr(0, pointIndex + 3)
// 截取整数部分
let str = this.queryParam.endAmount.slice(0, pointIndex)
// 整数部分大于十位则去掉十位之后的整数部门,并将小数部分拼接
if (str.length > 10) {
str = str.substr(0, 10)
this.queryParam.endAmount = str + this.queryParam.endAmount.substr(pointIndex, 3)
}
}
// 不包含小数点且输入数字超过十位保留前十位数据
if (pointIndex === -1 && this.queryParam.endAmount.length > 10) {
this.queryParam.endAmount = this.queryParam.endAmount.substr(0, 10)
}
return
}
}
} }
} }
</script> </script>
@@ -101,7 +101,10 @@
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<!-- 打包、需要发票、到账、开票、邮寄状态--> <!-- 打包、需要发票、到账、开票、邮寄状态-->
@@ -316,13 +319,13 @@ export default {
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 280, width: 100,
dataIndex: 'contactsTemporaryName', dataIndex: 'contactsTemporaryName',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
title: '联系人电话', title: '联系人电话',
align: 'center', align: 'center',
width: 160, width: 100,
dataIndex: 'phone', dataIndex: 'phone',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -601,4 +604,10 @@ export default {
background-color: #F2F2F2; background-color: #F2F2F2;
margin: 15px 0px; margin: 15px 0px;
} }
.table-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>
@@ -140,7 +140,10 @@
</template> </template>
<template slot="text" slot-scope="text"> <template slot="text" slot-scope="text">
<j-ellipsis :value="text" :length="18"></j-ellipsis> <a-tooltip>
<template slot="title">{{ text }}</template>
<div class="table-text">{{ text }}</div>
</a-tooltip>
</template> </template>
<span slot="action" class="action-span-cell" slot-scope="text, record" v-if="canOperate"> <span slot="action" class="action-span-cell" slot-scope="text, record" v-if="canOperate">
@@ -268,7 +271,7 @@ export default {
}, { }, {
title: '企业联系人', title: '企业联系人',
align: 'center', align: 'center',
width: 280, width: 120,
dataIndex: 'contactsTemporaryNameOne', dataIndex: 'contactsTemporaryNameOne',
scopedSlots: { customRender: 'text' } scopedSlots: { customRender: 'text' }
}, { }, {
@@ -547,4 +550,9 @@ export default {
} }
} }
.table-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>