style: 看病样式调整

src/views/dashboard/overview/css/index.css

@@ -57,6 +57,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  cursor: pointer;
 }
 .brand .brand-title {
   color: #ffffff;
@@ -73,8 +74,8 @@
 
 /* 实时流量 */
 .upfFlow {
-  height: 16rem;
-  display: flex;
+  min-height: 16rem;
+  height: 40%;
 }
 .upfFlow .inner .chart {
   width: 100%;
@@ -84,8 +85,8 @@
 
 /* 网络拓扑 */
 .topology {
-  height: 27.8rem;
-  display: flex;
+  min-height: 27.8rem;
+  height: 56%;
 }
 .topology .inner .chart {
   width: 100%;
@@ -95,7 +96,8 @@
 
 /* 概览区域 */
 .overview {
-  height: 6.167rem;
+  min-height: 6.167rem;
+  height: 12%;
 }
 .overview .inner {
   display: flex;
@@ -127,7 +129,7 @@
 /* cdr会话监控 */
 .cdrEvent {
   min-height: 22rem;
-  height: 60%;
+  height: 58%;
 }
 .cdrEvent .inner .chart {
   width: 100%;
@@ -193,7 +195,7 @@
 /* ue会话监控 */
 .ueEvent {
   min-height: 22rem;
-  height: 60%;
+  height: 58%;
 }
 .ueEvent .inner .chart {
   width: 100%;

src/views/dashboard/overview/index.vue

@@ -94,7 +94,7 @@ onMounted(() => {
 <template>
   <div class="viewport" ref="viewportDom">
     <div class="brand">
-      <div class="brand-title" @click="toggle">
+      <div class="brand-title" @click="toggle" title="点击全屏显示">
         核心网系统看板
         <FullscreenExitOutlined v-if="isFullscreen" />
         <FullscreenOutlined v-else />