From 50e0ba37a890047f675d197f1e4fa1fea6035f7f Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 13 Dec 2023 15:45:21 +0800
Subject: [PATCH] fix page display out of range

---
 atune/web/src/assets/main.css      | 1 -
 atune/web/src/components/table.vue | 5 +----
 atune/web/src/views/Home.vue       | 2 +-
 atune/web/src/views/ResultInfo.vue | 7 ++-----
 4 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/atune/web/src/assets/main.css b/atune/web/src/assets/main.css
index 9422492b..4f5ffc80 100644
--- a/atune/web/src/assets/main.css
+++ b/atune/web/src/assets/main.css
@@ -1,7 +1,6 @@
 
 html {
     height: 100%;
-    /* height: 500px; */
     width: 100%;
     margin: 0px;
     padding: 0px;
diff --git a/atune/web/src/components/table.vue b/atune/web/src/components/table.vue
index f5aa7b9d..c3f5a064 100644
--- a/atune/web/src/components/table.vue
+++ b/atune/web/src/components/table.vue
@@ -124,14 +124,11 @@ onMounted(() => {
   }
 
   .content {
-    // flex: 1;
-    // height: 92%;
-    height: calc(94% - 40px);
+    height: 100%;
     overflow: scroll;
   }
   .pagination {
     width: 100%;
-    height: 40px;
     margin: 0;
     :deep(.el-pagination) {
         justify-content: flex-end;
diff --git a/atune/web/src/views/Home.vue b/atune/web/src/views/Home.vue
index dd842449..5057d958 100644
--- a/atune/web/src/views/Home.vue
+++ b/atune/web/src/views/Home.vue
@@ -138,7 +138,7 @@ onMounted(async () => {
 .container {
   display: flex;
   min-width: 100%;
-  height: 95%;
+  height: calc(100% - 64px);
 
 
   .tree-container,
diff --git a/atune/web/src/views/ResultInfo.vue b/atune/web/src/views/ResultInfo.vue
index 89bc7613..f28b6e0e 100644
--- a/atune/web/src/views/ResultInfo.vue
+++ b/atune/web/src/views/ResultInfo.vue
@@ -131,8 +131,7 @@ onMounted(()=>{
 .container{
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
+
   .top {
     width: 100%;
     height: 64px;
@@ -149,10 +148,8 @@ onMounted(()=>{
     }
   }
   .table{
-    flex: 1;
-    display: flex;
     width: 100%;
-    // height: ;
+    height: calc(100% - 64px);
   }
 
 }
-- 
Gitee