CN-301 Detection-饼图、柱状图开发

2022-02-17 19:28:48 +08:00
parent 273e16547c
commit ea383ee958
4 changed files with 560 additions and 7 deletions
--- a/src/assets/css/components/views/detections/detections.scss
+++ b/src/assets/css/components/views/detections/detections.scss
@@ -15,5 +15,44 @@
    margin-bottom: 10px;
    width: 100%;
    background-color: white;
+
+    .chart-header {
+      display: flex;
+      justify-content:space-between;
+      align-items:center;
+      padding: 10px 20px 10px 0px;
+      height: 40px;
+
+      font-size: 14px;
+      color: $--color-text-primary;
+      transition: all 0.2s;
+      border-bottom: 1px solid #E7EAED;
+
+      .chart-header__title {
+        max-width: calc(100% - 100px);
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+    }
+
+    .chart-content {
+      height:calc(100% - 40px);
+    }
+    .statistics__severity {
+      width: 33%;
+      margin-left:15px;
+      margin-right:15px;
+    }
+    .statistics__category {
+      width: 34%;
+      margin-left:15px;
+      margin-right:15px;
+    }
+    .statistics__active-attack {
+      width: 33%;
+      margin-left:15px;
+      margin-right:15px;
+    }
  }
 }