辽宁页面调整

src/views/pqs/panorama/components/mapL.vue

@@ -10,8 +10,7 @@
                     <img src="@/assets/img/FGX.png" />
                 </div>
                 <div style="display: flex">
-                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
-                        <div class="card">
+                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.2' : i === 2 ? 'flex: 1.3' : ''">                        <div class="card">
                             <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
                             <span
                                 :style="`color: ${item.color[0]}; cursor:pointer`"
@@ -30,7 +29,7 @@
                 </div>
                 <!-- 监测规模 列表 -->
                 <div>
-                    <div class="vcl mt5">
+                    <div class="vcl mt2">
                         <p
                             v-for="(item, i) in vList"
                             :style="i == 0 ? 'width: 60px' : i == vList?.length - 1 ? 'width: 32px' : 'flex:1'"
@@ -69,16 +68,16 @@
                 </div>
             </div>
             <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} + 50px)`">
+            <div :style="`height:calc(${boxHeight.height} + 10px)`" >
                 <div class="title">
                     <span>监测点指标统计</span>
                 </div>
                 <div style="display: flex" class="mt2">
                     <img src="@/assets/img/FGX.png" />
                 </div>
-                <div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
+                <div :style="`height:calc(${boxHeight.height} );overflow-y: auto;`">
                     <div v-for="item in countList">
-                        <div class="title mt5" style="font-weight: 500">
+                        <div class="title mt3" style="font-weight: 500">
                             <img src="@/assets/img/TJ.png" />
                             {{ item.title }}
                         </div>
@@ -110,7 +109,7 @@
                 </div>
             </div>
             <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} - 55px)`">
+            <div :style="`height:calc(${boxHeight.height} - 75px)`" class="mt20">
                 <div class="title">
                     <span>监测运行统计</span>
                 </div>
@@ -178,7 +177,7 @@ import {
     getGridDiagramMonitor,
     getGridDiagramDev,
     getGridDiagramStatistics,
-    getGridDiagramRunData
+    getGridDiagramRunData, getAreaObjAlarm
 } from '@/api/device-boot/panorama'
 const emit = defineEmits(['LookMap', 'GridDiagram'])
 const dictData = useDictData()
@@ -187,6 +186,43 @@ const standRef = ref()
 const terminalRef = ref()
 const pointRef = ref()
 const list: any = ref([
+    {
+        title: '场站',
+        color: ['#000', '#bd3124'],
+
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    },
     {
         title: '变电站',
         color: ['#000', '#bd3124'],
@@ -383,8 +419,8 @@ const info = async (row: any) => {
     countList.value[0].title = row.areaName
     formRow.value = form
     vList.value = ['']
-    // 变电站
-    getSubLineGiveAnAlarm(form).then(res => {
+
+    getAreaObjAlarm(form).then(res => {
         let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
         data[0].data.forEach((item: any) => {
             if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
@@ -392,16 +428,22 @@ const info = async (row: any) => {
         vList.value.push('')
         list.value[0].list = data[0].data
     })
+
+    // 变电站
+    getSubLineGiveAnAlarm(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+        list.value[1].list = data[0].data
+    })
     // 终端
     getGridDiagramDev(form).then(res => {
         let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-        list.value[1].list = data[0].data
+        list.value[2].list = data[0].data
     })
     // 监测点
     await getGridDiagramMonitor(form).then(res => {
         let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
 
-        list.value[2].list = data[0].data.map((item: any) => {
+        list.value[3].list = data[0].data.map((item: any) => {
             return {
                 numOne: item.num,
                 numTwo: item.onLineNum,
@@ -464,12 +506,12 @@ defineExpose({ info, show })
 
     .card {
         justify-content: center;
-        margin-top: 15px;
+        margin-top: 1px;
         margin-right: 2%;
         display: flex;
         flex: 1;
         align-items: center;
-        font-size: 16px;
+        font-size: 15px;
 
         span:nth-child(2) {
             font-weight: 550;