From 3b0188e9cf7d6e66142936f7f270b0e4f7ea0b25 Mon Sep 17 00:00:00 2001
From: yanweidong <david.yan@qq.com>
Date: Wed, 5 Aug 2026 12:29:03 +0800
Subject: [PATCH] fix(admin): align list toolbar actions

---
 .../src/views/shared/CrudListPage.vue         | 50 +++++++++++--------
 .../src/views/shared/ReadOnlyListPage.vue     | 23 +++++++--
 .../src/views/shared/CrudListPage.vue         | 50 +++++++++++--------
 .../src/views/shared/ReadOnlyListPage.vue     | 23 +++++++--
 .../src/views/shared/CrudListPage.vue         | 50 +++++++++++--------
 .../src/views/shared/ReadOnlyListPage.vue     | 23 +++++++--
 6 files changed, 144 insertions(+), 75 deletions(-)

diff --git a/frontend/delivery_admin/src/views/shared/CrudListPage.vue b/frontend/delivery_admin/src/views/shared/CrudListPage.vue
index 6ab0b54..373391b 100644
--- a/frontend/delivery_admin/src/views/shared/CrudListPage.vue
+++ b/frontend/delivery_admin/src/views/shared/CrudListPage.vue
@@ -1,18 +1,5 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra>
-      <a-space>
-        <a-button v-if="managedOwnerIdentity" @click="router.back()">返回机构列表</a-button>
-        <a-button @click="load">
-          <template #icon><icon-refresh /></template>
-          刷新
-        </a-button>
-        <a-button v-if="canCreate" type="primary" @click="openCreate">
-          <template #icon><icon-plus /></template>
-          新建
-        </a-button>
-      </a-space>
-    </template>
     <a-alert
       v-if="definition.detailActions?.length"
       class="workflow-alert"
@@ -22,13 +9,25 @@
     >
       请从详情中的专用操作推进流程。操作结果以服务端状态、设备回执或审核记录为准，并会保留审计记录。
     </a-alert>
-    <a-form :model="filters" layout="inline" class="filters" @submit="search">
-      <a-form-item label="关键字">
-        <a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" />
-      </a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-      <a-button @click="resetSearch">重置</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit="search">
+        <a-form-item label="关键字">
+          <a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" />
+        </a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+        <a-button @click="resetSearch">重置</a-button>
+      </a-form>
+      <a-space class="list-actions">
+        <a-button @click="load">
+          <template #icon><icon-refresh /></template>
+          刷新
+        </a-button>
+        <a-button v-if="canCreate" type="primary" @click="openCreate">
+          <template #icon><icon-plus /></template>
+          新建
+        </a-button>
+      </a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -1150,8 +1149,19 @@ function columnWidth(field: ResourceField) {
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 
 .workflow-alert,
 .action-alert {
diff --git a/frontend/delivery_admin/src/views/shared/ReadOnlyListPage.vue b/frontend/delivery_admin/src/views/shared/ReadOnlyListPage.vue
index 30f52b9..d46d57e 100644
--- a/frontend/delivery_admin/src/views/shared/ReadOnlyListPage.vue
+++ b/frontend/delivery_admin/src/views/shared/ReadOnlyListPage.vue
@@ -1,10 +1,12 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra><a-button @click="load">刷新</a-button></template>
-    <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
-      <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" /></a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
+        <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" /></a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+      </a-form>
+      <a-space class="list-actions"><a-button @click="load">刷新</a-button></a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -147,8 +149,19 @@ onMounted(load);
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 .pagination {
   display: flex;
   justify-content: flex-end;
diff --git a/frontend/gas_admin/src/views/shared/CrudListPage.vue b/frontend/gas_admin/src/views/shared/CrudListPage.vue
index 6ab0b54..373391b 100644
--- a/frontend/gas_admin/src/views/shared/CrudListPage.vue
+++ b/frontend/gas_admin/src/views/shared/CrudListPage.vue
@@ -1,18 +1,5 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra>
-      <a-space>
-        <a-button v-if="managedOwnerIdentity" @click="router.back()">返回机构列表</a-button>
-        <a-button @click="load">
-          <template #icon><icon-refresh /></template>
-          刷新
-        </a-button>
-        <a-button v-if="canCreate" type="primary" @click="openCreate">
-          <template #icon><icon-plus /></template>
-          新建
-        </a-button>
-      </a-space>
-    </template>
     <a-alert
       v-if="definition.detailActions?.length"
       class="workflow-alert"
@@ -22,13 +9,25 @@
     >
       请从详情中的专用操作推进流程。操作结果以服务端状态、设备回执或审核记录为准，并会保留审计记录。
     </a-alert>
-    <a-form :model="filters" layout="inline" class="filters" @submit="search">
-      <a-form-item label="关键字">
-        <a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" />
-      </a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-      <a-button @click="resetSearch">重置</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit="search">
+        <a-form-item label="关键字">
+          <a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" />
+        </a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+        <a-button @click="resetSearch">重置</a-button>
+      </a-form>
+      <a-space class="list-actions">
+        <a-button @click="load">
+          <template #icon><icon-refresh /></template>
+          刷新
+        </a-button>
+        <a-button v-if="canCreate" type="primary" @click="openCreate">
+          <template #icon><icon-plus /></template>
+          新建
+        </a-button>
+      </a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -1150,8 +1149,19 @@ function columnWidth(field: ResourceField) {
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 
 .workflow-alert,
 .action-alert {
diff --git a/frontend/gas_admin/src/views/shared/ReadOnlyListPage.vue b/frontend/gas_admin/src/views/shared/ReadOnlyListPage.vue
index 30f52b9..d46d57e 100644
--- a/frontend/gas_admin/src/views/shared/ReadOnlyListPage.vue
+++ b/frontend/gas_admin/src/views/shared/ReadOnlyListPage.vue
@@ -1,10 +1,12 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra><a-button @click="load">刷新</a-button></template>
-    <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
-      <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" /></a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
+        <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" /></a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+      </a-form>
+      <a-space class="list-actions"><a-button @click="load">刷新</a-button></a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -147,8 +149,19 @@ onMounted(load);
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 .pagination {
   display: flex;
   justify-content: flex-end;
diff --git a/frontend/platform_admin/src/views/shared/CrudListPage.vue b/frontend/platform_admin/src/views/shared/CrudListPage.vue
index 6ab0b54..373391b 100644
--- a/frontend/platform_admin/src/views/shared/CrudListPage.vue
+++ b/frontend/platform_admin/src/views/shared/CrudListPage.vue
@@ -1,18 +1,5 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra>
-      <a-space>
-        <a-button v-if="managedOwnerIdentity" @click="router.back()">返回机构列表</a-button>
-        <a-button @click="load">
-          <template #icon><icon-refresh /></template>
-          刷新
-        </a-button>
-        <a-button v-if="canCreate" type="primary" @click="openCreate">
-          <template #icon><icon-plus /></template>
-          新建
-        </a-button>
-      </a-space>
-    </template>
     <a-alert
       v-if="definition.detailActions?.length"
       class="workflow-alert"
@@ -22,13 +9,25 @@
     >
       请从详情中的专用操作推进流程。操作结果以服务端状态、设备回执或审核记录为准，并会保留审计记录。
     </a-alert>
-    <a-form :model="filters" layout="inline" class="filters" @submit="search">
-      <a-form-item label="关键字">
-        <a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" />
-      </a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-      <a-button @click="resetSearch">重置</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit="search">
+        <a-form-item label="关键字">
+          <a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" />
+        </a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+        <a-button @click="resetSearch">重置</a-button>
+      </a-form>
+      <a-space class="list-actions">
+        <a-button @click="load">
+          <template #icon><icon-refresh /></template>
+          刷新
+        </a-button>
+        <a-button v-if="canCreate" type="primary" @click="openCreate">
+          <template #icon><icon-plus /></template>
+          新建
+        </a-button>
+      </a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -1150,8 +1149,19 @@ function columnWidth(field: ResourceField) {
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 
 .workflow-alert,
 .action-alert {
diff --git a/frontend/platform_admin/src/views/shared/ReadOnlyListPage.vue b/frontend/platform_admin/src/views/shared/ReadOnlyListPage.vue
index 30f52b9..d46d57e 100644
--- a/frontend/platform_admin/src/views/shared/ReadOnlyListPage.vue
+++ b/frontend/platform_admin/src/views/shared/ReadOnlyListPage.vue
@@ -1,10 +1,12 @@
 <template>
   <a-card :title="definition.title" :bordered="false">
-    <template #extra><a-button @click="load">刷新</a-button></template>
-    <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
-      <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" /></a-form-item>
-      <a-button type="primary" html-type="submit">查询</a-button>
-    </a-form>
+    <div class="list-toolbar">
+      <a-form :model="filters" layout="inline" class="filters" @submit.prevent="load">
+        <a-form-item label="关键字"><a-input v-model="filters.keyword" allow-clear placeholder="关键字段模糊搜索" /></a-form-item>
+        <a-button type="primary" html-type="submit">查询</a-button>
+      </a-form>
+      <a-space class="list-actions"><a-button @click="load">刷新</a-button></a-space>
+    </div>
     <a-table :data="list" :loading="loading" :pagination="false" row-key="identity">
       <template #columns>
         <a-table-column title="ID" data-index="id" :width="80" />
@@ -147,8 +149,19 @@ onMounted(load);
 
 <style scoped lang="less">
 .filters {
+  flex: 1 1 420px;
+}
+.list-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
   margin-bottom: 16px;
 }
+.list-actions {
+  margin-left: auto;
+}
 .pagination {
   display: flex;
   justify-content: flex-end;