整体概览: 线上问题 and 质量流程&研发效率 的 tabs 添加下划线

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/box.vue

@@ -5,7 +5,7 @@
       <span class="report-title-text">{{ title }}</span>
     </div>
     <div>
-      <el-tabs v-if="pageData" :value="tabsActive" @tab-click="tabClick">
+      <el-tabs v-if="pageData" class="isBar" :value="tabsActive" @tab-click="tabClick">
         <el-tab-pane
           v-for="item in pageData"
           :key="item.clientType"
@@ -74,16 +74,24 @@ export default {
   }
 }
 
-/deep/ .el-tabs__active-bar {
-  display: none;
-}
+///deep/ .el-tabs__active-bar {
+//  display: none;
+//}
+//
+///deep/ .el-tabs__nav-wrap::after {
+//  display: none;
+//}
+.isBar {
+  /deep/ .el-tabs__nav-wrap::after {
+    display: initial;
+  }
 
-/deep/ .el-tabs__nav-wrap::after {
-  display: none;
+  /deep/ .el-tabs__header {
+    margin-bottom: 20px;
+  }
 }
-
 /deep/ .el-tabs__item {
-  padding: 0 5px;
+  padding: 0 10px;
   font-weight: 400;
 }
 

src/views/monthlyReport/childrenPage/editReport/components/OverallOverviewOfTheClient/index.vue

@@ -81,11 +81,11 @@ export default {
   }
 }
 
-/deep/ .el-tabs__active-bar {
-  display: none;
-}
-
-/deep/ .el-tabs__nav-wrap::after {
-  display: none;
-}
+///deep/ .el-tabs__active-bar {
+//  display: none;
+//}
+//
+///deep/ .el-tabs__nav-wrap::after {
+//  display: none;
+//}
 </style>