perf: 修改 tab page 定位

src/components/Cards/RelationCard/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <IBox :title="title" :type="type" v-bind="$attrs">
+  <IBox :title="title" :type="type" class="the-box" v-bind="$attrs">
     <table class="CardTable" style="width: 100%;table-layout:fixed;">
       <tr>
         <td colspan="2">
@@ -311,7 +311,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang='scss' scoped>
   b, strong {
     font-weight: 700;
     font-size: 13px;
@@ -329,4 +329,8 @@ export default {
   .box-margin {
     margin-bottom: 20px;
   }
+
+  .the-box ::v-deep .el-card__body {
+    padding: 20px;
+  }
 </style>

src/components/DataActions/index.vue

@@ -253,6 +253,10 @@ $color-drop-menu-border: #e4e7ed;
     align-items: center;
     padding: 3px 6px;
     color: $btn-text-color;
+
+    * {
+      vertical-align: baseline !important;
+    }
   }
 
   ::v-deep .action-item.el-dropdown .el-button {

src/components/IBox/index.vue

@@ -82,7 +82,7 @@ export default {
   }
 
   .ibox >>> .el-card__body {
-    padding: 30px 30px 20px 30px;
+    //padding: 30px 30px 20px 30px; // 这个设置会影响详情中的 quick update 和 relations
     color: var(--color-icon-primary);
   }
 </style>

src/components/Table/ListTable/index.vue

@@ -255,10 +255,6 @@ export default {
       padding: 0;
     }
 
-    .el-table__header thead > tr > th {
-      background-color: white;
-    }
-
     .el-table__row .cell {
       overflow: hidden;
       white-space: nowrap;

src/layout/components/NavHeader/ViewSwitcher.vue

@@ -125,8 +125,6 @@ export default {
 <style lang="scss" scoped>
 .menu-main.el-menu {
   background-color: transparent;
-  border-right: solid 1px var(--color-border) !important;
-  border: solid 1px var(--color-border);
   letter-spacing: 0.09em;
 
   ::v-deep .el-submenu .el-submenu__title {
@@ -149,7 +147,6 @@ export default {
     width: 160px;
     line-height: 26px;
     padding: 4px 24px;
-    border-bottom: solid 1px var(--color-border);
 
     &:hover {
       background-color: var(--menu-hover);

src/layout/components/TabPage/index.vue

@@ -23,7 +23,13 @@
               <i v-if="item.icon" :class="item.icon" class="fa pre-icon " />
               {{ toSentenceCase(item.title) }}
               <slot :tab="item.name" name="badge" />
-              <el-tooltip v-if="item.helpTip" :open-delay="500" effect="dark" placement="bottom" popper-class="help-tips">
+              <el-tooltip
+                v-if="item.helpTip"
+                :open-delay="500"
+                effect="dark"
+                placement="bottom"
+                popper-class="help-tips"
+              >
                 <div slot="content" class="page-help-content" v-html="item.helpTip" />
                 <span>
                   <el-button class="help-msg-btn">
@@ -127,6 +133,7 @@ export default {
     this.iActiveMenu = this.getPropActiveTab()
   },
   mounted() {
+    console.log('Mounted ')
     this.iActiveMenu = this.getPropActiveTab()
   },
   methods: {
@@ -146,7 +153,7 @@ export default {
       let activeTab = ''
 
       const preActiveTabs = [
-        this.$route.query[this.$route.path],
+        this.$route.query['tab'],
         this.$cookie.get(this.$route.path),
         this.activeMenu
       ]

src/styles/index.scss

@@ -534,6 +534,11 @@ li.rmenu i.fa {
   }
 }
 
+.el-table__header thead > tr > th {
+  background-color: white;
+  font-weight: 600;
+}
+
 .el-card.no-border {
   margin-bottom: 20px;