fix(admin): close hero/banner config chain in page-display IA

Wire existing HeroManager/BannerManager into page-display routes and
component loaders, fix banner REST round-trip (show_meta + optional title),
and retarget operator deep-links to the real slide managers.
This commit is contained in:
kate522 committed 2026-07-13 21:57:10 +08:00
1 parent 36f1588c6a
commit dcc82a39e7
8 files changed
+52 -17

No files matched your search

@@ -42,10 +42,32 @@ export const pageDisplaySection = {
label: '顶部多功能组件',
route: '/page-display/header-components',
title: '顶部多功能组件',
desc: '顶部轮播、图标卡片、搜索条、公告条等组件配置。',
desc: '配置顶部组件显示范围、轮播参数、搜索覆盖层与图标卡片。幻灯片内容见「Hero 轮播」「Banner 轮播」。',
canonicalDomain: 'page_display',
section: 'header-components',
}),
customPage({
key: 'page-display-hero',
name: 'PageDisplayHero',
label: 'Hero 轮播',
route: '/page-display/hero',
title: 'Hero 轮播管理',
desc: '管理首页顶部 Hero 幻灯片内容(图片/视频、文案、图层、跳转)。显示开关与搜索/卡片配置见「顶部多功能组件」。',
component: 'HeroManager',
canonicalDomain: 'page_display',
section: 'hero',
}),
customPage({
key: 'page-display-banner',
name: 'PageDisplayBanner',
label: 'Banner 轮播',
route: '/page-display/banner',
title: 'Banner 管理',
desc: '管理首页内容流 Banner 幻灯片(图片、文案、跳转、启用状态)。',
component: 'BannerManager',
canonicalDomain: 'page_display',
section: 'banner',
}),
customPage({
key: 'page-display-footer',
name: 'PageDisplayFooter',
@@ -181,8 +181,15 @@
Hero 与 Banner 已作为固定首页骨架的一部分维护,不再由旧版首页模块编排驱动。
</n-alert>
<n-alert type="info" :show-icon="false">
如需调整首页首屏运营区,请前往对应 Hero / Banner 管理页,而不是返回旧模块工作台。
如需调整首页首屏运营区,请前往对应管理页配置幻灯片内容或顶部组件参数。
</n-alert>
<n-space>
<n-button tag="a" href="#/page-display/hero" secondary type="primary">管理 Hero 轮播</n-button>
<n-button tag="a" href="#/page-display/banner" secondary type="primary">管理 Banner 轮播</n-button>
<n-button tag="a" href="#/page-display/header-components" secondary>
顶部多功能组件
</n-button>
</n-space>
</n-space>
</n-card>
</n-spin>
@@ -5,6 +5,8 @@ export const corePageLoaders = {
FooterTabbarSettings: () => import('@/pages/content/FooterTabbarSettings.vue'),
FooterSettings: () => import('@/pages/content/FooterSettings.vue'),
HomepageSettings: () => import('@/pages/content/HomepageSettings.vue'),
HeroManager: () => import('@/pages/content/HeroManager.vue'),
BannerManager: () => import('@/pages/content/BannerManager.vue'),
PostPageSettings: () => import('@/pages/post-list/PostPageSettings.vue'),
CommentSettings: () => import('@/pages/post-list/CommentSettings.vue'),
CommentPermissions: () => import('@/pages/permissions/CommentPermissions.vue'),
@@ -589,7 +589,7 @@ export const pageDisplaySchemas = {
key: 'page_display.header-components',
title: '顶部多功能组件',
icon: 'fas fa-th',
description: '顶部轮播、图标卡片、搜索条、公告条等组件配置。',
description: '配置顶部组件的显示范围、设备规则、轮播参数、搜索覆盖层与图标卡片。幻灯片图片/文案内容请到「Hero 轮播」「Banner 轮播」管理。',
defaults: {
header_components_search_enabled: true,
header_components_cards_enabled: false,