fix bugs

src/views/monitoring/equipmentProcessAmount/graph.vue

@@ -26,7 +26,7 @@ export default {
 				color: ['#288AFF'],
 				grid: {
 					top: 64,
-					left: 56,
+					left: '8%',
 					right: 64,
 					bottom: 56,
 				},

src/views/monitoring/equipmentProcessAmount/index.vue

@@ -67,15 +67,20 @@
 			class="app-container equipment-process-amount"
 			style="flex: 1; border-radius: 8px; background: #fff">
 			<!-- main area  -->
-			<div class="main-content" style="display: flex; flex-direction: column">
+			<div
+				class="main-content"
+				style="height: 100%; display: flex; flex-direction: column">
 				<SearchBar
 					:formConfigs="searchBarFormConfig"
 					ref="search-bar"
 					@headBtnClick="handleSearchBarBtnClick" />
 
-				<el-row>
-					<el-col class="custom-tabs">
-						<el-tabs v-model="activeName" @tab-click="handleTabClick">
+				<el-row style="flex: 1">
+					<el-col class="custom-tabs" style="height: 100%">
+						<el-tabs
+							v-model="activeName"
+							@tab-click="handleTabClick"
+							style="height: 100%">
 							<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
 								<base-table
 									v-if="mode == 'table'"
@@ -93,7 +98,9 @@
 								</base-table>
 							</el-tab-pane>
 							<el-tab-pane :label="'\u3000柱状图\u3000'" name="graph">
-								<div class="graph" style="height: 56vh">
+								<div
+									class="graph"
+									style="height: 100%;">
 									<!-- graph  -->
 									<Graph
 										v-if="list.length"
@@ -546,6 +553,13 @@ li {
 	.el-tree-node__content {
 	padding: 8px 24px !important;
 }
+
+.custom-tabs >>> .el-tabs__content {
+	height: calc(100% - 42px);
+}
+.custom-tabs >>> .el-tab-pane {
+	height: 100%;
+}
 </style>
 
 <style>