优化后台界面与无操作退出体验

frontend/src/views/admin/Users.test.ts

@@ -17,14 +17,49 @@ describe("Admin users table labels", () => {
   });
 });
 
+describe("Admin users table layout", () => {
+  it("uses a wider name column, even remaining columns, and compact icon actions", () => {
+    const viewSource = readUsersView();
+
+    expect(viewSource).toContain('table-layout="fixed"');
+    expect(viewSource).toContain(':label="TEXT.common.fields.name" width="360"');
+    expect(viewSource).not.toContain('width="20%"');
+    expect(viewSource).not.toContain('width="180"');
+    expect(viewSource).not.toContain('width="160"');
+    expect(viewSource).not.toContain('width="100"');
+    expect(viewSource).not.toContain('fixed="right"');
+    expect(viewSource).toContain('class="action-btn"');
+    expect(viewSource).toContain("width: 28px;");
+    expect(viewSource).toContain("gap: 4px;");
+  });
+});
+
+describe("Admin users summary header", () => {
+  it("keeps the management summary header compact", () => {
+    const viewSource = readUsersView();
+
+    expect(viewSource).toContain("padding: 10px 16px;");
+    expect(viewSource).toContain("padding: 9px 12px;");
+    expect(viewSource).toContain("width: 32px;");
+    expect(viewSource).toContain("height: 32px;");
+    expect(viewSource).toContain("font-size: 20px;");
+    expect(viewSource).toContain("font-size: 11px;");
+  });
+});
+
 describe("Admin users filters", () => {
-  it("applies keyword and status filters from the first page", () => {
+  it("applies keyword automatically and status filters from the first page", () => {
     const viewSource = readUsersView();
 
     expect(viewSource).toContain("@keyup.enter=\"applyFilters\"");
-    expect(viewSource).toContain("@clear=\"applyFilters\"");
     expect(viewSource).toContain("@change=\"applyFilters\"");
-    expect(viewSource).toContain("@click=\"applyFilters\"");
+    expect(viewSource).not.toContain("@click=\"applyFilters\"");
+    expect(viewSource).not.toContain(":icon=\"Refresh\"");
+    expect(viewSource).not.toContain("Refresh } from");
+    expect(viewSource).toContain("watch(searchKeyword, () => {");
+    expect(viewSource).toContain("scheduleKeywordSearch();");
+    expect(viewSource).toContain("keywordSearchTimer = setTimeout(() => {");
+    expect(viewSource).toContain("}, 300);");
     expect(viewSource).toContain("page.value = 1");
     expect(viewSource).toContain("keyword: searchKeyword.value || undefined");
     expect(viewSource).toContain("status: statusFilter.value || undefined");