跳转到主要内容
垂直时间轴控件

垂直时间轴控件在易企办中提供了一种直观的方式来展示沿时间序列发展的数据,使其成为展示项目里程碑、重要事件或产品发展历程的理想选择。

一周前更新

垂直时间轴控件在易企办中提供一种直观且动态的方式,用于展示随时间发展的数据和事件。此控件以垂直形式整理和显示信息,适合任何需要展示按时间顺序排列的关键信息的业务场景,如项目时间表、公司里程碑或重要事件的时间线。

业务场景和用途

  1. 项目管理:垂直时间轴可以清晰展示项目的各个阶段和关键里程碑,帮助项目团队监控进度并及时调整计划。

  2. 事件时间线:用于规划和展示即将到来或已经发生的重大活动,提供一个时间上的视觉参考,帮助参与者了解事件的时间顺序。

  3. 客户关系管理 (CRM):记录客户互动的历史,包括重要的会议、谈判、交易更新等,帮助销售团队更好地理解和响应客户需求。

这种控件不仅能够以视觉吸引的方式展示信息,还能通过其配置灵活性支持各种复杂的业务需求,使之成为表单和自定义页面中不可或缺的工具。


添加垂直时间轴控件

定位垂直时间轴控件:在您的表单或自定义页面设计器中,导航到“高级”控件组。在这里,您将找到垂直时间轴控件,如下所示:

拖放:点击垂直时间轴控件并将其拖动到您的表单或自定义页面上的期望位置。

此控件可以用于审批表单、数据列表的列表表单和自定义页面,为您在应用的不同领域提供灵活的管理选项。


内容设置

数据

选择垂直时间轴控件后,转到设置面板并导航至内容 > 数据。

  • 数据设置

    • 应用:默认情况下,应用下拉列表将显示当前应用。如果您想使用其他应用的数据,可以从此下拉列表中选择。

    • 数据源:接着,选择一个数据源。数据源可以是数据列表、文档库、表单报表或数据报表。您在这里选择的数据将填充到垂直时间轴控件中。

  • 数据过滤: 点击过滤条件按钮以从选定的数据列表中过滤数据。

  • 设置数据顺序: 确定主要和次要顺序,以正确排序您的数据,确保按照期望的顺序显示。

注意:关联数据源后,垂直时间轴在设计模式中显示的节点数与数据源记录数有关,但最多只显示20个节点,超过20个需要点击查看更多显示。

  • 标题: 设置控件标题,可以是静态文本或根据数据动态生成的文本。

  • 节点类型: 选择节点展示方式,方式有无、图标或文本。

显示

  • 查看项目表单:选择是否允许用户查看垂直时间轴控件中每个项目的详细信息。

    • 默认布局:用户点击项目时,默认打开默认的项目查看页面。

    • 自定义列表表单:如果您设计了特定的查看项目表单,可以从下拉菜单中选择自定义布局。

    • :如果您不希望用户打开项目的详细视图,请选择“无”。

    • 自定义URL:您还可以设置自定义URL,当用户点击项目时重定向,允许更高级的交互。

  • 打开方式:选择项目表单的显示方式(例如,滑入、弹出窗口、全页等)。

  • 尺寸: 选择表单显示的尺寸(默认、大、中、小、全屏窗口)。

  • 值为空时隐藏:这个选项允许你设置控件在其值为空时不在界面上显示。

  • 备用:当控件的主要数据源不可用或不显示任何数据时,你可以设置一个备用的显示选项。

  • 动画卡片: 打开按钮,垂直时间轴控件会有动画效果。

  • 水平对齐:这个设置决定了时间轴上时间轴的水平位置相对于卡片本身。选项包括:

    • 居左对齐:时间轴将以卡片的左侧对齐。

    • 居中对齐:时间轴将以卡片的中间对齐。

    • 居右对齐:时间轴将以卡片的右侧对齐。

  • 垂直对齐: 设置时间轴在垂直方向的对齐方式,有顶部、中部、底部。

  • 动态显示规则: 当您设置动态显示规则时,它会根据特定条件和规则有不同的表现。

    1. 隐藏:当满足条件时,此选项将隐藏垂直时间轴控件。这对于想要有条件地从用户界面中移除垂直时间轴的场景非常有效。例如:如果用户没有被分配任务,您可能想要隐藏时间轴。

    2. 显示:当定义的条件满足时,使用此选项显示垂直时间轴控件。这在您只希望在特定情况下显示垂直时间轴时非常有用。例如:您可以设置规则,只有当用户具有特定角色或存在特定数据时才显示垂直时间轴。

分页设置

  • 起始于:此选项用于设定时间轴的起始记录点,数值为0表示从数据的第一条记录开始显示,也可以切换为动态文本,与相关变量关联。

  • 仅显示部分记录:当开启时,控件将只展示设定数量的记录,而不是全部记录。

    记录限数:打开按钮后,在记录限数中可以输入显示记录的最高数量。

  • 每页记录数:当启用按钮时,此设置用于确定每页或每次加载时显示的记录数量,默认设置为20。这允许用户根据需要调整每页展示的数据量。


如何使用垂直时间轴控件

一旦您将数据源与垂直时间轴连接,时间轴上放将显示所有集合项的空白块。

  • 空白单元格: 选择数据源后,您会看到纵向排列的空白网格,每个单元格代表选定数据源中一个项目的容器。空白格的数量会随着您设置的时间轴记录数量变动。

  • 设计模式: 垂直时间轴控件将在设计模式中以固定表示形式显示空白单元格。这有助于您预览设计将会呈现的样子。

  • 预览实际数据: 要查看时间轴中的实际数据,请通过点击左侧控件面板底部的“预览”按钮切换到预览模式。这允许您实时查看数据将如何显示。

  • 向单元格添加控件: 要自定义每个单元格,请打开控件面板并将控件拖动到任何单元格中。当一个控件被添加到一个单元格时,它将自动在垂直时间轴中的所有单元格中复制。这确保了所有项目中设计的一致性。

当一个控件(如文本、容器、图片等)被添加到垂直时间轴的一个块中时,它将自动在每个其他空白块中复制。您可以同时在每个集合块中插入静态或动态内容。

当集合块中的一个控件与数据源连接时,使用表达式编辑器的控件默认内容将被数据源的相应内容替换。

例如,您可以配置集合中的文本控件。然后相应的数据(描述)将自动添加到每个集合块中。


样式设置

卡片

  1. 项目间隙:控制每个项目之间的空间量。

  2. 间距:控制时间轴与项目之间的空间量。

  3. 元素垂直对齐:控制包含的项目将如何根据在方向字段中选择的方向在其中心轴上对齐。

  4. 元素水平对齐:控制包含的项目将如何根据在方向字段中选择的方向在其水平轴上对齐。

  5. 垂直对齐:在集合容器内元素控件沿垂直均匀分布内容。

  6. 水平对齐:在集合容器内元素控件沿水平对齐内容。

  7. 内容内边距:设置集合中内容的填充。

  8. 常态/悬停:为集合内容的常态和悬停状态设置不同的样式。以下样式支持为常态和悬停状态分别设置。

  • 文字颜色:选择集合容器内文字的颜色。

  • 背景颜色:设置集合容器的背景颜色。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

  • 边框半径:设置边框半径以控制角落圆滑度。

  • 阴影:为每个集合项目添加阴影效果。

显示更多选项:设置显示更多选项的样式设置

节点

  1. 文本/图标的排版样式:设置时间轴节点中文本与图标的布局方式,确保信息展示清晰且吸引用户注意。

    如果时间轴节点类型设置的是图标,则需要设置图标排版。如果节点类型设置的是文本,则设置文本排版。

  2. 点的大小:调整节点点的直径大小,使其与时间轴的整体设计协调。

  3. 边框类型和半径:为节点设置边框样式和圆角,增强视觉效果。选择适合的边框样式(如实线、虚线等)和适当的边框圆角大小。

  4. 颜色和背景色设置:定制常规/悬停/活动模式下节点的颜色和背景色。

线

  1. 线颜色:允许你为未完成的时间线设定一个特定的颜色。

  2. 进度颜色:此选项用于设置显示已完成部分的颜色,通常用以区分已完成和未完成的时间段。

  3. 粗细:这里可以调整时间线的粗细。

  4. 边框类型:选择时间线边框的样式,如默认、实线、双实线、点状、虚线、凹槽。

  5. 边框半径:如果时间线具有边框,这个选项可以用来调整边框的圆角大小。

标题

设置标题字段的样式设置。


高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?