feat: npm dashboard初始化

src/assets/css/components/index.scss

@@ -46,8 +46,9 @@
 @import './components/rightBox/report/builtinReportBox';
 
 @import './views/charts2/panel';
-@import 'views/charts2/networkOverviewLine';
-@import 'views/charts2/networkOverviewDdosDetection';
-@import 'views/charts2/networkOverviewPerformanceEvent';
-@import 'views/charts2/networkOverviewTabs';
+@import './views/charts2/networkOverviewLine';
+@import './views/charts2/networkOverviewDdosDetection';
+@import './views/charts2/networkOverviewPerformanceEvent';
+@import './views/charts2/networkOverviewTabs';
+@import './views/charts2/npmTabs';
 //@import '../chart';

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

@@ -0,0 +1,38 @@
+.npm-tabs {
+  .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
+    padding-left: 20px;
+  }
+  .el-tabs--top .el-tabs__item {
+    padding: 0;
+  }
+  .el-tabs__active-bar.is-top {
+    top: 0;
+    height: 3px;
+    border-radius: 5px 2.5px 0 0;
+  }
+  .el-tabs__item.is-top {
+    .npm-tab__label {
+      padding: 0 20px;
+      color: #353636;
+      font-size: 14px;
+      font-weight: bold;
+      box-sizing: border-box;
+
+      i {
+        padding-right: 7px;
+        font-size: 16px;
+        font-weight: normal;
+      }
+    }
+    &.is-active {
+      .npm-tab__label {
+        color: #353636;
+        box-shadow: 1px 0 0px 0px #E2E5EC, inset 1px 0 0 #E2E5EC;
+
+        i {
+          color: #046EC9;
+        }
+      }
+    }
+  }
+}