同步电网一张图代码

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

@@ -4,7 +4,25 @@
             <!-- 综合评估 -->
             <div style="height: 110px">
                 <div class="title">
-                    <span>综合评估</span>
+                    <span>综合评估
+                        <el-popover placement="right" :width="150" trigger="hover">
+                            <template #reference>
+                                <WarningFilled class="WarningFilled" />
+                            </template>
+                            <div class="text">
+                                <span style="color: #00b07d">优质：(4.5 , 5]</span>
+                                <br />
+                                <span style="color: #3399ff">良好：(4 , 4.5]</span>
+                                <br />
+                                <span style="color: #ffcc33">合格：(3 , 4]</span>
+                                <br />
+                                <span style="color: #ff9900">较差：(2 , 3]</span>
+                                <br />
+                                <span style="color: #cc0000">极差：[1 , 2]</span>
+                            </div>
+                        </el-popover>
+
+                    </span>
                     <span class="info" @click="open(0)">
                         详情
                         <ArrowRight style="width: 12px" />
@@ -220,6 +238,7 @@ import { onMounted, reactive, ref, provide } from 'vue'
 import MyEChart from '@/components/echarts/MyEchart.vue'
 import { useDictData } from '@/stores/dictData'
 import { mainHeight } from '@/utils/layout'
+import { WarningFilled } from '@element-plus/icons-vue'
 import { ArrowRight } from '@element-plus/icons-vue'
 import Evaluate from './details/evaluate.vue'
 import steadyState from './details/steadyState.vue'
@@ -386,6 +405,11 @@ defineExpose({ info, show })
         cursor: pointer;
         color: #757575;
     }
+    .WarningFilled {
+        width: 12px;
+        font-weight: 500;
+        cursor: pointer;
+    }
 }
 .TJTop {
     display: flex;