update

src/components/boxes/FanRuntime.vue

@@ -3,7 +3,8 @@
   <Container usage="Table">
     <SubContainer title="风机运行情况" icon="docs" padding="34px">
       <div class="tables flex" style="height: 100%">
-				<table class="table-1 flex-1 align-start">
+        <div class="table-wrapper flex-1 align-start">
+          <table class="table-1">
             <thead>
               <!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> -->
               <tr class="t-row">
@@ -34,7 +35,8 @@
               </tr>
             </tbody>
           </table>
-
+        </div>
+        <!-- 
 				<div class="vertical-line"></div>
 				<table class="table-2 flex-1 align-start">
 					<thead>
@@ -60,7 +62,7 @@
 							</td>
 						</tr>
 					</tbody>
-				</table>
+				</table> -->
       </div>
     </SubContainer>
   </Container>
@@ -108,6 +110,17 @@ export default {
 <style scoped lang="scss">
 @import "../../assets/styles/functions";
 
+::-webkit-scrollbar {
+  width: 6px;
+  background: #eee1;
+}
+
+::-webkit-scrollbar-thumb {
+  width: 6px;
+  border-radius: 8px;
+  background: #eee3;
+}
+
 .flex-1 {
   flex: 1;
   // background: #eee;
@@ -124,8 +137,14 @@ export default {
     transparent
   );
 }
+.table-wrapper {
+  padding-right: 6px;
+  height: 400px;
+  overflow-y: auto;
+}
 
 table {
+  width: 100%;
   border-spacing: adjust(1px);
 }
 
@@ -137,15 +156,25 @@ table {
   height: adjust(13.88px);
 }
 
+.tables > table {
+  overflow-y: auto;
+}
+
 .align-start {
   align-self: flex-start;
 }
 
+thead > tr th:first-child {
+  text-align: center;
+}
+
 thead > tr th {
-	font-size: adjust(8px);
-	padding: adjust(1px) adjust(3px);
+  font-size: adjust(9px);
+  line-height: 1.5;
+  padding: adjust(2px) adjust(8px);
   font-weight: 400;
   background: #044a8446;
+  text-align: left;
 }
 
 tbody > tr:nth-child(odd) {
@@ -153,8 +182,9 @@ tbody > tr:nth-child(odd) {
 }
 
 tbody > tr td {
-	font-size: adjust(7px);
-	padding: adjust(1px) adjust(6px);
+  font-size: adjust(9px);
+  line-height: 1.25;
+  padding: adjust(2px) adjust(8px);
   font-weight: 400;
   background: inherit;
 }

src/components/boxes/OutWater.vue

@@ -67,7 +67,7 @@ export default {
 }
 
 .wave {
-	transform: translateX(adjust(-16px));
+  transform: translateX(adjust(-16px)) rotateY(0.5turn);
   width: adjust(w(793px));
   height: adjust(h(76px));
   background: url(../../assets/inwater.png) no-repeat;