样式

frontend/src/business/components/common/components/MsTableButton.vue

@@ -40,4 +40,7 @@
 
 <style scoped>
 
+  .el-button {
+    padding: 8px 10px;
+  }
 </style>

frontend/src/business/components/common/components/MsTableHeader.vue

@@ -1,7 +1,7 @@
 <template>
 
   <div>
-    <el-row class="title" type="flex" justify="space-between" align="middle">
+    <el-row class="table-title" type="flex" justify="space-between" align="middle">
       <slot name="title">
          {{title}}
       </slot>
@@ -59,11 +59,20 @@
     }
 </script>
 
-<style scoped>
+<style>
 
-  .title {
+  .table-title {
     height: 40px;
     font-weight: bold;
+    font-size: 18px;
+  }
+
+</style>
+
+<style scoped>
+
+  .operate-button {
+    margin-bottom: -5px;
   }
 
 </style>

frontend/src/business/components/track/common/NodeBreadcrumb.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-breadcrumb separator-class="el-icon-arrow-right">
-    <el-breadcrumb-item>
-      <a @click="showAll">
+  <el-breadcrumb separator-class="el-icon-arrow-right" class="node-breadcrumb">
+    <el-breadcrumb-item class="node-breadcrumb">
+      <a @click="showAll" >
         <i class="el-icon-s-home"></i>&nbsp;
         {{$t('test_track.plan_view.all_case')}}
       </a>
@@ -47,4 +47,8 @@
 
 <style scoped>
 
+  .el-breadcrumb__item {
+    margin: 0 auto;
+  }
+
 </style>

frontend/src/business/components/track/plan/components/TestPlanTestCaseList.vue

@@ -3,7 +3,7 @@
       <template v-slot:header>
         <ms-table-header :condition.sync="condition" @search="initTableData" :show-create="false">
           <template v-slot:title>
-            <node-breadcrumb :node-names="selectNodeNames" @refresh="refresh"/>
+            <node-breadcrumb class="table-title" :node-names="selectNodeNames" @refresh="refresh"/>
           </template>
           <template v-slot:button>
             <ms-table-button v-if="!showMyTestCase" icon="el-icon-s-custom" :content="$t('test_track.plan_view.my_case')" @click="searchMyTestCase"/>
@@ -279,8 +279,4 @@
     width: 240px;
   }
 
-  .title {
-    height: 50px;
-  }
-
 </style>