同步现场电网一张图

src/views/pqs/qualityInspeection/panorama/components/line/info.vue

@@ -37,13 +37,21 @@
                     <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts" />
                 </div>
             </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    暂态事件统计
+                </h3>
+                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
             <el-col :span="8">
                 <h3 class="mb10 iconBox">
                     <span></span>
                     监测点总体评价结论
                 </h3>
 
-               
                 <div class="evaluationData">
                     <el-row style="width: 96%" class="row pb5">
                         <el-col :span="12" style="display: flex">
@@ -72,8 +80,6 @@
                     </el-row>
                 </div>
             </el-col>
-        </el-row>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
             <el-col :span="8">
                 <h3 class="mb10 iconBox">
                     <span></span>
@@ -81,13 +87,6 @@
                 </h3>
                 <div :style="`height: calc(${rowHeight} - 31px)`" ref="chartRef"></div>
             </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    暂态事件统计
-                </h3>
-                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
-            </el-col>
         </el-row>
         <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
             <el-col :span="24">
@@ -119,8 +118,7 @@ import {
     getLineAssess,
     getEventDetailByLineId
 } from '@/api/device-boot/panorama'
-import { title } from 'process'
-import { fontWeight } from 'html2canvas/dist/types/css/property-descriptors/font-weight'
+
 const emit = defineEmits(['back'])
 const dropList: any = ref({})
 const evaluationData: any = ref([])
@@ -227,7 +225,7 @@ const open = async (id: string) => {
         // 稳态指标合格率
     })
     // 在线率
-    getTotalOnlineRates(form).then((res: any) => {
+    getTotalOnlineRates({ ...form, id: dropList.value.devId, ids: [dropList.value.devId] }).then((res: any) => {
         let num = (res.data || 0) / 100
         onLineCharts.value = {
             title: {
@@ -375,8 +373,8 @@ const open = async (id: string) => {
         ]
         incidentCharts.value = {
             title: {
-                text: `${res.data?.swellTimes + res.data?.sagTimes + res.data?.interruptTimes}`,
-                left: '37%',
+                text: ' ' + (data[0].value + data[1].value + data[2].value),
+                left: '41%',
                 top: '40%',
                 textStyle: {
                     fontWeight: 600,
@@ -397,7 +395,6 @@ const open = async (id: string) => {
                 top: 'center',
                 right: '10%',
                 formatter: function (e: any) {
-                    console.log('🚀 ~ open ~ e:', e)
                     return e + '   ' + data.filter(item => item.name == e)[0].value + '条'
                 }
             },
@@ -412,8 +409,8 @@ const open = async (id: string) => {
                 series: [
                     {
                         type: 'pie',
-                        center: ['40%', '50%'],
-                        radius: ['50%', '70%'],
+                        center: ['45%', '50%'],
+                        radius: ['60%', '80%'],
                         label: {
                             show: false,
                             position: 'outside',
@@ -590,12 +587,12 @@ defineExpose({ open })
     display: grid;
     grid-template-rows: repeat(5, auto);
     .row {
-        margin: 5px 2%;
+        margin: 4px 2%;
         width: 100%;
         box-shadow: 1px 1px 1px 1px #e8e3e3;
     }
     img {
-        width: 7%;
+        width: 6%;
         margin: 0px 15px;
     }
 }