时间轴模式

时间轴显示样式,依据时间顺序,把一方面或多方面的事件串联起来,形成以时间先后为标准的事务描述标准,以图形化的形式直观的展示给用户。适用于展示事务的发展过程。

列表页时间轴需求场景

以展示货运公司从合同订立到收到货款为例,演示搭建。

列表页时间轴搭建入口

在菜单界面依次点击“弹出菜单”、“表单显示模式”和“时间轴”,然后点击“新增”,来到时间轴配置界面 img img

列表页时间轴搭建步骤

img
排序字段:是排序依据的字段,一般是时间,也可以是流程。例子中是测试的顺序。

节点标题:是最希望展示的字段,一般是指具体的步骤,例子里使用的是收益。

节点内容:是其它希望显示在时间轴的内容,可以为节点标题提供更多细节。例子中是测试的次数和每次测试的出发时间。节点内容可以根据实际需求自行增减。

img 当节点内容字段是是单选属性时,高级配置中的节点类型的选项就变得可选。这里选中字段当前进度负责人。

img
点击图标或颜色按钮就可以编辑图标及其颜色了。这里以更复杂的颜色来举例。

img
进入调色盘,当鼠标移到右侧的白色小滑块时,鼠标会变成手型。此时点击并拖动滑块,就可以选定大致的颜色。然后在左边的主调色盘做细微调整,来确定颜色。

img
img 待确定了样式和颜色后,点击确认。

img
在下面的“高级选项”中有勾选“隐藏节点排序字段”的按钮。在不隐藏的情况下,可以选择该字段相对于“节点标题”的位置。

img
img 配置完成后点击确定,然后可以在菜单界面左上方看到“列表显示”鼠标悬停菜单,点击里面的时间轴名称就可以看到以时间轴模式显示的表单。

详情页时间轴需求场景

跨境贸易公司,希望能将物流进度按照时间进展顺序显示出来。本表记录主单行线,子表记录各个子环节的流转状态。需要在显示本表详情时,用时间轴的方式显示子环节的流转状态。

详情页时间轴搭建入口

本表中的子表显示模式,默认为列表模式,可以根据需求配置成显示为时间轴模式。 img img img

详情页时间轴搭建步骤

详情页中的时间轴显示配置和列表页时间轴显示配置相同。 img img img img

results matching ""

    No results matching ""