feat: panel布局、单值图、line图等

src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "cn-icon"; /* Project id 2614877 */
-  src: url('iconfont.woff2?t=1624000421294') format('woff2'),
-       url('iconfont.woff?t=1624000421294') format('woff'),
-       url('iconfont.ttf?t=1624000421294') format('truetype');
+  src: url('iconfont.woff2?t=1624011302849') format('woff2'),
+       url('iconfont.woff?t=1624011302849') format('woff'),
+       url('iconfont.ttf?t=1624011302849') format('truetype');
 }
 
 .cn-icon {
@@ -13,11 +13,11 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.cn-icon-view1:before {
+.cn-icon-view:before {
   content: "\e702";
 }
 
-.cn-icon-more3:before {
+.cn-icon-more-arrow-down:before {
   content: "\e739";
 }
 
@@ -29,7 +29,7 @@
   content: "\e68f";
 }
 
-.cn-icon-more1:before {
+.cn-icon-more-dark:before {
   content: "\e677";
 }
 
@@ -41,11 +41,11 @@
   content: "\e738";
 }
 
-.cn-icon-xiangshang:before {
+.cn-icon-arrow-up:before {
   content: "\e732";
 }
 
-.cn-icon-xiangxia:before {
+.cn-icon-arrow-down:before {
   content: "\e737";
 }
 
@@ -105,7 +105,7 @@
   content: "\e728";
 }
 
-.cn-icon-more:before {
+.cn-icon-more-light:before {
   content: "\e729";
 }
 

src/assets/css/rightBoxCommon.scss

@@ -25,7 +25,6 @@
   height: 60px;
   padding: 0 20px;
   border-bottom: 1px solid $--right-box-border-color;
-  box-sizing: border-box;
 
   .header__title {
     font-size: 16px;
@@ -231,7 +230,6 @@
     border: none;
     border-radius: 4px;
     outline: none;
-    box-sizing: border-box;
     font-size: 14px;
     cursor: pointer;
     transition: background-color linear .2s, color linear .1s;
@@ -302,7 +300,6 @@
   height: 100%;
   transform: translateY(-50%);
   justify-content: space-between;
-  box-sizing: border-box;
 }
 .form-item--end-with-btn { // 末尾留出btn宽度空间的form item
 

src/assets/css/tableCommon.scss

@@ -2,7 +2,6 @@
 .list-page {
   height: 100%;
   width: 100%;
-  box-sizing: border-box;
   background-color: #f6f6f6;
 
   .main-list {
@@ -45,7 +44,7 @@
       height: 44px;
       background-color: white;
       border: 1px solid #E6EAED;
-      box-sizing: border-box;
+      
     }
 
     .top-tool-right {
@@ -135,7 +134,7 @@
         color: #666666;
         font-size: 14px;
         text-align: center;
-        box-sizing: border-box;
+        
         line-height: 40px;
 
         &.sub-list-tab--active {
@@ -157,7 +156,7 @@
     background-color: #e6eaed;
     position: absolute;
     z-index: 1;
-    box-sizing: border-box;
+    
     user-select: none;
     color: #5f6368;
     cursor: ns-resize;
@@ -189,7 +188,7 @@
     position: relative;
     padding: 0 20px;
     width: 100%;
-    box-sizing: border-box;
+    
     flex: auto;
     height: calc(100% - 58px);
 
@@ -231,7 +230,6 @@
         height: 49px;
         border-bottom: 1px solid $--right-box-border-color;
         background-color: white;
-        box-sizing: content-box;
       }
       thead {
         color: #333;
@@ -358,7 +356,7 @@
   left: 270px !important;
   margin-top: -3px !important;
   box-shadow: none;
-  box-sizing: border-box;
+  
   border-radius: 0;
   border-color: #c7c7c7;
 

src/assets/css/theme.scss

@@ -56,9 +56,9 @@ $--color-warning: $--color-primary; //全局警告橙色
 $--color-suspended: #9e9c98; //全局停用色灰色
 $--color-monitor: #98AEC5; //全局停用色灰色
 
-$global-text-color-active: $--color-primary; // 全局文字active字色
+$--chart-single-value-icon-background-color: #E8F6FF;
 
-$content-right-background-color: #f9f9f9; //右侧背景色
+$--content-right-background-color: #EFF2F5; //右侧背景色
 /** 改变 icon 字体路径变量，并引入element-ui变量文件 **/
 $--font-path: '~element-plus/lib/theme-chalk/fonts';
 @import "~element-plus/packages/theme-chalk/src/index";