CN-788 下钻table的分数样式、内容展示等调整

2022-11-02 16:26:31 +08:00
parent a6ea1fa4e6
commit 0d89b3c23b
2 changed files with 110 additions and 65 deletions
--- a/src/assets/css/components/views/charts2/networkOverviewTabs.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewTabs.scss
@@ -115,14 +115,28 @@
      .el-table thead {
        color: $grey;
      }
-      .data-score-red {
-        color: #E26154;
-      }
-      .data-score-yellow {
-        color: #E5A219;
-      }
-      .data-score-green {
-        color: #749F4D;
+      .score-cell {
+        display: flex !important;
+        justify-content: center;
+        .data-score {
+          border-radius: 10px;
+          font-size: 12px;
+          color: #FFFFFF;
+          font-weight: 500;
+          height: 20px;
+          width: 34px;
+          line-height: 20px;
+          text-align: center;
+        }
+        .data-score-red {
+          background: #E26154;
+        }
+        .data-score-yellow {
+          background: #E5A219;
+        }
+        .data-score-green {
+          background: #749F4D;
+        }
      }
    }
    .el-tabs__header {