组件显隐规则

1. 简介

1.1 功能简介

组件显隐规则，用于控制详情页中组件/标签页的显隐情况。通过条件配置，使指定组件/标签页仅在满足条件时显示，减少非必需组件的干扰，帮助提升页面的查看/操作效率。

1.2 使用场景

该功能主要用于根据字段值显隐不同的组件（表格）、导航分块展示组件的场景。例如：

1.3 预期效果

以商机管理为例，当销售阶段推进到「商务谈判」时，在页面中显示「快速跟进」组件，让销售人员能够快捷填报跟进内容。效果如下所示：

2. 设置步骤

2.1 设置入口

电脑端详情页和移动端详情页的组件显隐规则相互独立，互不影响。设置入口分别如下：

2.1.1 电脑端

1）进入自定义详情页设计页面，在「页面设置 >> 组件显隐规则」处，点击「添加显隐规则」，即可进行设置。

2）若已设置显隐规则，则可在左上角继续「添加显隐规则」，并对已有显隐规则进行编辑、复制、删除等操作：

3）当添加了多个显隐规则时，支持对列表中的显隐规则进行拖拽排序，便于查看。

2.1.2 移动端

1）进入自定义详情页的设计页面，切换到「移动端」标签页下，在「页面设置 >> 组件显隐规则」处，点击「添加显隐规则」，即可进行设置。如下图所示：

2）若已设置显隐规则，则可在左上角继续「添加显隐规则」，并对已有显隐规则进行编辑、复制、删除等操作：

3）当添加了多个显隐规则时，支持对列表中的显隐规则进行拖拽排序，便于查看。

2.2 设置显隐规则

显隐规则设置主要包括两部分：什么情况（1.设置条件）下显示哪些组件（2.选择需要显示的组件）。具体如下：

2.2.1 多条件逻辑关系

组件显隐规则内可以添加多个条件。如需添加多个条件，可以先确定多条件间的逻辑关系，包括：

2.2.2 条件设置方法

1）确定多条件间的逻辑关系后，可以开始为该显隐规则设置条件。条件中包含以下 3 部分内容：

以设置条件为「销售阶段」等于「商务谈判」为例，如下图所示：

2）当添加了 3 个及以上的条件时，将出现「删除全部」按钮，可批量删除所有条件。

2.2.3 显示组件

1）设置好条件后，需要设置显示组件，即满足上述条件时才会显示的组件，若不满足条件则不会显示组件。

例如，当「销售阶段」等于「商务谈判」时，显示「快速跟进」页签和组件，让销售可以快速填报跟进内容。

2）「多标签页」内的组件会分层展示，支持按层级选择：组件整体、内部指定页签，以及页签内的特定组件。

2.3 效果演示

效果参见本文【1.3 预期效果】。

3. 注意事项

1）在设计详情页时，组件显隐规则不会生效，影响设计。需要进入页面预览/数据查看状态时，正常生效。

2）对于「多标签页」内的组件：