【商保系统】-回款管理-账单列表和已关联账单分tab展示支持搜索；回款单关联账单以及账单报表,增加备注列

src/views/verification/collectionDetail.vue

 <template>
 	<div ref="burt" class="white_bg burt-container">
-		<Goback title="回款详情" />
+		<Goback ref="goback" title="回款详情" />
 		<a-tabs v-model="activeKey" @change="paneChange">
 			<a-tab-pane v-for="pane in panes" :key="pane.key" :tab="pane.title">
 				<a-form-model ref="form" :model="form">
@@ -101,7 +101,7 @@
 				</a-form-model>
 				<template v-if="activeKey === '1'">
 					<div class="bill-content">
-						<a-tabs type="card" v-model="activeKey1" @change="paneChange">
+						<a-tabs type="card" v-model="activeKey1">
 							<a-tab-pane v-for="pane in panes1" :key="pane.key" :tab="pane.title">
 								<div>
 									<a-row class="search-form">
@@ -204,7 +204,7 @@
 									<!-- table -->
 									<template v-if="isEdit">
 										<a-table
-											class="table-content"
+											class="table-content all-list"
 											:columns="columns"
 											:data-source="dataList"
 											:scroll="{ x: '100%', y: tableHeight }"
@@ -507,10 +507,10 @@ export default {
 			}
 			this.getData();
 		}
-		this._getNewEOBList();
 	},
 	mounted() {
 		this.calcTableHeight();
+		this._getNewEOBList();
 	},
 	methods: {
 		moment,
@@ -518,11 +518,16 @@ export default {
 		calcTableHeight() {
 			const dom = this.$refs.burt;
 			const containterH = dom.clientHeight;
+			const gobackH = document.querySelector('.back-container').clientHeight;
+			console.log(gobackH);
 			const style = window.getComputedStyle(dom, null);
 			const paddingT = parseFloat(style.getPropertyValue('padding-top'));
 			const paddingB = parseFloat(style.getPropertyValue('padding-bottom'));
 			const paddingSum = paddingT + paddingB;
-			this.tableHeight = containterH - 400 - paddingSum;
+			this.tableHeight = containterH - 350 - gobackH - paddingSum;
+			// 设置每页展示条数
+			const pageSize = Math.floor((this.tableHeight - 10) / 32);
+			this.$set(this.pagination, 'pageSize', pageSize);
 		},
 		// 已关联账单表格行类名
 		rowClassName(record) {
@@ -769,24 +774,23 @@ export default {
 					};
 					return file;
 				});
-				console.log(formData);
 
-				// this.$apis.SAVEBACKMONEY(formData).then((res) => {
-				// 	if (res.returnCode == '0000') {
-				// 		this.backMoneyNo = res.content;
-				// 		this.savedStatus = true;
-				// 		this.$message.success('成功');
-				// 		this.selectedRowKeys = [];
-				// 		this.getData();
-				// 		this._getNewEOBList();
+				this.$apis.SAVEBACKMONEY(formData).then((res) => {
+					if (res.returnCode == '0000') {
+						this.backMoneyNo = res.content;
+						this.savedStatus = true;
+						this.$message.success('成功');
+						this.selectedRowKeys = [];
+						this.getData();
+						this._getNewEOBList();
 
-				// 		// this.$router.go(-1);
-				// 		resolve();
-				// 	} else {
-				// 		this.$message.error(res.returnMsg);
-				// 		reject();
-				// 	}
-				// });
+						// this.$router.go(-1);
+						resolve();
+					} else {
+						this.$message.error(res.returnMsg);
+						reject();
+					}
+				});
 			});
 		},
 
@@ -903,6 +907,9 @@ export default {
 	padding-right: 12px;
 	.pagination {
 		margin-top: 10px;
+		::v-deep .jump-page {
+			height: 30px;
+		}
 	}
 }
 ::v-deep .bill-form {