新版ui

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 {

src/views/nav.vue

@@ -113,6 +113,7 @@ html {
   flex-direction: column;
   position: relative;
   z-index: 1;
+  
 }
 
 .content-wrapper.glass-content {