同步现场电网一张图

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

@@ -2,7 +2,7 @@
 <template>
     <!-- 终端 -->
     <el-dialog draggable title="稳态电能质量水平评估统计" v-model="dialogVisible" width="1400px">
-        <el-row style="height: 330px" :gutter="20">
+        <el-row style="height: 300px" :gutter="20">
             <el-col :span="12">
                 <div class="title">
                     <span>稳态电能质量水平评估</span>
@@ -42,7 +42,7 @@
                     <span>稳态电能质量水平评估环比变化</span>
                 </div>
                 <div class="pie">
-                    <div style="height: 260px; width: 100%" ref="chartRef"></div>
+                    <div style="height: 250px; width: 100%" ref="chartRef"></div>
                 </div>
             </el-col>
         </el-row>
@@ -50,7 +50,7 @@
             <div class="title">
                 <span>区域稳态电能质量水平评估</span>
             </div>
-            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
                 <vxe-column field="deptName" title="区域" />
                 <vxe-column field="onlineNum" title="在线监测点数量(个)" />
                 <vxe-column field="overNum" title="超标监测点数量(个)" />
@@ -103,15 +103,21 @@ const tableData: any = ref([])
 const title = ['电压偏差', '频率偏差', '电压总谐波畸变率', '闪变', '三相电压不平衡度']
 
 const echart = (row: any) => {
+    let maxList: any = []
+    row.forEach((item: any) => {
+        maxList.push(...(item.ratioList || [0]))
+    })
+    let max = Math.max(...maxList) > 50 ? 100 : 50
+
     let chart = echarts.init(chartRef.value as HTMLDivElement)
 
     let dataname = ['频率偏差', '电压偏差', '电压总谐波畸变率', '三相电压不平衡度', '闪变']
-    let datamax = [100, 100, 100, 100, 100, 100]
+    // let datamax = [100, 100, 100, 100, 100, 100]
     let indicator = []
     for (let i = 0; i < dataname.length; i++) {
         indicator.push({
             name: dataname[i],
-            max: datamax[i]
+            max: max
         })
     }
 
@@ -150,8 +156,8 @@ const echart = (row: any) => {
             }
         },
         radar: {
-            center: ['50%', '50%'],
-            radius: '65%',
+            center: ['50%', '60%'],
+            radius: '75%',
             startAngle: 90,
             splitNumber: 5,
             splitArea: {
@@ -252,17 +258,17 @@ defineExpose({ open })
     justify-content: space-around;
 }
 .evaluationData {
-    height: 40px;
+    height: 33px;
     margin: 8px 30px;
     width: 100%;
     box-shadow: 1px 1px 1px 1px #e8e3e3;
     display: flex;
     font-size: 18px;
-    line-height: 40px;
+    line-height: 35px;
     img {
-        height: 30px;
-        width: 30px;
-        margin: 5px 30px;
+        height: 25px;
+        width: 25px;
+        margin: 4px 20px 0px 30px;
     }
 }