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 {

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>

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 {