同步电网一张图代码

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

@@ -4,7 +4,8 @@
             <!-- 综合评估 -->
             <div style="height: 110px">
                 <div class="title">
-                    <span>综合评估
+                    <span>
+                        综合评估
                         <el-popover placement="right" :width="150" trigger="hover">
                             <template #reference>
                                 <WarningFilled class="WarningFilled" />
@@ -21,7 +22,6 @@
                                 <span style="color: #cc0000">极差：[1 , 2]</span>
                             </div>
                         </el-popover>
-
                     </span>
                     <span class="info" @click="open(0)">
                         详情
@@ -139,15 +139,21 @@
                 </div>
                 <div :style="boxHeight" class="boxR">
                     <div class="top">
-                        <div class="TJTop">
-                            <img src="@/assets/img/TJ.png" />
-                            <span>
-                                严重度　90%:
-                                <span class="num">{{ transientNum[0] }}</span>
-                                　 50%:
-                                <span class="num">{{ transientNum[1] }}</span>
-                            </span>
+                        <div>
+                            <div class="TJTop">
+                                <img src="@/assets/img/TJ.png" />
+                                <span>暂降严重度:</span>
+                            </div>
+                            <div class="ml22" style="font-size: 12px">
+                                <span>
+                                    幅值低于90%:
+                                    <span class="num">{{ transientNum[0] }}  　</span>
+                                      幅值低于50%:
+                                    <span class="num">{{ transientNum[1] }}</span>
+                                </span>
+                            </div>
                         </div>
+
                         <el-select v-model="value" style="width: 120px" size="small" @change="transientChange">
                             <el-option v-for="item in options1" :key="item.id" :label="item.name" :value="item.id" />
                         </el-select>
@@ -503,4 +509,7 @@ defineExpose({ info, show })
 :deep(.el-progress__text) {
     font-size: 0.8rem !important    ;
 }
+:deep(.el-dialog__body) {
+    max-height: none !important;
+}
 </style>