update 设备分析

src/views/EquipmentManager/components/EquipmentAnalysisBox.vue

@@ -52,12 +52,11 @@ const ProgreeBar = {
       'div',
       {
         style: {
-          height: '0.5vh',
+          height: '100%',
           width: '100%',
-          borderRadius: '8px',
+          borderRadius: 'calc(8px * var(--beilv))',
           position: 'relative',
           background: '#1E2D4590',
-          // background: 'red',
           overflow: 'hidden'
         }
       },
@@ -71,7 +70,7 @@ const ProgreeBar = {
               top: 0,
               width: this.process + '%',
               height: '100%',
-              borderRadius: '8px',
+              borderRadius: 'calc(8px * var(--beilv))',
               background: `linear-gradient(to right, ${this.colors[0]}, ${this.colors[1]})`
             }
           },
@@ -114,10 +113,10 @@ export default {
 }
 
 .equipment-analysis-box__title {
-  font-size: 1.25vh;
-  line-height: 2vh;
-  letter-spacing: 1px;
-  width: 3vw;
+  font-size: calc(14px * var(--beilv));
+  line-height: calc(18px * var(--beilv));
+  letter-spacing: calc(1px * var(--beilv));
+  width: 30%;
   overflow-wrap: break-word;
   align-self: center;
   text-align: center;
@@ -130,12 +129,9 @@ export default {
 .param-name {
   opacity: 70%;
   text-align: right;
-  /* font-size: 12px;
-  line-height: 14px;
-  width: 36px; */
-  font-size: 1vh;
-  line-height: 1.2;
-  width: 2vw;
+  font-size: calc(12px * var(--beilv));
+  line-height: calc(14px * var(--beilv));
+  width: 20%;
 }
 .param-value {
   opacity: 70%;
@@ -143,20 +139,22 @@ export default {
   /* font-size: 12px;
   line-height: 14px;
   width: 24px; */
-  font-size: 1vh;
-  line-height: 1.2;
-  width: 1.5vw;
+  font-size: calc(12px * var(--beilv));
+  line-height: calc(14px * var(--beilv));
+  width: 15%;
 }
 
 .param-list::before {
   content: '';
   position: absolute;
-  left: -11px;
-  top: 10%;
-  width: 1px;
-  /* height: 100%; */
-  height: 80%;
-  background: linear-gradient(to bottom, transparent, #ffffff8c, transparent);
+  left: calc(-10px * var(--beilv));
+  width: 2px;
+  height: 100%;
+  background: linear-gradient(to bottom, transparent, #455670, transparent);
+}
+
+.progress-bar {
+  height: calc(8px * var(--beilv));
 }
 
 .flex {