From a1cb9afa93f7e631a54a3905506ec0c128ceafbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Fri, 16 Jan 2026 20:34:25 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hosts/hostsList.vue | 16 +++++++++++-----
 src/views/nav.vue             |  1 +
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/views/hosts/hostsList.vue b/src/views/hosts/hostsList.vue
index 0ef36eb..3ba5e84 100644
--- a/src/views/hosts/hostsList.vue
+++ b/src/views/hosts/hostsList.vue
@@ -198,7 +198,7 @@
           :data="tableData"
           stripe
           v-loading="loading"
-          max-height="420"
+          height="100%"
           @cell-dblclick="handleCellDbClick"
           @selection-change="handleSelectionChange"
         >
@@ -206,7 +206,7 @@
             fixed
             prop="displayId"
             :label="t('hostsList.id')"
-            :width="screenWidth"
+            min-width="120"
           >
             <template #default="scope">
               <div
@@ -221,7 +221,7 @@
           <el-table-column
             prop="hostDisplayId"
             :label="t('hostsList.hostId')"
-            :width="screenWidth"
+            min-width="120"
           >
             <template #default="scope">
               <div
@@ -238,7 +238,7 @@
             :key="label.paramCode"
             :prop="label.paramCode"
             :label="label.paramCodeMeaning"
-            :width="screenWidth"
+            min-width="100"
           >
             <template
               v-if="label.paramCode != 'createDt'"
@@ -1081,7 +1081,7 @@ function openhostDisplayId(hostDisplayId) {
 // 玻璃态头部区域
 // ================================
 .filter-header.glass-header {
-  background: rgba(255, 255, 255, 0.75);
+  background: rgba(255, 255, 255, 0.329);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.9);
@@ -1301,6 +1301,7 @@ function openhostDisplayId(hostDisplayId) {
 // ================================
 .table-container.glass-card {
   flex: 1;
+  min-height: 0; // 关键：让 flex 子元素能够正确收缩
   background: #ffffff;
   border-radius: 24px;
   box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
@@ -1312,8 +1313,13 @@ function openhostDisplayId(hostDisplayId) {
 
 .table-wrapper {
   flex: 1;
+  min-height: 0; // 关键：让 flex 子元素能够正确收缩
   padding: 20px 24px 0;
   overflow: hidden;
+
+  .el-table {
+    height: 100% !important;
+  }
 }
 
 .table-footer {
diff --git a/src/views/nav.vue b/src/views/nav.vue
index b957bf8..2067bce 100644
--- a/src/views/nav.vue
+++ b/src/views/nav.vue
@@ -113,6 +113,7 @@ html {
   flex-direction: column;
   position: relative;
   z-index: 1;
+  
 }
 
 .content-wrapper.glass-content {