列表页操作栏和过滤栏更新为支持直接复制对应的原始组件重命名后添加自定义功能进行覆盖

This commit is contained in:
jingrow 2025-11-02 17:28:41 +08:00
parent e17e7a80ac
commit 44b55d4df1

View File

@ -56,7 +56,7 @@
</div> </div>
<div class="page-content"> <div class="page-content">
<!-- 过滤栏覆盖组件 --> <!-- 过滤栏覆盖组件 - 支持两种接口context props -->
<component <component
v-if="filterBarComponent" v-if="filterBarComponent"
:is="filterBarComponent" :is="filterBarComponent"
@ -65,6 +65,9 @@
filters, filters,
onFilterChange onFilterChange
}" }"
:fields="metaFields"
v-model:filters="filters"
@filter-change="onFilterChange"
/> />
<!-- 默认过滤栏 --> <!-- 默认过滤栏 -->
<GenericListPageFilterBar <GenericListPageFilterBar
@ -142,7 +145,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 操作列覆盖组件卡片视图 --> <!-- 操作列覆盖组件卡片视图 - 支持两种接口context props -->
<component <component
v-if="actionsComponent" v-if="actionsComponent"
:is="actionsComponent" :is="actionsComponent"
@ -156,6 +159,12 @@
t, t,
viewMode: 'card' viewMode: 'card'
}" }"
:row="row"
:entity="entity"
view-mode="card"
@view="openDetail(row.name)"
@edit="editRecord(row)"
@delete="deleteRecord(row.name)"
/> />
<!-- 默认操作按钮 --> <!-- 默认操作按钮 -->
<GenericListPageActions <GenericListPageActions
@ -236,7 +245,7 @@
</template> </template>
<template v-else-if="row[col.key] !== null && row[col.key] !== undefined && row[col.key] !== ''">{{ formatDisplayValue(row[col.key], col.key) }}</template> <template v-else-if="row[col.key] !== null && row[col.key] !== undefined && row[col.key] !== ''">{{ formatDisplayValue(row[col.key], col.key) }}</template>
</div> </div>
<!-- 操作列覆盖组件 --> <!-- 操作列覆盖组件 - 支持两种接口context props -->
<component <component
v-if="actionsComponent" v-if="actionsComponent"
:is="actionsComponent" :is="actionsComponent"
@ -250,6 +259,12 @@
t, t,
viewMode: 'list' viewMode: 'list'
}" }"
:row="row"
:entity="entity"
view-mode="list"
@view="openDetail(row.name)"
@edit="editRecord(row)"
@delete="deleteRecord(row.name)"
/> />
<!-- 默认操作按钮 --> <!-- 默认操作按钮 -->
<GenericListPageActions <GenericListPageActions