修改 海南测试bug

src/views/pqs/qualityInspeection/panorama/components/details/steadyState.vue

@@ -10,11 +10,8 @@
                 <div class="boxSteps">
                     <el-steps>
                         <template v-for="(item, i) in Voltage">
-                            <el-step
-                                :class="active == i ? 'highlight' : ''"
-                                :title="item.name"
-                                @click="handleClick(i)"
-                            ></el-step>
+                            <el-step :class="active == i ? 'highlight' : ''" :title="item.name"
+                                @click="handleClick(i)"></el-step>
                         </template>
                     </el-steps>
                 </div>
@@ -111,7 +108,7 @@ const echart = (row: any) => {
 
     let chart = echarts.init(chartRef.value as HTMLDivElement)
 
-    let dataname = [ '频率偏差(Hz)',
+    let dataname = ['频率偏差(Hz)',
         '电压偏差(%)',
         '电压总谐波畸变率(%)',
         '三相电压不平衡度(%)',
@@ -145,9 +142,9 @@ const echart = (row: any) => {
                 opacity: 0.35,
                 fontSize: 14
             },
-            backgroundColor: 'rgba(0,0,0,0.35)',
+            backgroundColor: 'rgba(0,0,0,0.55)',
             borderWidth: 0,
-            position:'bottom'
+            position: 'bottom'
         },
         legend: {
             data: row.map((item: any) => item.time),
@@ -253,19 +250,23 @@ defineExpose({ open })
 :deep(.el-select) {
     min-width: 80px;
 }
+
 .title {
     display: flex;
     justify-content: space-between;
     margin: 10px;
+
     span {
         font-weight: 550;
         font-size: 18px;
     }
 }
+
 .pie {
     display: flex;
     justify-content: space-around;
 }
+
 .evaluationData {
     height: 33px;
     margin: 8px 30px;
@@ -274,6 +275,7 @@ defineExpose({ open })
     display: flex;
     font-size: 18px;
     line-height: 35px;
+
     img {
         height: 25px;
         width: 25px;
@@ -284,6 +286,7 @@ defineExpose({ open })
 .el-steps {
     margin-top: 5px;
 }
+
 :deep(.el-step__icon) {
     border: none;
     background: #ccc;
@@ -291,15 +294,18 @@ defineExpose({ open })
     width: 15px;
     height: 15px;
 }
+
 :deep(.el-step__icon-inner) {
     display: none;
 }
+
 :deep(.boxSteps) {
     border-radius: 50px;
     width: 60%;
     height: 25px;
     margin: auto;
     margin-top: 30px;
+
     .el-step__title {
         line-height: 18px;
         font-size: 16px;
@@ -310,18 +316,22 @@ defineExpose({ open })
         top: -50px;
     }
 }
+
 :deep(.highlight) {
     .el-step__icon {
         background: var(--el-color-primary);
     }
+
     .el-step__title {
         font-weight: 700 !important;
         color: var(--el-color-primary) !important;
     }
+
     // .is-wait {
     //     color: var(--el-color-primary) !important;
     // }
 }
+
 :deep(.el-dialog__body) {
     max-height: none !important;
 }