table chart

src/views/equipment/base/inspection/Confirm/WaitingListTable.vue

@@ -15,6 +15,7 @@
 			background: '#f2f4f9',
 			color: '#606266',
 		}"
+		:max-height="tableH"
 		class="waiting-list-table">
 		<el-table-column
 			type="selection"
@@ -37,8 +38,9 @@
 		<el-table-column
 			v-if="selectedBox[0]"
 			label="巡检单名称"
+			:show-overflow-tooltip="true"
 			prop="name"></el-table-column>
-		<el-table-column v-if="selectedBox[1]" label="部门" prop="planName">
+		<el-table-column v-if="selectedBox[1]" label="部门" :show-overflow-tooltip="true" prop="planName">
 			<template slot-scope="scope">
 				{{ scope.row.department || '---' }}
 			</template>
@@ -46,6 +48,7 @@
 		<el-table-column
 			v-if="selectedBox[2]"
 			label="巡检时间"
+			width="150"
 			prop="actualCheckTime">
 			<template slot-scope="scope">
 				{{ scope.row.actualCheckTime | timeFilter }}
@@ -54,6 +57,8 @@
 		<el-table-column
 			v-if="selectedBox[3]"
 			label="班次"
+			width="180"
+			:show-overflow-tooltip="true"
 			prop="groupClass">
 			<template slot-scope="scope">
 				{{ scope.row.groupClass || '---' }}
@@ -62,6 +67,7 @@
 		<el-table-column
 			v-if="selectedBox[4]"
 			label="确认截止时间"
+			width="150"
 			prop="confirmDueTime">
 			<template slot-scope="scope">
 				{{ scope.row.confirmDueTime | timeFilter }}
@@ -70,6 +76,7 @@
 		<el-table-column
 			v-if="selectedBox[5]"
 			width="150"
+			:show-overflow-tooltip="true"
 			label="备注"
 			prop="remark">
 			<template slot-scope="scope">
@@ -172,6 +179,7 @@ export default {
 				true
 			],
 			selectedPlan: [],
+			tableH: this.tableHeight(260)
 		};
 	},
 	computed: {
@@ -182,6 +190,16 @@ export default {
 			}));
 		},
 	},
+	created() {
+		window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+    })
+	},
+	destroyed() {
+		window.removeEventListener('resize', () => {
+			this.tableH = this.tableHeight(260)
+		});
+	},
 	methods: {
 		checkSelectable(row, index) {
 			return true;