fix: 自适应表格高度并改用中文标签

web/src/views/GroupsView.vue

@@ -293,17 +293,20 @@ async function onTransfer(endpointId: string) {
     <div class="page-body">
       <LoadFailed v-if="loadError" :description="loadError" @retry="load" />
       <template v-else>
+      <div class="page-filters">
       <n-space style="margin-bottom: 12px">
         <n-input v-model:value="query" placeholder="群名称" style="width: 200px" data-testid="group-query" @keyup.enter="page = 1; load()" />
         <n-button @click="page = 1; load()">查询</n-button>
       </n-space>
+      </div>
+      <div class="page-table">
       <n-data-table
         remote
+        flex-height
         :loading="loading"
         :columns="columns"
         :data="rows"
         :row-key="(r: GroupSummary) => r.id"
-        :max-height="480"
         :pagination="{
           page,
           pageSize,
@@ -314,6 +317,7 @@ async function onTransfer(endpointId: string) {
           },
         }"
       />
+      </div>
       </template>
     </div>
 
@@ -408,7 +412,17 @@ async function onTransfer(endpointId: string) {
 }
 .page-body {
   flex: 1;
-  overflow: auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   padding: 16px;
 }
+.page-filters {
+  flex: 0 0 auto;
+}
+.page-table {
+  flex: 1;
+  min-height: 0;
+}
 </style>