概述
ApplicationHome 是设置中心的应用管理页面，用于管理 One Platform 的前台应用（Application）。每个应用包含名称、描述和一组 Tab，定义了用户在前台看到的导航结构。
🖼️
ApplicationHome 设置页面截图 — 待插入
../../images/product/one_platform/application-home-overview.png
核心功能
1. 应用列表展示
| 列名 | 说明 |
|---|
| 显示标签 | 应用的可读名称 |
| 名称（英文） | 应用的 API 名称 |
| 描述 | 应用的详细描述 |
| Tab 数量 | 应用包含的 Tab 数量 |
2. 应用操作
- 添加 Application：通过 ApplicationForm 的
openAddModal() - 查看详情：通过 ApplicationForm 的
viewDetail() - 编辑：通过 ApplicationForm 的
openEdit() - 删除：确认后删除（带确认对话框）
- 导出：将应用配置导出为 JSON 文件
3. ApplicationForm 集成
与 TabHome 类似，ApplicationHome 通过 ref 引用 ApplicationForm 组件，所有表单操作委托给 ApplicationForm。
页面状态
- 加载状态：居中 Spinner + "加载Applications数据中..."
- 错误状态：红色错误提示框
- 正常状态：Card + DataTable
与前台 ApplicationHome 的关系
| 特性 | 设置中心的 ApplicationHome | 前台的 ApplicationHome |
|---|
| 用途 | 管理应用配置 | 展示应用内容 |
| 操作 | CRUD 操作 | 查看和编辑应用信息 |
| 入口 | Setup → Applications | 前台导航 → 应用 |
技术要点
- API 接口：
getAllApplications, deleteApplicationById, getApplicationByName - 组件通信：通过
ref 模式与 ApplicationForm 交互 - 导出功能：JSON 文件下载
- 组件库：
@salesforce/design-system-react 的 Card, DataTable, Button
截图
🖼️
ApplicationHome 主页面 — 待插入
../../images/product/one_platform/application-home-main.png
🖼️
ApplicationForm 添加应用弹窗 — 待插入
../../images/product/one_platform/application-home-add.png
🖼️
ApplicationForm 查看详情弹窗 — 待插入
../../images/product/one_platform/application-home-detail.png
🖼️
导出 JSON 文件 — 待插入
../../images/product/one_platform/application-home-export.png