diff --git a/frontend/src/business/components/api/homepage/components/card/ApiCaseCountCard.vue b/frontend/src/business/components/api/homepage/components/card/ApiCaseCountCard.vue
index 6dfb63898c..9d125d4600 100644
--- a/frontend/src/business/components/api/homepage/components/card/ApiCaseCountCard.vue
+++ b/frontend/src/business/components/api/homepage/components/card/ApiCaseCountCard.vue
@@ -8,11 +8,11 @@
     </div>
     <!-- 数量统计 -->
     <el-container>
-      <el-aside width="34%">
+      <el-aside width="120px">
         <count-rectangle-chart :content="testCaseCountData.allApiDataCountNumber"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px">
-        <div style="width: 185px; float:right;margin:0 auto">
+      <el-main style="padding-left: 0px;padding-right: 0px;display: block">
+        <div style="width: 185px; float:right;margin:0 auto;overflow: auto">
           <el-row align="center" class="hidden-lg-and-down">
             <el-col :span="6"
                     style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
diff --git a/frontend/src/business/components/api/homepage/components/card/ApiCountCard.vue b/frontend/src/business/components/api/homepage/components/card/ApiCountCard.vue
index 710b07feed..86668bf5f3 100644
--- a/frontend/src/business/components/api/homepage/components/card/ApiCountCard.vue
+++ b/frontend/src/business/components/api/homepage/components/card/ApiCountCard.vue
@@ -8,12 +8,11 @@
     </div>
     <!--  数值统计  -->
     <el-container>
-      <el-aside width="34%">
+      <el-aside width="120px">
         <count-rectangle-chart :content="apiCountData.allApiDataCountNumber"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px;">
-        <div style="width: 185px; float:right;margin:0 auto">
-
+      <el-main style="padding-left: 0px;padding-right: 0px;display: block">
+        <div style="width: 185px; float:right;margin:0 auto;overflow: auto">
           <el-row align="right">
             <el-col :span="6"
                     style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
diff --git a/frontend/src/business/components/api/homepage/components/card/ScenarioCountCard.vue b/frontend/src/business/components/api/homepage/components/card/ScenarioCountCard.vue
index 7d54a42dea..a9a9787779 100644
--- a/frontend/src/business/components/api/homepage/components/card/ScenarioCountCard.vue
+++ b/frontend/src/business/components/api/homepage/components/card/ScenarioCountCard.vue
@@ -9,11 +9,11 @@
 
     <!-- 数量统计 -->
     <el-container>
-      <el-aside width="34%">
+      <el-aside width="120px">
         <count-rectangle-chart :content="sceneCountData.allApiDataCountNumber"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px; margin-right: 5px">
-        <div style="width: 185px; float:right;margin:0 auto">
+      <el-main style="padding-left: 0px;padding-right: 0px; margin-right: 5px;display: block">
+        <div style="width: 185px; float:right;margin:0 auto;overflow: auto">
           <el-row align="right">
             <span style="text-align: right;display:block;margin-top: 4px">
             {{
diff --git a/frontend/src/business/components/api/homepage/components/card/ScheduleTaskCountCard.vue b/frontend/src/business/components/api/homepage/components/card/ScheduleTaskCountCard.vue
index 06a9083338..6f1145e00d 100644
--- a/frontend/src/business/components/api/homepage/components/card/ScheduleTaskCountCard.vue
+++ b/frontend/src/business/components/api/homepage/components/card/ScheduleTaskCountCard.vue
@@ -9,11 +9,11 @@
 
     <!-- 数量统计 -->
     <el-container>
-      <el-aside width="34%">
+      <el-aside width="120px">
         <count-rectangle-chart :content="scheduleTaskCountData.allApiDataCountNumber"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px; margin-right: 5px">
-        <div style="width: 185px; float:right;margin:0 auto">
+      <el-main style="padding-left: 0px;padding-right: 0px; margin-right: 5px;display: block">
+        <div style="width: 185px; float:right;margin:0 auto;overflow: auto">
           <el-row align="right">
             <span style="text-align: right;display:block;margin-top: 4px">
             {{
diff --git a/frontend/src/business/components/performance/report/PerformanceReportView.vue b/frontend/src/business/components/performance/report/PerformanceReportView.vue
index fc6dde8ace..ced41f18fe 100644
--- a/frontend/src/business/components/performance/report/PerformanceReportView.vue
+++ b/frontend/src/business/components/performance/report/PerformanceReportView.vue
@@ -81,7 +81,7 @@
               </span>
             </div>
             <div style="float: right;margin-right: 10px;">
-              <div v-if="projectEnvMap" type="flex">
+              <div v-if="showProjectEnv" type="flex">
                 <span> {{ $t('commons.environment') + ':' }} </span>
                 <div v-for="(values,key) in projectEnvMap" :key="key" style="margin-right: 10px">
                   {{ key + ":" }}
@@ -241,6 +241,11 @@ export default {
       application: {}
     };
   },
+  computed:{
+    showProjectEnv() {
+      return this.projectEnvMap && JSON.stringify(this.projectEnvMap) !== '{}';
+    },
+  },
   methods: {
     showAllProjectInfo() {
       this.$refs.projectEnvDialog.open(this.allProjectEnvMap);
diff --git a/frontend/src/business/components/track/home/components/BugCountCard.vue b/frontend/src/business/components/track/home/components/BugCountCard.vue
index 2f25178ff0..df84a20d13 100644
--- a/frontend/src/business/components/track/home/components/BugCountCard.vue
+++ b/frontend/src/business/components/track/home/components/BugCountCard.vue
@@ -6,7 +6,7 @@
       </span>
     </div>
     <el-container>
-      <el-aside width="150px">
+      <el-aside width="120px">
         <count-rectangle-chart :content="bugTotalSize"/>
         <div>
           {{ $t('test_track.home.percentage') }}
diff --git a/frontend/src/business/components/track/home/components/CaseCountCard.vue b/frontend/src/business/components/track/home/components/CaseCountCard.vue
index bee25edf53..87fdf90606 100644
--- a/frontend/src/business/components/track/home/components/CaseCountCard.vue
+++ b/frontend/src/business/components/track/home/components/CaseCountCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-card class="table-card" v-loading="result.loading" body-style="padding:10px;">
+  <el-card class="table-card" v-loading="result.loading" body-style="padding:16px 5px 16px 5px;" style="height: 350px;margin-top: 5px">
     <div slot="header">
       <span class="title">
         {{ $t('test_track.home.case_count') }}
@@ -7,25 +7,25 @@
     </div>
     <!--数值统计-->
     <el-container>
-      <el-aside width="34%">
+      <el-aside width="120px">
         <count-rectangle-chart :content="trackCountData.allCaseCountNumber"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px;">
-        <div style="width: 200px;margin:0 auto">
-          <el-row align="center">
+      <el-main style="padding-left: 0px;padding-right: 0px;display: block">
+        <div style="width:200px;float:right;margin:0;overflow: auto">
+          <el-row align="right">
             <el-col :span="6"
-                    style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
+                    style="border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
               <div class="count-info-div" v-html="trackCountData.p0CountStr"></div>
             </el-col>
             <el-col :span="6"
-                    style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
+                    style="border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
               <div class="count-info-div" v-html="trackCountData.p1CountStr"></div>
             </el-col>
             <el-col :span="6"
-                    style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
+                    style="border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
               <div class="count-info-div" v-html="trackCountData.p2CountStr"></div>
             </el-col>
-            <el-col :span="6" style="padding: 5px;">
+            <el-col :span="6" style="">
               <div class="count-info-div" v-html="trackCountData.p3CountStr"></div>
             </el-col>
           </el-row>
@@ -132,12 +132,23 @@ export default {
 
 <style scoped>
 
+.el-aside {
+  line-height: 100px;
+  text-align: center;
+}
+
+.rows-count-number {
+  font-family: 'ArialMT', 'Arial', sans-serif;
+  font-size: 14px;
+  color: var(--count_number) !important;
+}
+
 .detail-container {
-  margin-top: 30px;
+  margin-top: 20px
 }
 
 .default-property {
-  font-size: 14px
+  font-size: 14px;
 }
 
 .main-property {
diff --git a/frontend/src/business/components/track/home/components/RelevanceCaseCard.vue b/frontend/src/business/components/track/home/components/RelevanceCaseCard.vue
index 6155ee20e2..ff3bff4703 100644
--- a/frontend/src/business/components/track/home/components/RelevanceCaseCard.vue
+++ b/frontend/src/business/components/track/home/components/RelevanceCaseCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-card class="table-card" v-loading="result.loading" body-style="padding:10px;">
+  <el-card class="table-card" v-loading="result.loading" body-style="padding:16px 5px 16px 5px;" style="height: 350px;margin-top: 5px">
     <div slot="header">
       <span class="title">
         {{ $t('test_track.home.relevance_case') }}
@@ -10,20 +10,22 @@
       <el-aside width="120px">
         <count-rectangle-chart :content="relevanceCountData.allRelevanceCaseCount"/>
       </el-aside>
-      <el-main style="padding-left: 0px;padding-right: 0px;">
-        <el-row align="center">
-          <el-col :span="8"
-                  style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
-            <div class="count-info-div" v-html="relevanceCountData.apiCaseCountStr"></div>
-          </el-col>
-          <el-col :span="8"
-                  style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
-            <div class="count-info-div" v-html="relevanceCountData.scenarioCaseStr"></div>
-          </el-col>
-          <el-col :span="8" style="padding: 5px;">
-            <div class="count-info-div" v-html="relevanceCountData.performanceCaseCountStr"></div>
-          </el-col>
-        </el-row>
+      <el-main style="padding-left: 0px;padding-right: 0px;display: block">
+        <div style="width:200px;float:right;margin:0 auto;overflow: auto">
+          <el-row align="right">
+            <el-col :span="8"
+                    style="border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
+              <div class="count-info-div" v-html="relevanceCountData.apiCaseCountStr"></div>
+            </el-col>
+            <el-col :span="8"
+                    style="border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">
+              <div class="count-info-div" v-html="relevanceCountData.scenarioCaseStr"></div>
+            </el-col>
+            <el-col :span="8" style="">
+              <div class="count-info-div" v-html="relevanceCountData.performanceCaseCountStr"></div>
+            </el-col>
+          </el-row>
+        </div>
       </el-main>
     </el-container>
 
@@ -114,8 +116,9 @@ export default {
 </script>
 
 <style scoped>
+
 .detail-container {
-  margin-top: 30px
+  margin-top: 30px;
 }
 
 .default-property {
@@ -131,14 +134,8 @@ export default {
   border-bottom: 0px solid #EBEEF5;
 }
 
-.el-card >>> .el-card__body {
-  padding-right: 0;
-}
-
 .count-info-div {
-  margin-top: 3px;
-  margin-bottom: 3px;
-  text-align: center;
+  margin: 3px;
 }
 
 .count-info-div >>> p {