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 {

src/views/EquipmentManager/components/TechyBox.vue

@@ -11,10 +11,10 @@ export default {}
 <style scoped>
 .techy-box {
   background: transparent;
-  box-shadow: inset 0 0 16px 1px rgba(255, 255, 255, 0.2);
+  box-shadow: inset 0 0 calc(17px * var(--beilv)) 0 rgba(255, 255, 255, 0.2);
   display: inline-block;
   height: 100%;
   width: 100%;
-  border-radius: .25rem;
+  border-radius: calc(4px * var(--beilv));
 }
 </style>

src/views/EquipmentManager/components/charts/pl-JDL-Chart.vue

@@ -34,7 +34,7 @@ export default {
             },
             axisLine: {
               lineStyle: {
-                color: '#ffffff3d'
+                color: '#5982B233'
               }
             },
             axisLabel: {
@@ -47,17 +47,18 @@ export default {
             type: 'value',
             splitLine: {
               lineStyle: {
-                color: '#ffffff3d'
+                color: '#5982B233'
               }
             },
             axisLine: {
               lineStyle: {
-                color: '#ffffff3d'
+                color: '#5982B233'
               }
             },
             axisLabel: {
               color: '#ffffff9d'
-            }
+            },
+            axisTick: { show : false }
           }
         ],
         series: [