在中后台系统页面最高频的信息查询页面中「Fliter 筛选器」是必然出现的组件,筛选条件的静态展示一般都会占据1/4以上的页面纵向空间。本次针对该组件的创新方案中,输入筛选条件并点击查询后能自动折叠筛选区块,已选条件以「Tag 标签」展示。在相关低代码编辑器中使用该组件可以作为配置能力提供给用户,启用“折叠能力”后,用户可配置超过行出发自动折叠的规则,这个“”作为开放配置项。优点是可以大幅节省页面纵向空间,缺点是以标签形式展示的筛选条件可能难以关联筛选维度,适用于表意明确的筛选条件。

image.png

效果示例:

筛选前
image.png
筛选后
image.png