heqiapp/platforms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): align list toolbar actions

Browse Source
This commit is contained in:
yanweidong
2026-08-05 12:29:03 +08:00
parent 2162fe5e11
commit 3b0188e9cf
6 changed files with 144 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/platform_admin/src/views/shared/CrudListPage.vue
View File

@@ -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 {

23
frontend/platform_admin/src/views/shared/ReadOnlyListPage.vue
View File

@@ -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;