From 9470cec489edb4537962c9ab9136b7f77c3f8aa2 Mon Sep 17 00:00:00 2001
From: BugKing <wangzhen@fit2cloud.com>
Date: Wed, 30 Jun 2021 18:44:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=A4=9A=E5=A4=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BD=BF=E5=B8=83=E5=B1=80=E6=9B=B4=E5=8A=A0?=
 =?UTF-8?q?=E7=B4=A7=E5=87=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/automation/report/ApiReportList.vue   |  3 +-
 .../report/components/MetricChart.vue         |  2 +-
 .../report/components/RequestMetric.vue       |  2 +-
 .../report/components/RequestText.vue         |  2 +-
 .../report/components/ResponseText.vue        |  2 +-
 .../api/automation/scenario/ApiCustomize.vue  |  7 ---
 .../automation/scenario/ApiScenarioList.vue   |  6 +--
 .../automation/scenario/EditApiScenario.vue   | 11 +----
 .../scenario/component/ApiComponent.vue       | 10 +---
 .../component/ApiScenarioComponent.vue        |  2 +-
 .../scenario/maximize/MaximizeScenario.vue    |  9 +---
 .../components/assertion/ApiAssertions.vue    |  2 +-
 .../components/case/ApiCaseItem.vue           |  8 ----
 .../components/case/ApiCaseList.vue           |  2 +-
 .../complete/EditCompleteDubboApi.vue         |  8 +---
 .../complete/EditCompleteHTTPApi.vue          |  8 ----
 .../complete/EditCompleteSQLApi.vue           |  8 +---
 .../complete/EditCompleteTCPApi.vue           |  8 +---
 .../components/debug/DebugDubboPage.vue       |  8 +---
 .../components/debug/DebugHttpPage.vue        |  8 ----
 .../components/debug/DebugJdbcPage.vue        |  8 +---
 .../components/debug/DebugTcpPage.vue         |  8 +---
 .../components/document/ApiDocumentAnchor.vue | 13 ++----
 .../components/document/ApiDocumentItem.vue   |  7 ---
 .../environment/EnvironmentTcpConfig.vue      |  2 +-
 .../components/extract/ApiExtract.vue         |  2 +-
 .../components/import/ApiSchedule.vue         |  2 +-
 .../components/list/ApiCaseSimpleList.vue     |  2 +-
 .../definition/components/list/ApiList.vue    |  6 +--
 .../definition/components/mock/MockConfig.vue |  8 ----
 .../request/database/BasisParameters.vue      |  8 ----
 .../components/request/tcp/TcpConfig.vue      |  2 +-
 .../components/response/RequestMetric.vue     |  2 +-
 .../components/response/ResponseResult.vue    |  2 +-
 .../components/response/ResponseText.vue      |  2 +-
 .../components/runtest/RunTestDubboPage.vue   |  7 ---
 .../components/runtest/RunTestHTTPPage.vue    |  7 ---
 .../components/runtest/RunTestSQLPage.vue     |  7 ---
 .../components/runtest/RunTestTCPPage.vue     |  7 ---
 .../definition/components/step/JmxStep.vue    |  8 ----
 .../api/report/components/MetricChart.vue     |  4 +-
 .../api/report/components/RequestMetric.vue   |  4 +-
 .../api/report/components/RequestText.vue     |  2 +-
 .../api/report/components/ResponseText.vue    |  2 +-
 .../components/api/test/OneClickOperation.vue |  2 +-
 .../environment/EnvironmentSSLConfig.vue      |  7 ---
 .../test/components/request/tcp/TcpConfig.vue |  2 +-
 .../common/components/MsFormDivider.vue       |  4 +-
 .../common/components/MsMainContainer.vue     |  2 +-
 .../common/components/MsModuleMinder.vue      |  2 +-
 .../components/search/MsTableAdvSearchBar.vue |  3 --
 .../common/json-schema/schema/editor/main.vue |  7 ---
 .../common/pagination/TablePagination.vue     |  2 +-
 .../components/history/HistoryDetail.vue      |  7 ---
 .../report/PerformanceTestReportList.vue      |  3 +-
 .../performance/test/EditPerformanceTest.vue  |  4 +-
 .../performance/test/PerformanceTestList.vue  |  3 +-
 .../test/components/EditMonitor.vue           |  2 +-
 .../components/PerformancePressureConfig.vue  |  1 -
 .../settings/operatinglog/LogDetail.vue       |  7 ---
 .../organization/components/JiraSetting.vue   |  2 +-
 .../organization/components/TapdSetting.vue   |  2 +-
 .../organization/components/ZentaoSetting.vue |  2 +-
 .../settings/personal/PersonSetting.vue       |  2 +-
 .../settings/project/ProjectList.vue          |  2 +-
 .../components/settings/system/EditUser.vue   |  2 +-
 .../settings/system/TestResourcePool.vue      |  2 +-
 .../components/settings/system/User.vue       | 11 +++--
 .../settings/system/group/GroupMember.vue     |  2 +-
 .../settings/workspace/MsProject.vue          |  2 +-
 .../workspace/template/FieldTemplateEdit.vue  |  2 +-
 .../components/track/case/TestCase.vue        |  2 +-
 .../track/case/components/TestCaseEdit.vue    |  2 +-
 .../track/case/components/TestCaseList.vue    |  4 +-
 .../track/issue/IssueEditDetail.vue           |  4 +-
 .../components/track/issue/IssueList.vue      |  4 +-
 .../track/plan/components/TestPlanEdit.vue    |  2 +-
 .../track/plan/components/TestPlanList.vue    |  6 +--
 .../report/components/TestPlanReportList.vue  |  5 +-
 .../review/components/TestCaseReviewEdit.vue  |  2 +-
 .../review/components/TestCaseReviewList.vue  |  5 +-
 frontend/src/common/css/main.css              | 46 ++++++++++++++++++-
 82 files changed, 131 insertions(+), 278 deletions(-)

diff --git a/frontend/src/business/components/api/automation/report/ApiReportList.vue b/frontend/src/business/components/api/automation/report/ApiReportList.vue
index 5fb478fb2f..577a8cdade 100644
--- a/frontend/src/business/components/api/automation/report/ApiReportList.vue
+++ b/frontend/src/business/components/api/automation/report/ApiReportList.vue
@@ -4,7 +4,6 @@
       <el-card class="table-card" v-loading="result.loading">
         <template v-slot:header>
           <ms-table-header :condition.sync="condition" @search="search"
-                           :title="$t('api_report.title')"
                            :show-create="false"/>
         </template>
         <el-table ref="reportListTable" border :data="tableData" class="adjust-table table-content" @sort-change="sort"
@@ -133,7 +132,7 @@ export default {
       selectAll: false,
       unSelection: [],
       selectDataCounts: 0,
-      screenHeight: 'calc(100vh - 295px)',
+      screenHeight: 'calc(100vh - 200px)',
     }
   },
 
diff --git a/frontend/src/business/components/api/automation/report/components/MetricChart.vue b/frontend/src/business/components/api/automation/report/components/MetricChart.vue
index a1fde5b8eb..a382d4ff7a 100644
--- a/frontend/src/business/components/api/automation/report/components/MetricChart.vue
+++ b/frontend/src/business/components/api/automation/report/components/MetricChart.vue
@@ -224,7 +224,7 @@
 
 <style scoped>
   .metric-container {
-    padding: 20px;
+    padding: 5px 10px;
   }
 
   .metric-container #chart {
diff --git a/frontend/src/business/components/api/automation/report/components/RequestMetric.vue b/frontend/src/business/components/api/automation/report/components/RequestMetric.vue
index b52a45bf62..990c37ad4f 100644
--- a/frontend/src/business/components/api/automation/report/components/RequestMetric.vue
+++ b/frontend/src/business/components/api/automation/report/components/RequestMetric.vue
@@ -35,7 +35,7 @@
 
 <style scoped>
   .metric-container {
-    padding: 20px;
+    padding: 5px 10px;
   }
 
   .metric {
diff --git a/frontend/src/business/components/api/automation/report/components/RequestText.vue b/frontend/src/business/components/api/automation/report/components/RequestText.vue
index 5ade3d474d..acf5c55d7b 100644
--- a/frontend/src/business/components/api/automation/report/components/RequestText.vue
+++ b/frontend/src/business/components/api/automation/report/components/RequestText.vue
@@ -62,7 +62,7 @@
 
   .text-container .pane {
     background-color: #F9F9F9;
-    padding: 10px;
+    padding: 1px 0;
     height: 250px;
     overflow-y: auto;
   }
diff --git a/frontend/src/business/components/api/automation/report/components/ResponseText.vue b/frontend/src/business/components/api/automation/report/components/ResponseText.vue
index f7f7ea82a0..4326cddbfb 100644
--- a/frontend/src/business/components/api/automation/report/components/ResponseText.vue
+++ b/frontend/src/business/components/api/automation/report/components/ResponseText.vue
@@ -142,7 +142,7 @@ export default {
 
 .text-container .pane {
   background-color: #F5F5F5;
-  padding: 0 10px;
+  padding: 1px 0;
   height: 250px;
   overflow-y: auto;
 }
diff --git a/frontend/src/business/components/api/automation/scenario/ApiCustomize.vue b/frontend/src/business/components/api/automation/scenario/ApiCustomize.vue
index cada0342d6..91e3cf864d 100644
--- a/frontend/src/business/components/api/automation/scenario/ApiCustomize.vue
+++ b/frontend/src/business/components/api/automation/scenario/ApiCustomize.vue
@@ -84,12 +84,5 @@
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 20px 0;
-  }
 
 </style>
diff --git a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
index d42d49860c..00225884ec 100644
--- a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
+++ b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
@@ -288,7 +288,7 @@ export default {
       type: API_SCENARIO_LIST,
       fields: getCustomTableHeader('API_SCENARIO'),
       fieldsWidth: getCustomTableWidth('API_SCENARIO'),
-      screenHeight: 'calc(100vh - 275px)',//屏幕高度,
+      screenHeight: 'calc(100vh - 220px)',//屏幕高度,
       condition: {
         components: API_SCENARIO_CONFIGS
       },
@@ -942,7 +942,7 @@ export default {
   padding: 10px;
 }
 
-/deep/ .el-table__fixed-body-wrapper {
+/* /deep/ .el-table__fixed-body-wrapper {
   top: 60px !important;
-}
+} */
 </style>
diff --git a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
index 23c80d3ae5..facbe14a16 100644
--- a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
@@ -1259,7 +1259,7 @@ export default {
 
 <style scoped>
 .card-content {
-  height: calc(100vh - 196px);
+  height: calc(100vh - 156px);
   overflow-y: auto;
 }
 
@@ -1282,13 +1282,6 @@ export default {
   padding: 7px;
 }
 
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-}
-
 .ms-api-col {
   background-color: #7C3985;
   border-color: #7C3985;
@@ -1318,7 +1311,7 @@ export default {
 }
 
 /deep/ .el-card__body {
-  padding: 10px;
+  padding: 6px 10px;
 }
 
 /deep/ .el-drawer__body {
diff --git a/frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue b/frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue
index a1933c0ee0..e2a0a4332c 100644
--- a/frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue
@@ -431,15 +431,7 @@ export default {
 }
 
 /deep/ .el-card__body {
-  padding: 10px;
-}
-
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-  margin: 20px 0;
+  padding: 6px 10px;
 }
 
 .icon.is-active {
diff --git a/frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue b/frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue
index d019e652b5..cc905a11e4 100644
--- a/frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue
@@ -171,7 +171,7 @@
 <style scoped>
 
   /deep/ .el-card__body {
-    padding: 15px;
+    padding: 6px 10px;
   }
 
   .icon.is-active {
diff --git a/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue b/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
index bf3eeb7cfa..66e84be2a2 100644
--- a/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/maximize/MaximizeScenario.vue
@@ -1041,13 +1041,6 @@ export default {
   padding: 7px;
 }
 
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-}
-
 .ms-api-col {
   background-color: #7C3985;
   border-color: #7C3985;
@@ -1077,7 +1070,7 @@ export default {
 }
 
 /deep/ .el-card__body {
-  padding: 5px;
+  padding: 6px 10px;
 }
 
 /deep/ .el-drawer__body {
diff --git a/frontend/src/business/components/api/definition/components/assertion/ApiAssertions.vue b/frontend/src/business/components/api/definition/components/assertion/ApiAssertions.vue
index 190d4bdc9e..4e32617d4b 100644
--- a/frontend/src/business/components/api/definition/components/assertion/ApiAssertions.vue
+++ b/frontend/src/business/components/api/definition/components/assertion/ApiAssertions.vue
@@ -187,6 +187,6 @@
   }
 
   /deep/ .el-card__body {
-    padding: 15px;
+    padding: 6px 10px;
   }
 </style>
diff --git a/frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue b/frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue
index 69f01fb892..e9c2f29012 100644
--- a/frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue
+++ b/frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue
@@ -432,14 +432,6 @@
     color: white;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 20px 0;
-  }
-
   .is-selected {
     background: #EFF7FF;
   }
diff --git a/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue b/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
index 0f0c5baefb..4508438d4b 100644
--- a/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
+++ b/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
@@ -447,7 +447,7 @@ export default {
 <style scoped>
 
 .ms-drawer >>> .ms-drawer-body {
-  margin-top: 80px;
+  margin-top: 40px;
 }
 
 </style>
diff --git a/frontend/src/business/components/api/definition/components/complete/EditCompleteDubboApi.vue b/frontend/src/business/components/api/definition/components/complete/EditCompleteDubboApi.vue
index 714cad784c..2dbb0b352c 100644
--- a/frontend/src/business/components/api/definition/components/complete/EditCompleteDubboApi.vue
+++ b/frontend/src/business/components/api/definition/components/complete/EditCompleteDubboApi.vue
@@ -117,11 +117,5 @@
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px 20px 0px;
-  }
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue b/frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue
index bf021b55e3..3ae43c9c6f 100644
--- a/frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue
+++ b/frontend/src/business/components/api/definition/components/complete/EditCompleteHTTPApi.vue
@@ -365,14 +365,6 @@
     width: 100%;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 20px 0;
-  }
-
   .ms-http-textarea {
     width: 100%;
   }
diff --git a/frontend/src/business/components/api/definition/components/complete/EditCompleteSQLApi.vue b/frontend/src/business/components/api/definition/components/complete/EditCompleteSQLApi.vue
index 23ab6f4048..12665ad2f0 100644
--- a/frontend/src/business/components/api/definition/components/complete/EditCompleteSQLApi.vue
+++ b/frontend/src/business/components/api/definition/components/complete/EditCompleteSQLApi.vue
@@ -114,11 +114,5 @@ export default {
 </script>
 
 <style scoped>
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-  margin: 0px 20px 0px;
-}
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/complete/EditCompleteTCPApi.vue b/frontend/src/business/components/api/definition/components/complete/EditCompleteTCPApi.vue
index 064c1b72cd..c1c15ef943 100644
--- a/frontend/src/business/components/api/definition/components/complete/EditCompleteTCPApi.vue
+++ b/frontend/src/business/components/api/definition/components/complete/EditCompleteTCPApi.vue
@@ -194,11 +194,5 @@ export default {
 </script>
 
 <style scoped>
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-  margin: 0px 20px 0px;
-}
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
index b4887a0d45..ef9cbff6fd 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugDubboPage.vue
@@ -159,11 +159,5 @@
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px;
-  }
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
index 507fbdfcd6..4637bc4ad1 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugHttpPage.vue
@@ -247,12 +247,4 @@
     width: 500px;
     margin-top: 5px;
   }
-
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 20px 0;
-  }
 </style>
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
index 6a34428129..10e46c4207 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugJdbcPage.vue
@@ -162,11 +162,5 @@
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px;
-  }
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue b/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
index 10c7a385a4..9dde689878 100644
--- a/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
+++ b/frontend/src/business/components/api/definition/components/debug/DebugTcpPage.vue
@@ -169,11 +169,5 @@
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px;
-  }
+
 </style>
diff --git a/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue b/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
index 82a1466401..f88f64c33c 100644
--- a/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
+++ b/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
@@ -27,7 +27,7 @@
           <api-document-batch-share v-xpack v-if="showXpackCompnent" @shareApiDocument="shareApiDocument" :project-id="projectId" :share-url="batchShareUrl" style="float: right;margin: 6px;font-size: 17px"/>
         </el-row>
         <el-row v-else
-                style="margin-top: 0px;position: fixed;float: right;margin-right: 0px;margin-left: 400px;top: 150px; right: 90px; z-index: 9999">
+                style="margin-top: 0px;position: fixed;float: right;margin-right: 0px;margin-left: 400px;top: 135px; right: 90px; z-index: 9999">
           <el-select size="small" :placeholder="$t('api_test.definition.document.order')"
                      v-model="apiSearch.orderCondition" style="float: right;width: 180px;margin-right: 5px"
                      class="ms-api-header-select" @change="initApiDocSimpleList" clearable>
@@ -304,7 +304,7 @@
         </div>
       </el-main>
       <!-- 右侧列表 -->
-      <el-aside width="200px" style="margin-top: 70px;">
+      <el-aside width="200px" style="margin-top: 30px;">
         <div ref="apiDocList" >
           <el-steps style="height: 40%" direction="vertical" :active="apiStepIndex">
             <el-step v-for="(apiInfo) in apiInfoArray" :key="apiInfo.id" @click.native="clickStep(apiInfo.id)">
@@ -454,7 +454,7 @@ export default {
     },
     changeFixed(clientHeight) {
       if (this.$refs.apiDocInfoDiv) {
-        let countPageHeight = 300;
+        let countPageHeight = 210;
         if(this.pageHeaderHeight!=0 && this.pageHeaderHeight != null){
           countPageHeight = this.pageHeaderHeight
         }
@@ -869,13 +869,6 @@ export default {
   margin: 20px 5px;
 }
 
-.tip {
-  padding: 3px 5px;
-  font-size: 14px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-}
-
 .apiInfoRow {
   margin: 10px 10px;
 }
diff --git a/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue b/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
index 73ec5ac3db..71fa95f0f2 100644
--- a/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
+++ b/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
@@ -647,13 +647,6 @@ export default {
   margin: 20px 10px;
 }
 
-.tip {
-  padding: 3px 5px;
-  font-size: 14px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-}
-
 .apiInfoRow {
   margin: 20px 10px;
 }
diff --git a/frontend/src/business/components/api/definition/components/environment/EnvironmentTcpConfig.vue b/frontend/src/business/components/api/definition/components/environment/EnvironmentTcpConfig.vue
index 879c4b8b6f..6aeb70ee3d 100644
--- a/frontend/src/business/components/api/definition/components/environment/EnvironmentTcpConfig.vue
+++ b/frontend/src/business/components/api/definition/components/environment/EnvironmentTcpConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly"
+  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
            size="small">
 
     <el-row :gutter="10">
diff --git a/frontend/src/business/components/api/definition/components/extract/ApiExtract.vue b/frontend/src/business/components/api/definition/components/extract/ApiExtract.vue
index 3b8fab00a6..1a63f4890e 100644
--- a/frontend/src/business/components/api/definition/components/extract/ApiExtract.vue
+++ b/frontend/src/business/components/api/definition/components/extract/ApiExtract.vue
@@ -174,6 +174,6 @@
   }
 
   /deep/ .el-card__body {
-    padding: 15px;
+    padding: 6px 10px;
   }
 </style>
diff --git a/frontend/src/business/components/api/definition/components/import/ApiSchedule.vue b/frontend/src/business/components/api/definition/components/import/ApiSchedule.vue
index 7a0346d248..22ebe77f30 100644
--- a/frontend/src/business/components/api/definition/components/import/ApiSchedule.vue
+++ b/frontend/src/business/components/api/definition/components/import/ApiSchedule.vue
@@ -1,7 +1,7 @@
 <template>
   <el-main>
     <div  class="api-schedule-form">
-      <el-form :model="formData" :rules="rules" v-loading="result.loading" label-width="140px" ref="form">
+      <el-form :model="formData" :rules="rules" v-loading="result.loading" label-width="80px" ref="form">
         <el-row>
           <el-col :span="12">
             <el-form-item :label="'Swagger URL'" prop="swaggerUrl" class="swagger-url">
diff --git a/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue b/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
index e5ce827449..27a321bbb1 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiCaseSimpleList.vue
@@ -254,7 +254,7 @@ export default {
       currentPage: 1,
       pageSize: 10,
       total: 0,
-      screenHeight: 'calc(100vh - 320px)',//屏幕高度
+      screenHeight: 'calc(100vh - 250px)',//屏幕高度
       environmentId: undefined,
       selectAll: false,
       unSelection: [],
diff --git a/frontend/src/business/components/api/definition/components/list/ApiList.vue b/frontend/src/business/components/api/definition/components/list/ApiList.vue
index fcc8705f2e..f0856aa02b 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiList.vue
@@ -358,7 +358,7 @@ export default {
       currentPage: 1,
       pageSize: 10,
       total: 0,
-      screenHeight: 'calc(100vh - 320px)',//屏幕高度,
+      screenHeight: 'calc(100vh - 250px)',//屏幕高度,
       environmentId: undefined,
       selectDataCounts: 0,
     };
@@ -867,8 +867,8 @@ export default {
   top: -2px;
 }
 
-/deep/ .el-table__fixed-body-wrapper {
+/* /deep/ .el-table__fixed-body-wrapper {
   top: 60px !important;
-}
+} */
 
 </style>
diff --git a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
index 02bc7ff61e..4db85d68a3 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockConfig.vue
@@ -370,14 +370,6 @@ export default {
 </script>
 
 <style scoped>
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-  margin: 20px 0;
-}
-
 .search-input {
   float: right;
   width: 300px;
diff --git a/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue b/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
index 1cfcd5b8d5..5b1c677488 100644
--- a/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
+++ b/frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue
@@ -292,12 +292,4 @@
   /deep/ .el-form-item {
     margin-bottom: 15px;
   }
-
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px 20px 0px;
-  }
 </style>
diff --git a/frontend/src/business/components/api/definition/components/request/tcp/TcpConfig.vue b/frontend/src/business/components/api/definition/components/request/tcp/TcpConfig.vue
index 24b97dc2a4..ab8797fd87 100644
--- a/frontend/src/business/components/api/definition/components/request/tcp/TcpConfig.vue
+++ b/frontend/src/business/components/api/definition/components/request/tcp/TcpConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly"
+  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
            size="small">
 
     <el-form-item label="TCPClient" prop="classname">
diff --git a/frontend/src/business/components/api/definition/components/response/RequestMetric.vue b/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
index 46643f5a35..b522c9f2c1 100644
--- a/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
+++ b/frontend/src/business/components/api/definition/components/response/RequestMetric.vue
@@ -41,7 +41,7 @@
 
 <style scoped>
   .metric-container {
-    padding-bottom: 20px;
+    padding-bottom: 10px;
   }
 
   .node-title {
diff --git a/frontend/src/business/components/api/definition/components/response/ResponseResult.vue b/frontend/src/business/components/api/definition/components/response/ResponseResult.vue
index 51c0775207..ebb1cceda9 100644
--- a/frontend/src/business/components/api/definition/components/response/ResponseResult.vue
+++ b/frontend/src/business/components/api/definition/components/response/ResponseResult.vue
@@ -160,7 +160,7 @@
 
   .text-container .pane {
     background-color: #F5F5F5;
-    padding: 0 10px;
+  padding: 1px 0;
     height: 250px;
     overflow-y: auto;
   }
diff --git a/frontend/src/business/components/api/definition/components/response/ResponseText.vue b/frontend/src/business/components/api/definition/components/response/ResponseText.vue
index 688789ccd2..1760e49247 100644
--- a/frontend/src/business/components/api/definition/components/response/ResponseText.vue
+++ b/frontend/src/business/components/api/definition/components/response/ResponseText.vue
@@ -85,7 +85,7 @@
 
   .text-container .pane {
     background-color: white;
-    padding: 0 10px;
+  padding: 1px 0;
     height: 250px;
     overflow-y: auto;
   }
diff --git a/frontend/src/business/components/api/definition/components/runtest/RunTestDubboPage.vue b/frontend/src/business/components/api/definition/components/runtest/RunTestDubboPage.vue
index ec6639343e..2a2f2305e6 100644
--- a/frontend/src/business/components/api/definition/components/runtest/RunTestDubboPage.vue
+++ b/frontend/src/business/components/api/definition/components/runtest/RunTestDubboPage.vue
@@ -256,13 +256,6 @@ export default {
     padding: 7px;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
-
   /deep/ .el-drawer {
     overflow: auto;
   }
diff --git a/frontend/src/business/components/api/definition/components/runtest/RunTestHTTPPage.vue b/frontend/src/business/components/api/definition/components/runtest/RunTestHTTPPage.vue
index 37fa5114b3..1dcc1d60b9 100644
--- a/frontend/src/business/components/api/definition/components/runtest/RunTestHTTPPage.vue
+++ b/frontend/src/business/components/api/definition/components/runtest/RunTestHTTPPage.vue
@@ -253,13 +253,6 @@
     width: 350px;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
-
   /deep/ .el-drawer {
     overflow: auto;
   }
diff --git a/frontend/src/business/components/api/definition/components/runtest/RunTestSQLPage.vue b/frontend/src/business/components/api/definition/components/runtest/RunTestSQLPage.vue
index 13bb6d813e..5a4fcb51d0 100644
--- a/frontend/src/business/components/api/definition/components/runtest/RunTestSQLPage.vue
+++ b/frontend/src/business/components/api/definition/components/runtest/RunTestSQLPage.vue
@@ -249,13 +249,6 @@ export default {
 </script>
 
 <style scoped>
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
-
   /deep/ .el-drawer {
     overflow: auto;
   }
diff --git a/frontend/src/business/components/api/definition/components/runtest/RunTestTCPPage.vue b/frontend/src/business/components/api/definition/components/runtest/RunTestTCPPage.vue
index 12673eb6c7..c94bd7c9c9 100644
--- a/frontend/src/business/components/api/definition/components/runtest/RunTestTCPPage.vue
+++ b/frontend/src/business/components/api/definition/components/runtest/RunTestTCPPage.vue
@@ -257,13 +257,6 @@ export default {
   padding: 7px;
 }
 
-.tip {
-  padding: 3px 5px;
-  font-size: 16px;
-  border-radius: 4px;
-  border-left: 4px solid #783887;
-}
-
 /deep/ .el-drawer {
   overflow: auto;
 }
diff --git a/frontend/src/business/components/api/definition/components/step/JmxStep.vue b/frontend/src/business/components/api/definition/components/step/JmxStep.vue
index 4d35055572..4ddb14cff7 100644
--- a/frontend/src/business/components/api/definition/components/step/JmxStep.vue
+++ b/frontend/src/business/components/api/definition/components/step/JmxStep.vue
@@ -239,12 +239,4 @@
     border: #E6EEF2;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 20px 0;
-  }
-
 </style>
diff --git a/frontend/src/business/components/api/report/components/MetricChart.vue b/frontend/src/business/components/api/report/components/MetricChart.vue
index 3643ca5e4e..5f3eab53fc 100644
--- a/frontend/src/business/components/api/report/components/MetricChart.vue
+++ b/frontend/src/business/components/api/report/components/MetricChart.vue
@@ -163,7 +163,7 @@ export default {
 
 <style scoped>
 .metric-container {
-  padding: 20px;
+  padding: 5px 10px;
 }
 
 .metric-container #chart {
@@ -173,7 +173,7 @@ export default {
 }
 
 .metric-container .split {
-  margin: 20px;
+  margin: 10px;
   height: 100px;
   border-left: 1px solid #D8DBE1;
 }
diff --git a/frontend/src/business/components/api/report/components/RequestMetric.vue b/frontend/src/business/components/api/report/components/RequestMetric.vue
index cdffc5d23d..ae32668d90 100644
--- a/frontend/src/business/components/api/report/components/RequestMetric.vue
+++ b/frontend/src/business/components/api/report/components/RequestMetric.vue
@@ -51,11 +51,11 @@
 
 <style scoped>
   .metric-container {
-    padding: 20px;
+    padding: 5px 10px;
   }
 
   .metric {
-    padding: 20px;
+    padding: 10px;
     border: 1px solid #EBEEF5;
     min-width: 120px;
     height: 114px;
diff --git a/frontend/src/business/components/api/report/components/RequestText.vue b/frontend/src/business/components/api/report/components/RequestText.vue
index 5ade3d474d..d8d5551f41 100644
--- a/frontend/src/business/components/api/report/components/RequestText.vue
+++ b/frontend/src/business/components/api/report/components/RequestText.vue
@@ -62,7 +62,7 @@
 
   .text-container .pane {
     background-color: #F9F9F9;
-    padding: 10px;
+  padding: 1px 0;
     height: 250px;
     overflow-y: auto;
   }
diff --git a/frontend/src/business/components/api/report/components/ResponseText.vue b/frontend/src/business/components/api/report/components/ResponseText.vue
index c865e02279..683803eeb7 100644
--- a/frontend/src/business/components/api/report/components/ResponseText.vue
+++ b/frontend/src/business/components/api/report/components/ResponseText.vue
@@ -122,7 +122,7 @@ export default {
 
   .text-container .pane {
     background-color: #F5F5F5;
-    padding: 0 10px;
+  padding: 1px 0;
     height: 250px;
     overflow-y: auto;
   }
diff --git a/frontend/src/business/components/api/test/OneClickOperation.vue b/frontend/src/business/components/api/test/OneClickOperation.vue
index d2f5ecf3f8..e3950d3588 100644
--- a/frontend/src/business/components/api/test/OneClickOperation.vue
+++ b/frontend/src/business/components/api/test/OneClickOperation.vue
@@ -7,7 +7,7 @@
     :destroy-on-close="true"
     show-close
     @closed="handleClose">
-    <el-form :model="ruleForm" label-position="right" label-width="120px" size="small" :rules="rule">
+    <el-form :model="ruleForm" label-position="right" label-width="100px" size="small" :rules="rule">
       <el-form-item :label="$t('test_track.case.test_name')" prop="testName">
         <el-input v-model="ruleForm.testName" autocomplete="off" clearable show-word-limit></el-input>
       </el-form-item>
diff --git a/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue b/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
index c2dc0223ef..16f5590f1e 100644
--- a/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
+++ b/frontend/src/business/components/api/test/components/environment/EnvironmentSSLConfig.vue
@@ -194,11 +194,4 @@
   .ms-el-form-item__content >>> .el-form-item__content {
     line-height: 20px;
   }
-
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
 </style>
diff --git a/frontend/src/business/components/api/test/components/request/tcp/TcpConfig.vue b/frontend/src/business/components/api/test/components/request/tcp/TcpConfig.vue
index 22ae2bd8f9..8336fbc46a 100644
--- a/frontend/src/business/components/api/test/components/request/tcp/TcpConfig.vue
+++ b/frontend/src/business/components/api/test/components/request/tcp/TcpConfig.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="120px" :disabled="isReadOnly"
+  <el-form class="tcp" :model="config" :rules="rules" ref="config" label-width="100px" :disabled="isReadOnly"
            size="small">
 
     <el-form-item label="TCPClient" prop="classname">
diff --git a/frontend/src/business/components/common/components/MsFormDivider.vue b/frontend/src/business/components/common/components/MsFormDivider.vue
index fdcc9ebfb4..3094ee71d4 100644
--- a/frontend/src/business/components/common/components/MsFormDivider.vue
+++ b/frontend/src/business/components/common/components/MsFormDivider.vue
@@ -13,9 +13,9 @@ export default {
 p {
   padding: 3px 5px;
   font-size: 16px;
-  border-radius: 4px;
+  border-radius: 0px;
   border-left: 4px solid #783887;
-  margin: 20px 0;
+  margin: 5px 5px 10px 5px;
 }
 
 </style>
diff --git a/frontend/src/business/components/common/components/MsMainContainer.vue b/frontend/src/business/components/common/components/MsMainContainer.vue
index 578109d154..04939d4a10 100644
--- a/frontend/src/business/components/common/components/MsMainContainer.vue
+++ b/frontend/src/business/components/common/components/MsMainContainer.vue
@@ -13,7 +13,7 @@
 <style scoped>
 
   .ms-main-container {
-    padding: 15px;
+    padding: 5px 10px;
     height: calc(100vh - 80px);
   }
 
diff --git a/frontend/src/business/components/common/components/MsModuleMinder.vue b/frontend/src/business/components/common/components/MsModuleMinder.vue
index ff001b560e..4c100f567f 100644
--- a/frontend/src/business/components/common/components/MsModuleMinder.vue
+++ b/frontend/src/business/components/common/components/MsModuleMinder.vue
@@ -84,7 +84,7 @@ export default {
     }
   },
   created() {
-    this.height = document.body.clientHeight - 340;
+    this.height = document.body.clientHeight - 285;
   },
   mounted() {
     this.defaultMode = 3;
diff --git a/frontend/src/business/components/common/components/search/MsTableAdvSearchBar.vue b/frontend/src/business/components/common/components/search/MsTableAdvSearchBar.vue
index 451965d1df..b5d183fa59 100644
--- a/frontend/src/business/components/common/components/search/MsTableAdvSearchBar.vue
+++ b/frontend/src/business/components/common/components/search/MsTableAdvSearchBar.vue
@@ -128,9 +128,6 @@
 </style>
 
 <style scoped>
-  .adv-search-bar {
-    margin-left: 5px;
-  }
 
   .dialog-footer {
     text-align: center;
diff --git a/frontend/src/business/components/common/json-schema/schema/editor/main.vue b/frontend/src/business/components/common/json-schema/schema/editor/main.vue
index 68d79571bf..a0ca24c995 100644
--- a/frontend/src/business/components/common/json-schema/schema/editor/main.vue
+++ b/frontend/src/business/components/common/json-schema/schema/editor/main.vue
@@ -386,13 +386,6 @@
     cursor: pointer;
   }
 
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-    margin: 0px 0px 10px;
-  }
   .ms-transform {
     transform: rotate(-180deg);
     transition: 0ms;
diff --git a/frontend/src/business/components/common/pagination/TablePagination.vue b/frontend/src/business/components/common/pagination/TablePagination.vue
index addab8712d..62146d2a35 100644
--- a/frontend/src/business/components/common/pagination/TablePagination.vue
+++ b/frontend/src/business/components/common/pagination/TablePagination.vue
@@ -54,6 +54,6 @@
 
 <style scoped>
   .table-page {
-    padding-top: 20px;
+    padding-top: 10px;
   }
 </style>
diff --git a/frontend/src/business/components/history/HistoryDetail.vue b/frontend/src/business/components/history/HistoryDetail.vue
index 7af8495646..22462ed472 100644
--- a/frontend/src/business/components/history/HistoryDetail.vue
+++ b/frontend/src/business/components/history/HistoryDetail.vue
@@ -58,11 +58,4 @@
 <style scoped>
   @import "~jsondiffpatch/dist/formatters-styles/html.css";
   @import "~jsondiffpatch/dist/formatters-styles/annotated.css";
-
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
 </style>
diff --git a/frontend/src/business/components/performance/report/PerformanceTestReportList.vue b/frontend/src/business/components/performance/report/PerformanceTestReportList.vue
index e4d32f018c..1ee03ce808 100644
--- a/frontend/src/business/components/performance/report/PerformanceTestReportList.vue
+++ b/frontend/src/business/components/performance/report/PerformanceTestReportList.vue
@@ -4,7 +4,6 @@
       <el-card class="table-card">
         <template v-slot:header>
           <ms-table-header :condition.sync="condition" @search="search"
-                           :title="$t('commons.report')"
                            :show-create="false"/>
         </template>
 
@@ -174,7 +173,7 @@ export default {
       total: 0,
       loading: false,
       testId: null,
-      screenHeight: 'calc(100vh - 295px)',
+      screenHeight: 'calc(100vh - 200px)',
       statusFilters: [
         {text: 'Starting', value: 'Starting'},
         {text: 'Running', value: 'Running'},
diff --git a/frontend/src/business/components/performance/test/EditPerformanceTest.vue b/frontend/src/business/components/performance/test/EditPerformanceTest.vue
index 72bc0eb922..1ab5d7f95c 100644
--- a/frontend/src/business/components/performance/test/EditPerformanceTest.vue
+++ b/frontend/src/business/components/performance/test/EditPerformanceTest.vue
@@ -412,7 +412,7 @@ export default {
 <style scoped>
 
 .testplan-config {
-  margin-top: 15px;
+  margin-top: 5px;
 }
 
 .el-select {
@@ -424,7 +424,7 @@ export default {
 }
 
 .advanced-config {
-  height: calc(100vh - 265px);
+  height: calc(100vh - 210px);
   overflow: auto;
 }
 
diff --git a/frontend/src/business/components/performance/test/PerformanceTestList.vue b/frontend/src/business/components/performance/test/PerformanceTestList.vue
index 811e8828d1..c591bf1ed4 100644
--- a/frontend/src/business/components/performance/test/PerformanceTestList.vue
+++ b/frontend/src/business/components/performance/test/PerformanceTestList.vue
@@ -4,7 +4,6 @@
       <el-card class="table-card" v-loading="result.loading">
         <template v-slot:header>
           <ms-table-header :condition.sync="condition" @search="search"
-                           :title="$t('commons.test')"
                            :create-permission="['PROJECT_PERFORMANCE_TEST:READ+CREATE']"
                            @create="create" :createTip="$t('load_test.create')"/>
         </template>
@@ -153,7 +152,7 @@ export default {
         {text: 'Error', value: 'Error'}
       ],
       userFilters: [],
-      screenHeight: 'calc(100vh - 295px)',
+      screenHeight: 'calc(100vh - 200px)',
     };
   },
   watch: {
diff --git a/frontend/src/business/components/performance/test/components/EditMonitor.vue b/frontend/src/business/components/performance/test/components/EditMonitor.vue
index 6ac7515e32..0a5aa23364 100644
--- a/frontend/src/business/components/performance/test/components/EditMonitor.vue
+++ b/frontend/src/business/components/performance/test/components/EditMonitor.vue
@@ -8,7 +8,7 @@
     :destroy-on-close="true"
     v-loading="result.loading"
   >
-    <el-form :model="form" label-position="right" label-width="140px" size="small" :rules="rule" ref="monitorForm">
+    <el-form :model="form" label-position="right" label-width="80px" size="small" :rules="rule" ref="monitorForm">
       <el-form-item :label="$t('commons.name')" prop="name">
         <el-input v-model="form.name" autocomplete="off"/>
       </el-form-item>
diff --git a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
index 330cd47818..ef00c0d001 100644
--- a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
+++ b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
@@ -739,7 +739,6 @@ export default {
 }
 
 .el-col {
-  margin-top: 5px;
   text-align: left;
 }
 
diff --git a/frontend/src/business/components/settings/operatinglog/LogDetail.vue b/frontend/src/business/components/settings/operatinglog/LogDetail.vue
index e9dad0bf37..697cee8e35 100644
--- a/frontend/src/business/components/settings/operatinglog/LogDetail.vue
+++ b/frontend/src/business/components/settings/operatinglog/LogDetail.vue
@@ -159,11 +159,4 @@
 <style scoped>
   @import "~jsondiffpatch/dist/formatters-styles/html.css";
   @import "~jsondiffpatch/dist/formatters-styles/annotated.css";
-
-  .tip {
-    padding: 3px 5px;
-    font-size: 16px;
-    border-radius: 4px;
-    border-left: 4px solid #783887;
-  }
 </style>
diff --git a/frontend/src/business/components/settings/organization/components/JiraSetting.vue b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
index ebb8be7f56..a167e16cb6 100644
--- a/frontend/src/business/components/settings/organization/components/JiraSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
@@ -2,7 +2,7 @@
   <div>
     <div style="width: 500px">
       <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
-      <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
+      <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
         <el-form-item :label="$t('organization.integration.account')" prop="account">
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/organization/components/TapdSetting.vue b/frontend/src/business/components/settings/organization/components/TapdSetting.vue
index cc4c757da7..d4f69cd713 100644
--- a/frontend/src/business/components/settings/organization/components/TapdSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/TapdSetting.vue
@@ -2,7 +2,7 @@
   <div>
     <div style="width: 500px">
       <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
-      <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
+      <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
         <el-form-item :label="$t('organization.integration.api_account')" prop="account">
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue b/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
index 30ee7593a8..7398baa0c3 100644
--- a/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/ZentaoSetting.vue
@@ -2,7 +2,7 @@
   <div>
     <div style="width: 500px">
       <div style="margin-top: 20px;margin-bottom: 10px">{{ $t('organization.integration.basic_auth_info') }}</div>
-      <el-form :model="form" ref="form" label-width="120px" size="small" :disabled="show" :rules="rules">
+      <el-form :model="form" ref="form" label-width="100px" size="small" :disabled="show" :rules="rules">
         <el-form-item :label="$t('organization.integration.account')" prop="account">
           <el-input v-model="form.account" :placeholder="$t('organization.integration.input_api_account')"/>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/personal/PersonSetting.vue b/frontend/src/business/components/settings/personal/PersonSetting.vue
index 4146d4586c..607eabbf1d 100644
--- a/frontend/src/business/components/settings/personal/PersonSetting.vue
+++ b/frontend/src/business/components/settings/personal/PersonSetting.vue
@@ -63,7 +63,7 @@
     <!--Change personal password-->
     <el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible" width="35%"
                :destroy-on-close="true" @close="handleClose" left>
-      <el-form :model="ruleForm" :rules="rules" ref="editPasswordForm" label-width="120px" class="demo-ruleForm">
+      <el-form :model="ruleForm" :rules="rules" ref="editPasswordForm" label-width="100px" class="demo-ruleForm">
         <el-form-item :label="$t('member.old_password')" prop="password" style="margin-bottom: 29px">
           <el-input v-model="ruleForm.password" autocomplete="off" show-password/>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/project/ProjectList.vue b/frontend/src/business/components/settings/project/ProjectList.vue
index 38c518e108..3989180d6d 100644
--- a/frontend/src/business/components/settings/project/ProjectList.vue
+++ b/frontend/src/business/components/settings/project/ProjectList.vue
@@ -83,7 +83,7 @@
 
     <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
                @close="handleClose">
-      <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="140px" size="small">
+      <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="80px" size="small">
         <el-form-item :label="$t('commons.name')" prop="name">
           <el-input v-model="form.name" autocomplete="off"></el-input>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/system/EditUser.vue b/frontend/src/business/components/settings/system/EditUser.vue
index b5b3627d6f..a56ef2d3a6 100644
--- a/frontend/src/business/components/settings/system/EditUser.vue
+++ b/frontend/src/business/components/settings/system/EditUser.vue
@@ -4,7 +4,7 @@
              @closed="handleClose" class="edit-user-dialog"
              :destroy-on-close="true">
     <div v-loading="result.loading">
-      <el-form :model="form" label-position="right" label-width="120px" size="small" :rules="rule" ref="createUserForm">
+      <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="createUserForm">
         <el-form-item label="ID" prop="id">
           <el-input v-model="form.id" autocomplete="off" :placeholder="$t('user.input_id_placeholder')" :disabled="type === 'Edit'"/>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/system/TestResourcePool.vue b/frontend/src/business/components/settings/system/TestResourcePool.vue
index f45b6c6ab0..257981c1e7 100644
--- a/frontend/src/business/components/settings/system/TestResourcePool.vue
+++ b/frontend/src/business/components/settings/system/TestResourcePool.vue
@@ -62,7 +62,7 @@
       v-loading="result.loading"
     >
       <div style="height: 60vh;overflow: auto;">
-        <el-form :model="form" label-position="right" label-width="140px" size="small" :rules="rule"
+        <el-form :model="form" label-position="right" label-width="80px" size="small" :rules="rule"
                  ref="testResourcePoolForm">
           <el-form-item :label="$t('commons.name')" prop="name">
             <el-input v-model="form.name" autocomplete="off"/>
diff --git a/frontend/src/business/components/settings/system/User.vue b/frontend/src/business/components/settings/system/User.vue
index 6218107ba2..0f1551a2f6 100644
--- a/frontend/src/business/components/settings/system/User.vue
+++ b/frontend/src/business/components/settings/system/User.vue
@@ -79,7 +79,7 @@
     <el-dialog :close-on-click-modal="false" :title="$t('member.edit_password')" :visible.sync="editPasswordVisible"
                width="30%"
                :destroy-on-close="true" @close="handleClose" left>
-      <el-form :model="ruleForm" label-position="right" label-width="120px" size="small" :rules="rule"
+      <el-form :model="ruleForm" label-position="right" label-width="100px" size="small" :rules="rule"
                ref="editPasswordForm" class="demo-ruleForm">
         <el-form-item :label="$t('member.new_password')" prop="newpassword">
           <el-input type="password" v-model="ruleForm.newpassword" autocomplete="off" show-password></el-input>
@@ -488,7 +488,10 @@ export default {
 /*  height: 110px !important;*/
 /*}*/
 
-/*/deep/ .ms-select-all-fixed th:nth-child(2) .el-icon-arrow-down {*/
-/*  top: -5px;*/
-/*}*/
+/deep/ .ms-select-all-fixed th:first-child.el-table-column--selection {
+  margin-top: 0px;
+}
+/deep/ .ms-select-all-fixed th:nth-child(2) .table-select-icon {
+  top: -8px;
+}
 </style>
diff --git a/frontend/src/business/components/settings/system/group/GroupMember.vue b/frontend/src/business/components/settings/system/group/GroupMember.vue
index 3191bb6914..c7644eb38e 100644
--- a/frontend/src/business/components/settings/system/group/GroupMember.vue
+++ b/frontend/src/business/components/settings/system/group/GroupMember.vue
@@ -54,7 +54,7 @@
     </el-dialog>
     <el-dialog :close-on-click-modal="false" :visible.sync="memberVisible" width="45%"
                :title="title" :destroy-on-close="true" v-loading="memberResult.loading" @close="memberDialogClose">
-      <el-form ref="memberFrom" label-position="right" :model="form" size="small" :rules="rules" label-width="120px"
+      <el-form ref="memberFrom" label-position="right" :model="form" size="small" :rules="rules" label-width="100px"
                style="margin-right: 40px;">
         <el-form-item :label="$t('commons.member')" prop="userIds">
           <el-select
diff --git a/frontend/src/business/components/settings/workspace/MsProject.vue b/frontend/src/business/components/settings/workspace/MsProject.vue
index 8c5a0a30a5..2c0702e320 100644
--- a/frontend/src/business/components/settings/workspace/MsProject.vue
+++ b/frontend/src/business/components/settings/workspace/MsProject.vue
@@ -89,7 +89,7 @@
 
     <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="createVisible" destroy-on-close
                @close="handleClose">
-      <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="140px" size="small">
+      <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="80px" size="small">
         <el-form-item :label="$t('commons.name')" prop="name">
           <el-input v-model="form.name" autocomplete="off"></el-input>
         </el-form-item>
diff --git a/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue b/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue
index b208c0cfe6..9b9a4431dd 100644
--- a/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue
+++ b/frontend/src/business/components/settings/workspace/template/FieldTemplateEdit.vue
@@ -17,7 +17,7 @@
         <el-scrollbar>
           <ms-form-divider :title="$t('test_track.plan_view.base_info')"/>
 
-          <el-form :model="form" :rules="rules" label-position="right" label-width="140px" size="small" ref="form">
+          <el-form :model="form" :rules="rules" label-position="right" label-width="80px" size="small" ref="form">
             <el-form-item :label="$t('commons.name')" prop="name" :label-width="labelWidth">
               <el-input :disabled="isSystem" v-model="form.name" autocomplete="off"></el-input>
             </el-form-item>
diff --git a/frontend/src/business/components/track/case/TestCase.vue b/frontend/src/business/components/track/case/TestCase.vue
index 47aacf1a4e..bdcb1ea2bb 100644
--- a/frontend/src/business/components/track/case/TestCase.vue
+++ b/frontend/src/business/components/track/case/TestCase.vue
@@ -407,7 +407,7 @@ export default {
 <style scoped>
 
 .el-main {
-  padding: 15px;
+  padding: 5px 10px;
 }
 
 /deep/ .el-button-group > .el-button:first-child {
diff --git a/frontend/src/business/components/track/case/components/TestCaseEdit.vue b/frontend/src/business/components/track/case/components/TestCaseEdit.vue
index 9a0b0fbea4..f443bcaf83 100644
--- a/frontend/src/business/components/track/case/components/TestCaseEdit.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseEdit.vue
@@ -234,7 +234,7 @@
         },
         customFieldRules: {},
         customFieldForm: {},
-        formLabelWidth: "120px",
+        formLabelWidth: "100px",
         operationType: '',
         isCreateContinue: false,
         isStepTableAlive: true,
diff --git a/frontend/src/business/components/track/case/components/TestCaseList.vue b/frontend/src/business/components/track/case/components/TestCaseList.vue
index 1142f5cd6f..7ce0b35f1d 100644
--- a/frontend/src/business/components/track/case/components/TestCaseList.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseList.vue
@@ -219,7 +219,7 @@ export default {
     return {
       type: TEST_CASE_LIST,
       tableHeaderKey:"TRACK_TEST_CASE",
-      screenHeight: 'calc(100vh - 310px)',
+      screenHeight: 'calc(100vh - 250px)',
       tableLabel: [],
       deletePath: "/test/case/delete",
       condition: {
@@ -638,7 +638,7 @@ export default {
 <style scoped>
 
 .table-page {
-  padding-top: 20px;
+  padding-top: 10px;
   margin-right: -9px;
   float: right;
 }
diff --git a/frontend/src/business/components/track/issue/IssueEditDetail.vue b/frontend/src/business/components/track/issue/IssueEditDetail.vue
index 95a6d85fd9..53cbd6a403 100644
--- a/frontend/src/business/components/track/issue/IssueEditDetail.vue
+++ b/frontend/src/business/components/track/issue/IssueEditDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <el-main v-loading="result.loading" class="container" :style="isPlan ? '' : 'height: calc(100vh - 62px)'">
     <el-scrollbar>
-      <el-form :model="form" :rules="rules" label-position="right" label-width="140px" ref="form">
+      <el-form :model="form" :rules="rules" label-position="right" label-width="80px" ref="form">
 
         <el-form-item :label="$t('commons.title')" prop="title">
           <el-input v-model="form.title" autocomplete="off"></el-input>
@@ -96,7 +96,7 @@ export default {
       result: {},
       relateFields: [],
       isFormAlive: true,
-      formLabelWidth: "120px",
+      formLabelWidth: "100px",
       issueTemplate: {},
       customFieldForm: {},
       customFieldRules: {},
diff --git a/frontend/src/business/components/track/issue/IssueList.vue b/frontend/src/business/components/track/issue/IssueList.vue
index 54c91680e5..4f63f950a2 100644
--- a/frontend/src/business/components/track/issue/IssueList.vue
+++ b/frontend/src/business/components/track/issue/IssueList.vue
@@ -4,7 +4,7 @@
       <el-card class="table-card">
         <template v-slot:header>
           <ms-table-header :create-permission="['PROJECT_TRACK_ISSUE:READ+CREATE']" :condition.sync="page.condition" @search="getIssues" @create="handleCreate"
-                           :create-tip="$t('test_track.issue.create_issue')" :title="$t('test_track.issue.issue_list')"
+                           :create-tip="$t('test_track.issue.create_issue')"
                            :tip="$t('commons.search_by_name_or_id')">
             <template v-slot:button>
               <el-tooltip v-if="isThirdPart" :content="'更新第三方平台的缺陷'">
@@ -181,7 +181,7 @@ export default {
       fields: [],
       tableHeaderKey:"ISSUE_LIST",
       fieldsWidth: getCustomTableWidth('ISSUE_LIST'),
-      screenHeight: 'calc(100vh - 290px)',
+      screenHeight: 'calc(100vh - 200px)',
       operators: [
         {
           tip: this.$t('commons.edit'), icon: "el-icon-edit",
diff --git a/frontend/src/business/components/track/plan/components/TestPlanEdit.vue b/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
index 3427da7452..68da70aef8 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
@@ -166,7 +166,7 @@ export default {
         stage: [{required: true, message: this.$t('test_track.plan.input_plan_stage'), trigger: 'change'}],
         description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}]
       },
-      formLabelWidth: "120px",
+      formLabelWidth: "100px",
       operationType: '',
       principalOptions: []
     };
diff --git a/frontend/src/business/components/track/plan/components/TestPlanList.vue b/frontend/src/business/components/track/plan/components/TestPlanList.vue
index 036f1d9e7b..a15f2dca89 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanList.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanList.vue
@@ -3,9 +3,7 @@
     <template v-slot:header>
       <ms-table-header :create-permission="['PROJECT_TRACK_PLAN:READ+CREATE']" :condition.sync="condition"
                        @search="initTableData" @create="testPlanCreate"
-                       :create-tip="$t('test_track.plan.create_plan')"
-                       :title="$t('test_track.plan.test_plan')"
-      />
+                       :create-tip="$t('test_track.plan.create_plan')"/>
 
     </template>
 
@@ -289,7 +287,7 @@ export default {
       hasEditPermission: false,
       total: 0,
       tableData: [],
-      screenHeight: 'calc(100vh - 295px)',
+      screenHeight: 'calc(100vh - 200px)',
       statusFilters: [
         {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
         {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
diff --git a/frontend/src/business/components/track/report/components/TestPlanReportList.vue b/frontend/src/business/components/track/report/components/TestPlanReportList.vue
index 6c7f3bd8ab..4a6737a0ae 100644
--- a/frontend/src/business/components/track/report/components/TestPlanReportList.vue
+++ b/frontend/src/business/components/track/report/components/TestPlanReportList.vue
@@ -2,8 +2,7 @@
   <el-card class="table-card" v-loading="result.loading">
     <template v-slot:header>
       <ms-table-header :condition.sync="condition" :show-create="false"
-                       @search="initTableData"
-                       :title="$t('test_track.report.name')"/>
+                       @search="initTableData"/>
     </template>
     <el-table border :data="tableData"
               @select-all="handleSelectAll"
@@ -116,7 +115,7 @@ export default {
       pageSize: 10,
       isTestManagerOrTestUser: false,
       selectRows: new Set(),
-      screenHeight: 'calc(100vh - 295px)', //屏幕高度
+      screenHeight: 'calc(100vh - 200px)', //屏幕高度
       total: 0,
       tableData: [],
       statusFilters: [
diff --git a/frontend/src/business/components/track/review/components/TestCaseReviewEdit.vue b/frontend/src/business/components/track/review/components/TestCaseReviewEdit.vue
index fd5154ce45..c7d7f997fc 100644
--- a/frontend/src/business/components/track/review/components/TestCaseReviewEdit.vue
+++ b/frontend/src/business/components/track/review/components/TestCaseReviewEdit.vue
@@ -133,7 +133,7 @@ export default {
         description: [{max: 200, message: this.$t('test_track.length_less_than') + '200', trigger: 'blur'}],
         endTime: [{required: true, message: '请选择截止时间', trigger: 'blur'}]
       },
-      formLabelWidth: "120px",
+      formLabelWidth: "100px",
       operationType: '',
       reviewerOptions: []
     };
diff --git a/frontend/src/business/components/track/review/components/TestCaseReviewList.vue b/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
index 4c52be5857..2e7a7eccf2 100644
--- a/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
+++ b/frontend/src/business/components/track/review/components/TestCaseReviewList.vue
@@ -3,8 +3,7 @@
     <template v-slot:header>
       <ms-table-header :create-permission="['PROJECT_TRACK_REVIEW:READ+CREATE']" :condition.sync="condition"
                        @search="initTableData" @create="testCaseReviewCreate"
-                       :create-tip="$t('test_track.review.create_review')"
-                       :title="$t('test_track.review.test_review')"/>
+                       :create-tip="$t('test_track.review.create_review')"/>
     </template>
 
     <el-table
@@ -162,7 +161,7 @@ export default {
       currentPage: 1,
       pageSize: 10,
       total: 0,
-      screenHeight: 'calc(100vh - 295px)',
+      screenHeight: 'calc(100vh - 200px)',
       statusFilters: [
         {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
         {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
diff --git a/frontend/src/common/css/main.css b/frontend/src/common/css/main.css
index 61d0b6a3e1..6707dee359 100644
--- a/frontend/src/common/css/main.css
+++ b/frontend/src/common/css/main.css
@@ -10,6 +10,50 @@
   width: 100%;
 }
 
+/* <-- 使布局更加紧凑 */
+
+.el-main {
+  padding: 5px 10px;
+}
+
+.el-card__header {
+  padding: 8px 16px;
+}
+
+.el-card__body {
+  padding: 6px 10px;
+}
+
+.el-table td, .el-table th {
+  padding: 6px 0;
+}
+
+.el-tabs__header {
+  margin: 0 0 5px;
+}
+
+.el-tabs__item {
+  padding: 0 10px;
+}
+
+.el-form-item {
+  margin-bottom: 18px;
+}
+
+.tip {
+  padding: 3px 5px;
+  font-size: 16px;
+  border-radius: 0;
+  border-left: 4px solid #783887;
+  margin: 5px 5px 10px 5px;
+}
+
+.el-divider--horizontal {
+  margin: 10px 0 5px 0;
+}
+
+/* --> */
+
 body {
   font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
   font-size: 14px;
@@ -215,7 +259,7 @@ textarea {
 .ms-select-all-fixed th:nth-child(2) .table-select-icon {
   position: absolute;
   display: inline-block;
-  top: -9px;
+  top: -4px;
   left: -30px;
   width: 30px;
 }