CN-434 feat: Detection--在实体详情页增加detection图表

src/assets/css/components/views/detections/detection-list/row.scss

@@ -164,3 +164,68 @@
     }
   }
 }
+
+.security.cn-detection--list,.service.cn-detection--list {
+  height: 100%;
+  flex-direction: column;
+  justify-content: space-between;
+  .cn-detection__case {
+    background: #FFFFFF;
+    border: 1px solid #E7EAED;
+    border-radius: 2px;
+    margin-bottom: 10px;
+  }
+  .cn-detection__case {
+    padding: 18px 0;
+    flex: unset;
+  }
+  .cn-detection__header {
+    margin-bottom: 8px;
+  }
+  .cn-detection__case-severity {
+    display: flex;
+    width: 38px;
+    height: 34px;
+    text-align: center;
+    margin: auto;
+    margin-right: 20px;
+    margin-left: 29px;
+    line-height: 34px;
+    i {
+      font-size: 40px;
+    }
+  }
+  .el-pagination__jump {
+    margin-left: 0 !important;
+  }
+  .cn-detection__footer {
+    background: #FFFFFF;
+    position: relative;
+    box-shadow: 0 0 4px 0 rgba(0,0,0,0.06);
+    .el-pagination__total {
+      position: absolute;
+      left: 0;
+    }
+  }
+  .domain.cn-detection-domain {
+    height: 20px;
+    line-height: 20px !important;
+    padding: 0 4px;
+    font-style: italic;
+  }
+  .critical {
+    color: #D84C4C !important;
+  }
+  .high {
+    color: #FF9A79 !important;
+  }
+  .info {
+    color: #D1BD50 !important;
+  }
+  .medium {
+    color: #FFB65A !important;
+  }
+  .low {
+    color: #FFD82D !important;
+  }
+}