refactor: track home 页面样式调整

frontend/src/business/components/track/home/TrackHome.vue

@@ -1,7 +1,7 @@
 <template>
   <ms-container>
     <ms-main-container>
-      <el-row>
+      <el-row :gutter="20">
         <el-col :span="15">
           <related-test-plan-list ref="relatedTestPlanList"/>
         </el-col>
@@ -14,33 +14,34 @@
 </template>
 
 <script>
-    import RelatedTestPlanList from "./components/RelatedTestPlanList";
-    import TestCaseSideList from "./components/TestCaseSideList";
-    import MsContainer from "../../common/components/MsContainer";
-    import MsMainContainer from "../../common/components/MsMainContainer";
-    export default {
-      name: "TrackHome",
-      components: {MsMainContainer, MsContainer, TestCaseSideList, RelatedTestPlanList},
-      watch: {
-        '$route'(to,from) {
-          if (to.path.indexOf('/track/home') > -1) {
-            this.innitData();
-          }
-        }
-      },
-      methods: {
-        innitData() {
-          this.$refs.relatedTestPlanList.initTableData();
-          this.$refs.testCaseRecentList.initTableData();
-        }
+import RelatedTestPlanList from "./components/RelatedTestPlanList";
+import TestCaseSideList from "./components/TestCaseSideList";
+import MsContainer from "../../common/components/MsContainer";
+import MsMainContainer from "../../common/components/MsMainContainer";
+
+export default {
+  name: "TrackHome",
+  components: {MsMainContainer, MsContainer, TestCaseSideList, RelatedTestPlanList},
+  watch: {
+    '$route'(to, from) {
+      if (to.path.indexOf('/track/home') > -1) {
+        this.innitData();
       }
     }
+  },
+  methods: {
+    innitData() {
+      this.$refs.relatedTestPlanList.initTableData();
+      this.$refs.testCaseRecentList.initTableData();
+    }
+  }
+}
 </script>
 
 <style scoped>
 
-  .ms-main-container >>> .el-table {
-    cursor:pointer;
-  }
+.ms-main-container >>> .el-table {
+  cursor: pointer;
+}
 
 </style>

frontend/src/business/components/track/home/components/HomeBaseComponent.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="track-home-component">
+  <div>
     <el-card>
       <template v-slot:header>
-        <span class="title">{{title}}</span>
+        <span class="title">{{ title }}</span>
       </template>
       <slot></slot>
     </el-card>
@@ -10,27 +10,19 @@
 </template>
 
 <script>
-    export default {
-      name: "HomeBaseComponent",
-      props: {
-        title: {
-          type: String,
-          default() {
-            this.$t('commons.title')
-          }
-        }
+export default {
+  name: "HomeBaseComponent",
+  props: {
+    title: {
+      type: String,
+      default() {
+        this.$t('commons.title')
       }
     }
+  }
+}
 </script>
 
 <style scoped>
 
-  .el-card {
-    padding: 15px;
-  }
-
-  .track-home-component {
-    padding: 0 15px 15px;
-  }
-
 </style>