feat: 看板左右高度百分比适配

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

@@ -9,6 +9,8 @@
   padding: 5rem 0.833rem 0;
   line-height: 1.15;
   background-color: #101129;
+  height: 100vh;
+  margin-bottom: -20px;
 }
 
 .column {
@@ -113,8 +115,8 @@
 
 /* 本月告警统计 */
 .alarmType {
-  height: 16rem;
-  display: flex;
+  min-height: 13rem;
+  height: 25%;
 }
 .alarmType .chart {
   width: 100%;
@@ -122,13 +124,12 @@
   margin-top: 1rem;
 }
 
-
-/* 告警趋势 */
-.alarmDay {
-  height: 22rem;
-  display: flex;
+/* cdr会话监控 */
+.cdrEvent {
+  min-height: 22rem;
+  height: 60%;
 }
-.alarmDay .inner .chart {
+.cdrEvent .inner .chart {
   width: 100%;
   height: 100%;
   margin-top: 1rem;
@@ -136,7 +137,8 @@
 
 /* 总流量 */
 .totalFlow {
-  height: 6.167rem;
+  min-height: 6.167rem;
+  height: 12%;
 }
 .totalFlow .inner .filter {
   display: flex;
@@ -179,8 +181,8 @@
 
 /* 资源情况 */
 .resources {
-  height: 16rem;
-  display: flex;
+  min-height: 13rem;
+  height: 25%;
 }
 .resources .inner .chart {
   width: 100%;
@@ -188,12 +190,12 @@
   margin-top: 1rem;
 }
 
-/* 会话监控 */
-.cdr {
-  height: 22rem;
-  display: flex;
+/* ue会话监控 */
+.ueEvent {
+  min-height: 22rem;
+  height: 60%;
 }
-.cdr .inner .chart {
+.ueEvent .inner .chart {
   width: 100%;
   height: 100%;
   margin-top: 1rem;