From c943c1ab7ade1e580bffbf30751b3e1cce0a4810 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Thu, 10 Nov 2022 13:54:12 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=9A=84=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/EquipmentManager/HomePage.vue       | 27 ++++++++++++++++---
 .../components/TechyAnalysisHeader.vue        |  4 +--
 .../components/TechyVerticalTable.vue         | 22 ++++-----------
 3 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/src/views/EquipmentManager/HomePage.vue b/src/views/EquipmentManager/HomePage.vue
index 07f2424..2bda564 100644
--- a/src/views/EquipmentManager/HomePage.vue
+++ b/src/views/EquipmentManager/HomePage.vue
@@ -197,6 +197,27 @@ export default {
 </script>
 
 <style scoped>
+::-webkit-scrollbar {
+  width: calc(8px * var(--beilv));
+}
+
+::-webkit-scrollbar-track {
+  background-color: #14243f;
+  border-radius: 0;
+}
+
+::-webkit-scrollbar-button {
+  width: calc(8px * var(--beilv));
+  height: calc(8px * var(--beilv));
+  background: #5bc4bf9f;
+  position: relative;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: calc(8px * var(--beilv));
+  background: #5bc4bf9f;
+}
+
 .fix-table-eq-exception >>> .el-table td .cell {
   width: 80% !important;
   margin: auto;
@@ -247,10 +268,10 @@ export default {
 .techy-container__inner {
   display: flex;
   flex-direction: column;
-  gap: 0.8vh;
+  gap: calc(8px * var(--beilv));
   height: calc(100% - 4vh);
   /* overflow-y: scroll; */
-  overflow-y: hidden;
+  overflow-y: auto;
 }
 .techy-container__inner > div {
   flex: 1 1;
@@ -319,7 +340,7 @@ export default {
   flex: 1;
   height: calc(191px * var(--beilv));
   overflow: hidden;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .grid-2-3 {
diff --git a/src/views/EquipmentManager/components/TechyAnalysisHeader.vue b/src/views/EquipmentManager/components/TechyAnalysisHeader.vue
index 7922e9a..bdb6258 100644
--- a/src/views/EquipmentManager/components/TechyAnalysisHeader.vue
+++ b/src/views/EquipmentManager/components/TechyAnalysisHeader.vue
@@ -125,7 +125,7 @@ export default {
 
 .techy-analysis-header__title {
   color: #01cfcc;
-  font-size: 1.25vh;
-  line-height: 18px;
+  font-size: calc(15px * var(--beilv));
+  line-height: calc(18px * var(--beilv));
 }
 </style>
diff --git a/src/views/EquipmentManager/components/TechyVerticalTable.vue b/src/views/EquipmentManager/components/TechyVerticalTable.vue
index cfff94c..54720ac 100644
--- a/src/views/EquipmentManager/components/TechyVerticalTable.vue
+++ b/src/views/EquipmentManager/components/TechyVerticalTable.vue
@@ -40,13 +40,12 @@ export default {
 
 <style scoped>
 .techy-vertical-table {
-  height: calc(100% - 2.5vh);
-  overflow: hidden;
+  /* height: calc(100% - 2.5vh); */
+  overflow: auto;
   color: white;
 }
 
 .trow {
-  /* height: calc(100% / 6); */
   width: 100%;
   white-space: nowrap;
   display: flex;
@@ -59,8 +58,6 @@ export default {
 .tbody {
   min-width: calc(100vw / 1920 * 96);
   background-color: #20376080;
-  /* background-color: red; */
-  /* height: 100%; */
   white-space: nowrap;
   overflow: hidden;
   margin-right: 1px;
@@ -70,24 +67,15 @@ export default {
 
 .thead {
   width: 25%;
-  font-size: 14px;
-  line-height: 1.81;
-  /* padding: 8px 16px; */
-  /* font-size: 1vh; */
-  /* line-height: 2; */
-  /* font-weight: 400; */
+  font-size: calc(14px * var(--beilv));
+  line-height: 1.8;
 }
 
 .tbody {
   width: 24%;
   color: rgba(255, 255, 255, 0.7);
-  font-size: 12px;
+  font-size: calc(12px *  var(--beilv));
   line-height: 2;
-  /* padding: 8px 12px; */
-  /* padding-left: 8px; */
-  /* font-size: 1vh; */
-  /* line-height: 2; */
-  /* font-weight: 400; */
 }
 
 .tbody:last-child {