🔨 监控逻辑.

orion-visor-ui/src/assets/style/arco-extends.less

@@ -31,19 +31,19 @@
     background-color: rgb(var(--blue-6));
 
     &.normal {
-      color: rgb(var(--arcoblue-6));
+      background-color: rgb(var(--arcoblue-6));
     }
 
     &.pass {
-      color: rgb(var(--green-6));
+      background-color: rgb(var(--green-6));
     }
 
     &.warn {
-      color: rgb(var(--orange-6));
+      background-color: rgb(var(--orange-6));
     }
 
     &.error {
-      color: rgb(var(--red-6));
+      background-color: rgb(var(--red-6));
     }
   }
 }

orion-visor-ui/src/assets/style/chart.less

@@ -0,0 +1,49 @@
+// tooltip
+.chart-tooltip-wrapper {
+  // 时间
+  .chart-tooltip-time {
+    font-size: 13px;
+  }
+
+  // 表头
+  .chart-tooltip-header {
+    margin-top: 5px;
+    font-size: 12px;
+    line-height: 1.3;
+
+    &-grid {
+      display: grid;
+      gap: 0 8px;
+      align-items: center;
+    }
+
+    &-item {
+      font-weight: bold;
+      padding: 2px 0;
+      white-space: nowrap;
+      border-bottom: 1px solid #ddd;
+    }
+  }
+
+  // 圆点
+  .chart-tooltip-dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-right: 5px;
+  }
+
+  // 数据行
+  .chart-tooltip-col {
+    font-weight: 500;
+    color: #000;
+    padding: 3px 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: flex;
+    align-items: center;
+  }
+
+}

orion-visor-ui/src/assets/style/global.less

@@ -282,10 +282,18 @@ body {
   margin-left: 4px;
 }
 
+.mr2 {
+  margin-right: 2px;
+}
+
 .mr4 {
   margin-right: 4px;
 }
 
+.mt2 {
+  margin-top: 2px;
+}
+
 .mt4 {
   margin-top: 4px;
 }

orion-visor-ui/src/assets/style/layout.less

@@ -172,7 +172,7 @@
   }
 
   & > .arco-card-body {
-    padding: 0 16px 16px 16px;
+    padding: 0 16px 12px 16px;
     flex-grow: 1;
   }
 }
@@ -230,6 +230,10 @@
 }
 
 // -- doption
+.arco-dropdown-option-disabled .arco-dropdown-option-content .more-doption {
+  color: var(--color-text-4);
+}
+
 .more-doption {
   min-width: 42px;
   padding: 0 4px;