跳转到主要内容
使用集合控件管理客户信息

指南介绍如何使用易企办的集合控件管理客户信息,添加字段,并自定义按钮以实现动态客户数据库。

超过 7 个月前更新

欢迎阅读我们的指南,了解如何利用易企办的集合控件进行有效的客户管理。在当今的动态商业环境中,维持一个有组织的客户数据库至关重要。本文将引导您设置客户管理集合,提供客户详情和状态的清晰概览。易企办的直观功能使用户能够轻松访问关键信息,并添加相关注释以获得更全面的理解。无论您是经验丰富的易企办用户还是初学者,本指南都将帮助您优化客户管理工作流,提高整体业务效率。

1.准备集合的数据源

为了展示集合的设置,我们将使用名为“客户管理”的数据列表作为集合控件配置的数据源。在这个数据列表中,存在一个名为“联系状态”的参数,表现为一个单选字段,提供四种选择:“活跃联系”,“待跟进”,“交互完成”,“挂起”,“无响应”。


步骤2:添加集合控件并将集合与数据源连接

您可以创建一个新的仪表板,并将其命名为集合页面。从仪表板的控件面板中,拖放一个集合控件。选择集合控件后,导航至设置面板中的内容 > 数据块。一旦数据列表“客户管理”被选为数据源,在设计师画布上会显示一个带有12个空单元格的网格。每个单元格代表一个客户公司信息的容器。


步骤3:将客户信息相关字段添加到集合中

点击"+"按钮打开“添加控件”面板,并从基础字段部分找到“文本”字段控件。点击并拖动此文本控件到集合中。在文本的设置面板中,转到内容 > 文本并点击表达式编辑器按钮。然后,在表达式面板中选择内容 > 集合项 > 公司名称并点击插入。将大小改为中等。


随后,以相同的方式添加“地址”、“联系状态”、“评论”和“行业”字段。对于如“评论”这样的较长文本,您可以在字段设置中调整文本长度,并将其设置为100个字符。然后,添加一个静态文本控件并将其标记为状态,它作为“联系状态”字段的目录名称。

要将每个客户公司的标志添加到集合中,点击并拖动一个图片控件到集合中。同样,在表达式编辑器中,将表格中的“logo”字段与图片控件关联。在内容 > 图片块中将图片大小设置为满版。

为了增强客户信息的可视化效果,可以利用图标控件进行装饰。点击并拖动一个图标控件到“地址”字段上方的集合中。打开内容 > 图标,选择字段的图标(在图标库的搜索框中搜索“location”)。在样式 > 图标块中将图标大小改为15。在高级 > 高级块中,从宽度的下拉菜单中选择内联(自动)。


步骤4:在集合中添加带有操作的按钮

在客户管理系统中,为了便于实时编辑和更新客户状态,您可以加入一个“添加记录”按钮。销售人员可以随时使用这个按钮输入有关相应客户的特定信息,例如沟通细节,只需点击它即可。您也可以考虑添加一个删除按钮,以便迅速移除不活跃的客户。

点击并拖动按钮控件到集合中。在内容 > 按钮块中,输入按钮的文本“添加备注”;选择一个要在按钮上显示的图标,设置间距为8。

为了将按钮链接到每个客户的编辑页面,转到内容 > 动作块,从执行方式的下拉菜单中选择集合项。从操作的下拉菜单中编辑。从打开的下拉菜单中选择弹出窗口。

为了使按钮更加视觉友好,在样式 > 按钮块中,将正常 > 文本颜色设置为白色,背景颜色设置为1A65F8,所有4个方向的圆角设置为8;将悬停 > 背景颜色设置为270EB4。在同一个块中,分别将顶部、右侧、底部和左侧的间距设置为10,40,10,40。

点击左下角的预览按钮,您可以在弹出的编辑页面上添加相关信息来预览配置的按钮。

以相同的方式插入另一个按钮。在内容 > 按钮块中,输入按钮的文本,“删除项”;选择一个要在按钮上显示的图标。为了将按钮链接到每个客户的编辑页面,转到内容 > 动作块,从执行方式的下拉菜单中选择集合项。从操作的下拉菜单中选择删除项。

样式 > 按钮块中,将正常 > 文本颜色设置为8A8A92,背景颜色设置为E3E3EE,所有4个方向的圆角设置为8;将悬停 > 背景颜色设置为F13939。设置间距与“添加备注”按钮相同。


步骤5:在集合中格式化数据

为了使集合内的内容更具视觉吸引力和易读性,我们可以使用容器控件来排列和格式化集合内的控件。在这一部分,您可以利用左下角的导航器来帮助您澄清集合中不同层次的数据。

将一个容器(容器1)插入到集合中,并将“地址”字段和位置图标拖入其中。


以相同的方式将“状态”和“联系状态”放在一个容器(容器2)内。通过在文本控件的高级 > 宽度中选择自定义来调整“状态”字段的宽度。将自定义宽度设置为76。

采用相同的方式,将公司名称、容器1和容器2放入一个容器内,将国家和行业放入一个新容器(容器4)内,将评论放入一个容器(容器5)内,将两个按钮放入另一个容器(容器6)内。通过在布局 > 高度中选择最小高度,将容器5的高度设置为100。在布局 > 项块中设置对齐内容为围绕空间。


点击右上角的“保存”按钮,保存这个仪表板的所有更改。


示例演示

保存上述所有步骤后。下图展示了示例的效果。


此外

在各种场景中,易企办的集合控件证明非常有利,提供了一个用于高效数据管理的多用途解决方案。无论是在列表控件还是变量中使用,集合控件都在提供可以根据特定业务需求量身定制的结构化网格布局方面表现出色。其灵活性允许轻松自定义,确保信息的有序显示,而实时交互按钮通过促进快速更新来增强用户体验。控件的移动响应性、协作功能和高效过滤功能有助于简化工作流程,使其成为多样化数据管理场景中宝贵的资产。

这是否解答了您的问题?