全局替换终端

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

@@ -13,12 +13,12 @@
                     <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
                         <div class="card">
                             <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
-                            <span
+                            <!-- <span
                                 :style="`color: ${item.color[0]}; cursor:pointer`"
                                 @click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
                             >
                                 {{ item.list[4].numOne }}
-                            </span>
+                            </span> -->
                         </div>
                     </div>
                 </div>
@@ -142,6 +142,12 @@
             @click="show = !show"
             src="@/assets/img/QH.png"
         />
+        <div class="legeng">
+            <div v-for="item in legengList">
+                <span :style="`background-color: ${item.color};`"></span>
+                <span>{{ item.title }}</span>
+            </div>
+        </div>
 
         <!-- 变电站详情 -->
         <stand ref="standRef" />
@@ -318,6 +324,28 @@ const linList: any = ref([
         title: ['电能质量指标', '未超标', '超标']
     }
 ])
+const legengList = [
+    {
+        color: '#00b07d',
+        title: '优质'
+    },
+    {
+        color: '#3399ff',
+        title: '良好'
+    },
+    {
+        color: '#ffcc33',
+        title: '合格'
+    },
+    {
+        color: '#db0887',
+        title: '较差'
+    },
+    {
+        color: '#ff0000',
+        title: '极差'
+    }
+]
 const vList = ['', '500kV', '220kV', '110kV', '35kV', '']
 const formRow: any = ref({})
 const height = mainHeight(30)
@@ -344,6 +372,7 @@ const info = async (row: any) => {
         isUpToGrid: row.isUpToGrid,
         monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
     }
+    countList.value[0].title = row.areaName
     formRow.value = form
 
     // 变电站
@@ -453,6 +482,21 @@ defineExpose({ info, show })
     &:nth-child(1) {
         background-color: #fff;
     }
+    &:nth-child(2) {
+        .numOne {
+            color: #00bff5;
+        }
+    }
+    &:nth-child(3) {
+        .numOne {
+            color: #008000;
+        }
+    }
+    &:nth-child(4) {
+        .numOne {
+            color: #0000ff;
+        }
+    }
 }
 
 .title {
@@ -566,4 +610,30 @@ defineExpose({ info, show })
 :deep(.el-dialog__body) {
     max-height: none !important;
 }
+.legeng {
+    position: absolute;
+    padding: 5px;
+    bottom: 0;
+    right: -75px;
+    width: 70px;
+    font-size: 12px;
+    height: 120px;
+    background: #fff;
+    border-radius: 5px;
+    display: grid;
+    line-height: 22px;
+    grid-template-rows: auto;
+    div {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        span:nth-child(1) {
+            display: inline-block;
+            height: 10px;
+            border-radius: 2px;
+            width: 15px;
+            margin-right: 5px;
+        }
+    }
+}
 </style>