CN-1087 feat: 实体关系

src/assets/css/components/views/charts2/graphRightDetailBlock.scss

@@ -103,7 +103,7 @@ $font-size: 12px;
     .graph-content-item {
 
       .graph-content-item-label, .graph-content-item-value {
-        width: 100px;
+        width: 130px;
         font-family: NotoSansSChineseRegular;
         font-size: $font-size;
         color: #717171;
@@ -125,14 +125,8 @@ $font-size: 12px;
     .graph-content-relationship-item {
       justify-content: space-between;
       line-height: 24px;
-      cursor: pointer;
-
-      &:hover {
-        background: rgba(135, 135, 135, 0.1);
-      }
 
       .graph-relationship-item-label, .graph-relationship-item-value {
-        font-family: NotoSansSChineseRegular;
         font-size: $font-size;
         color: #353636;
         font-weight: 400;
@@ -148,6 +142,10 @@ $font-size: 12px;
 
       .graph-relationship-item-value {
         color: #717171;
+
+        i {
+          cursor: pointer;
+        }
       }
     }
   }
@@ -196,9 +194,6 @@ $font-size: 12px;
 
 .graph-expand-relationship__icon {
   font-size: 13px;
-  &:hover {
-    color: #D80000 !important;
-  }
 }
 
 .graph-basic-info__block-title {

src/assets/css/components/views/charts2/graphRightListBlock.scss

@@ -9,10 +9,9 @@ $font-size: 12px;
     margin-bottom: 10px;
 
     span {
-      font-family: PingFangSC-Semibold;
       font-size: 16px;
       color: #353636;
-      line-height: 22px;
+      line-height: 21px;
       font-weight: 600;
     }
 
@@ -24,7 +23,6 @@ $font-size: 12px;
   }
 
   .graph-list-header-number {
-    font-family: NotoSansSChineseRegular;
     font-size: 12px;
     color: #717171;
     font-weight: 400;
@@ -49,7 +47,6 @@ $font-size: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-family: NotoSansHans-Medium;
     font-weight: 500;
     padding: 14px 10px;
     cursor: pointer;
@@ -59,6 +56,11 @@ $font-size: 12px;
       font-size: 16px;
       margin-right: 7px;
     }
+
+    &.graph-list-expand-btn--disabled {
+      opacity: .4;
+      cursor: default;
+    }
   }
 }
 
@@ -73,15 +75,9 @@ $font-size: 12px;
 
   .graph-list-item-ip {
     margin-bottom: 10px;
-    font-family: NotoSansSChineseRegular;
     font-size: $font-size;
     color: #353636;
     font-weight: 400;
-    cursor: pointer;
-
-    &:hover {
-      color: #D80000;
-    }
   }
 
   .graph-list-item-block {
@@ -97,7 +93,6 @@ $font-size: 12px;
       .graph-list-item-label, .graph-list-item-label__app {
         width: 62px;
         //margin-right: 15px;
-        font-family: NotoSansSChineseRegular;
         font-size: $font-size;
         color: #717171;
         font-weight: 400;
@@ -118,7 +113,6 @@ $font-size: 12px;
       }
 
       .graph-list-item-value {
-        font-family: NotoSansSChineseRegular;
         font-size: $font-size;
         color: #353636;
         font-weight: 400;