我的项目模块下Tab样式更改

src/components/TrialsTab/index.vue

@@ -3,7 +3,7 @@
   <div class="trialsTab">
     <el-tabs v-model="trialsTab" @tab-click="clickTab">
       <el-tab-pane v-for="item of trialsRouter.children.find(v => {return v.name == 'TrialsPanel'}).children" :key="`tab${item.path}`" :disabled="TotalNeedSignTrialDocCount !== 0 && item.path !== '/trials/trials-panel/attachments'" :label="$t(item.LanguageMark)" :name="item.path">
-        <el-tabs v-if="!item.tabHiddn" v-model="trialsTabChild" @tab-click="clickTab">
+        <el-tabs v-if="!item.tabHiddn" v-model="trialsTabChild" @tab-click="clickTab" style="background-color: #f5f7fa;">
           <template v-for="item1 of item.children">
             <el-tab-pane
               v-if="TrialConfig && isShow(item1.path)"
@@ -224,6 +224,9 @@ export default {
     .el-tabs__header{
       margin-bottom: 3px;
     }
+    .el-tabs__item.is-active{
+      font-weight: bold;
+    }
     position: relative;
     .el-input--medium .el-input__inner{
       height: 44px;line-height: 44px;width: 280px;

src/views/trials/trials-layout/components/trialsNavbar.vue

@@ -379,6 +379,11 @@ export default {
       cursor: pointer;
     }
   }
+  .right-menu {
+    .el-menu-item.is-active {
+      font-weight: bolder;
+    }
+  }
   .center-menu {
     width: calc(100% - 1200px);
   }

src/views/trials/trials-panel/reading/read-task-allocation/index.vue

@@ -1,6 +1,6 @@
 /* eslint-disable */
 <template>
-  <BaseContainer>
+  <BaseContainer class="read-task-allocation">
     <el-tabs type="border-card" v-model="TrialReadingCriterionId">
       <el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId" v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
         <div v-if="TrialReadingCriterionId === i.TrialReadingCriterionId">
@@ -1013,6 +1013,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+  .read-task-allocation{
+    /deep/.search {
+      padding: 0px !important;
+    }
+  }
   /deep/ .hidden-row{
     display: none;
   }