perf: entities部分内容、优化带统计图表样式

src/assets/css/theme.scss

@@ -13,16 +13,32 @@ $--menu-hover-background-color: #000C18; // menu背景色
 $--menu-item-font-color: #BEBEBE; // menu字色
 $--menu-item-hover-fill: $--color-primary; // menu鼠标悬浮、激活时背景色
 
+$--collapse-header-height: 42px;
+$--collapse-border-color: #EFF2F5;
+
 /** 自定义变量 **/
 :root {
+  /* 自适应变量 */
+  @media only screen  and (min-width : 10px) {
+    --chart-height-unit: 25px;  // chart的单元高度
+    --entity-width: calc(50% - 5px);  // entity列表每个entity框的宽度
+    --entity-height: 190px;  // entity列表每个entity框的高度
+  }
   @media only screen  and (min-width : 1224px) {
     --chart-height-unit: 30px;
   }
+  @media only screen  and (min-width : 1560px) {
+    --entity-width: calc(33.3% - 7px);
+  }
   @media only screen  and (min-width : 1824px) {
     --chart-height-unit: 40px;
+    --entity-width: calc(33.3% - 7px);
+    --entity-height: 210px;
   }
   @media only screen  and (min-width : 2424px) {
     --chart-height-unit: 55px;
+    --entity-width: calc(25% - 8px);
+    --entity-height: 240px;
   }
 }
 
@@ -32,7 +48,7 @@ $--border-radius-primary: 2px;
 $--right-box-border-color: #E7EAED;
 
 /* 按钮 */
-$--button-border-radius: $--border-color-primary; // 按钮圆角
+$--button-border-radius: $--border-radius-primary; // 按钮圆角
 
 $--button-primary-color: #FFF; // 普通按钮字色
 $--button-primary-background-color: $--color-primary; // 普通按钮背景色