From c52c47e1223d557fca1e0c6774b7c7198db8eb67 Mon Sep 17 00:00:00 2001
From: ianshaw <ianshaw027@gmail.com>
Date: Sun, 4 Jan 2026 21:46:23 -0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E4=BC=98=E5=8C=96=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E7=AD=9B=E9=80=89=E5=B7=A5=E5=85=B7=E6=9D=A1=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=B9=B6=E4=BF=AE=E5=A4=8DIP=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 筛选组件保持固定宽度，不再自动拉伸填充
- 左右分布布局，中间自然留空
- 修复 IP 管理页面表头缺失的中文翻译
---
 .../admin/account/AccountTableActions.vue     |  8 +++---
 .../admin/account/AccountTableFilters.vue     | 25 ++++++++---------
 frontend/src/i18n/locales/zh.ts               |  5 ++++
 frontend/src/views/admin/AccountsView.vue     | 28 ++++++++-----------
 4 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/frontend/src/components/admin/account/AccountTableActions.vue b/frontend/src/components/admin/account/AccountTableActions.vue
index 035c9f83..ceb7fe9d 100644
--- a/frontend/src/components/admin/account/AccountTableActions.vue
+++ b/frontend/src/components/admin/account/AccountTableActions.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="flex max-w-full flex-wrap justify-end gap-3">
-    <button @click="$emit('refresh')" :disabled="loading" class="btn btn-secondary flex-shrink-0"><svg :class="['h-5 w-5', loading ? 'animate-spin' : '']" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg></button>
-    <button @click="$emit('sync')" class="btn btn-secondary flex-shrink-0">{{ t('admin.accounts.syncFromCrs') }}</button>
-    <button @click="$emit('create')" class="btn btn-primary flex-shrink-0">{{ t('admin.accounts.createAccount') }}</button>
+  <div class="flex flex-wrap items-center gap-3">
+    <button @click="$emit('refresh')" :disabled="loading" class="btn btn-secondary"><svg :class="['h-5 w-5', loading ? 'animate-spin' : '']" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg></button>
+    <button @click="$emit('sync')" class="btn btn-secondary">{{ t('admin.accounts.syncFromCrs') }}</button>
+    <button @click="$emit('create')" class="btn btn-primary">{{ t('admin.accounts.createAccount') }}</button>
   </div>
 </template>
 
diff --git a/frontend/src/components/admin/account/AccountTableFilters.vue b/frontend/src/components/admin/account/AccountTableFilters.vue
index dfa816f8..4bd6c40f 100644
--- a/frontend/src/components/admin/account/AccountTableFilters.vue
+++ b/frontend/src/components/admin/account/AccountTableFilters.vue
@@ -1,18 +1,15 @@
 <template>
-  <div class="flex flex-wrap items-start gap-3">
-    <div class="min-w-0 flex-1">
-      <SearchInput
-        :model-value="searchQuery"
-        :placeholder="t('admin.accounts.searchAccounts')"
-        @update:model-value="$emit('update:searchQuery', $event)"
-        @search="$emit('change')"
-      />
-    </div>
-    <div class="flex flex-wrap items-center gap-3">
-      <Select v-model="filters.platform" class="w-40 flex-shrink-0" :options="pOpts" @change="$emit('change')" />
-      <Select v-model="filters.type" class="w-40 flex-shrink-0" :options="tOpts" @change="$emit('change')" />
-      <Select v-model="filters.status" class="w-40 flex-shrink-0" :options="sOpts" @change="$emit('change')" />
-    </div>
+  <div class="flex flex-wrap items-center gap-3">
+    <SearchInput
+      :model-value="searchQuery"
+      :placeholder="t('admin.accounts.searchAccounts')"
+      class="w-64"
+      @update:model-value="$emit('update:searchQuery', $event)"
+      @search="$emit('change')"
+    />
+    <Select v-model="filters.platform" class="w-40" :options="pOpts" @change="$emit('change')" />
+    <Select v-model="filters.type" class="w-40" :options="tOpts" @change="$emit('change')" />
+    <Select v-model="filters.status" class="w-40" :options="sOpts" @change="$emit('change')" />
   </div>
 </template>
 
diff --git a/frontend/src/i18n/locales/zh.ts b/frontend/src/i18n/locales/zh.ts
index f401d9a0..67ea6e5c 100644
--- a/frontend/src/i18n/locales/zh.ts
+++ b/frontend/src/i18n/locales/zh.ts
@@ -1625,6 +1625,11 @@ export default {
       deleteConfirmMessage: "确定要删除代理 '{name}' 吗？",
       testProxy: '测试代理',
       columns: {
+        name: '名称',
+        protocol: '协议',
+        address: '地址',
+        status: '状态',
+        actions: '操作',
         nameLabel: '名称',
         namePlaceholder: '请输入代理名称',
         protocolLabel: '协议',
diff --git a/frontend/src/views/admin/AccountsView.vue b/frontend/src/views/admin/AccountsView.vue
index 31468165..616a86d0 100644
--- a/frontend/src/views/admin/AccountsView.vue
+++ b/frontend/src/views/admin/AccountsView.vue
@@ -3,22 +3,18 @@
     <TablePageLayout>
       <template #filters>
         <div class="flex flex-wrap-reverse items-start justify-between gap-3">
-          <div class="min-w-0 flex-1">
-            <AccountTableFilters
-              v-model:searchQuery="params.search"
-              :filters="params"
-              @change="reload"
-              @update:searchQuery="debouncedReload"
-            />
-          </div>
-          <div class="flex-shrink-0">
-            <AccountTableActions
-              :loading="loading"
-              @refresh="load"
-              @sync="showSync = true"
-              @create="showCreate = true"
-            />
-          </div>
+          <AccountTableFilters
+            v-model:searchQuery="params.search"
+            :filters="params"
+            @change="reload"
+            @update:searchQuery="debouncedReload"
+          />
+          <AccountTableActions
+            :loading="loading"
+            @refresh="load"
+            @sync="showSync = true"
+            @create="showCreate = true"
+          />
         </div>
       </template>
       <template #table>