diff --git a/src/views/settlement/receivable-payable-detail.vue b/src/views/settlement/receivable-payable-detail.vue index f40e2a4..485476e 100644 --- a/src/views/settlement/receivable-payable-detail.vue +++ b/src/views/settlement/receivable-payable-detail.vue @@ -1144,8 +1144,6 @@ export default { rule: null, }, adjustDialog: { visible: false, loading: false, submitting: false, row: null }, - // 表头 + 最多 3 行费用 + 横向滚动条,超出后表体上下滚动 - adjustTableMaxHeight: 40 + 49 * 3 + 16, adjustRows: [], adjustDynamicFeeColumns: [], adjustTextProps: ['specification', 'model', 'billingFactor', 'billingType'], @@ -1223,6 +1221,11 @@ export default { }; }, computed: { + adjustTableMaxHeight() { + // 面板满高 min(60vh,560) 减去头部(49)、底部(58)、内边距(32);费用行多时表体内部滚动,表头固定 + if (!this.adjustDialog.visible) return 40 + 49 * 3 + 16; + return Math.round(Math.min(window.innerHeight * 0.6, 560)) - 138; + }, generateContractName() { const contract = this.contractOptions.find( item => String(item.id) === String(this.generateQuery.contractId)