自定义详情页

1. 简介

1.1 功能简介

自定义详情页中提供了丰富的 内容组件，如「阶段条」、「简报卡片」、「数据填报」、「嵌入页面」等。支持从模板创建、自由拖拽组件、灵活设计布局，帮助打造贴合业务的数据展示页面。

1.2 使用场景

1.3 预期效果

以「商机表」为例，查看商机时，可在「阶段条」中一键更改商机的推进状态。同时，还可在「数据填报」组件中快速填报跟进记录。效果如下所示：

1.4 版本说明

2. 设置步骤

2.1 设置入口

1）进入表单编辑页面，在「扩展功能 >> 数据详情」处点击「升级为自定义详情页」。按需选择创建方式后，将会创建 1 张自定义详情页，并自动进入页面设计器。

2）进入页面设计器后，可以自由添加、配置组件。此外，若当前页面为空白详情页，可以点击详情页上方的「+」按钮，选择从模板创建。

2.2 设计详情页

2.2.1 添加组件

进入设计器后，将鼠标悬停至详情页顶部，点击「+」按钮即可添加组件。或将鼠标悬停至已有组件，点击组件下方的「+」按钮来添加组件。支持添加的组件如下：

2.2.2 编辑组件

1）选中组件，在右侧「组件属性」 界面内进行组件配置，具体配置内容可参考本文第三节。

2）配置组件时，可以拖拽调整组件的宽度、位置等。如下图所示：

2.2.3 其他操作

将鼠标悬停至已有组件，点击组件左侧的「菜单」按钮，支持进行如下操作：

1）复制/编辑/删除组件

点击相应按钮即可进行组件的复制、编辑、删除操作。其中，删除「多标签页」组件时，可以选择是否同步删除「多标签页」内的其他组件，如下图所示：

2）调整组件高度

开启 「自适应高度」后，组件高度将跟随内容自动调整。关闭后，可以自定义组件高度。如下图所示：

3）移入/移出组件

组件在「多标签页」的外部、内部时，可以进行的操作不同：

以组件的移入/移出为例，如下图所示：

2.3 设置全局样式

点击详情页右上角的 「页面设置」，可以设置详情页的全局样式，包括：

2.4 预览详情页

1）在页面设计过程中，点击右上角的 「预览」 按钮，可以实时查看当前设计效果。

2）预览时，可以在「预览数据」 处选择不同的数据进行预览，查看不同数据的使用效果。

2.5 保存/启用详情页

完成详情页设计后，可以点击右上角的「保存」/「启用」按钮，来保存/启用详情页。

2.6 切换详情页

创建自定义详情页后，「扩展功能 >> 数据详情」中将会展示如下 2 个详情页，选中某一详情页并「确定」切换后，即可启用该详情页。此外，还可点击详情页后的「编辑」按钮，进行详情页设计。

2.7 删除详情页

自定义详情页支持删除操作，在「扩展功能 >> 数据详情」处点击自定义详情页后的「删除」按钮即可。