条件组件

1. 组件概述

条件组件是一个数据输入组件，用于让用户构建复杂的查询条件或筛选规则。它提供了可视化的条件编辑界面，用户可以添加多个条件、设置条件之间的逻辑关系（“并且”或”或者”）、创建条件分组，还可以通过拖拽调整条件顺序。这个组件适用于需要用户自定义筛选规则的场景，比如高级搜索、数据过滤、规则配置等。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：智能题库筛选。在学习辅导类应用中，让学生根据多个维度筛选练习题，比如”科目等于数学”并且”难度大于3”或者”题型等于选择题”。学生可以自由组合这些条件，快速找到符合自己需求的练习题。
• 场景二：知识库检索。在文化探索类应用中，让用户构建复杂的检索条件来查找资料，比如”朝代等于唐朝”并且”类型等于诗歌”并且”作者包含李白”。用户可以灵活组合条件，精准定位想要了解的内容。

加载中...

查看 JSON

复制 JSON

3. 功能配置

条件组件的配置主要通过创建组件时的配置弹窗完成，用户需要预先定义好可供选择的字段列表。

基础

字段配置

在创建条件组件时，需要配置用户可以使用的字段列表。每个字段包含以下配置：

配置项	说明
条件类型	字段的数据类型，决定了该字段支持哪些比较操作。可选类型包括：文本、数字、布尔、日期、日期时间、时间、选项。不同类型支持的操作符不同，例如文本类型支持”等于”、“包含”、“以…开头”等，数字类型支持”等于”、“大于”、“小于”、“介于”等。
字段名	字段的标识名称，用于在数据中存储和识别该字段。这个名称会出现在最终生成的条件数据中。
字段名称	字段在界面上显示的名称，用户在选择条件字段时看到的就是这个名称。建议使用清晰易懂的中文名称。
最小值/最大值/步长	仅当条件类型为”数字”时显示。用于限制数字输入的范围和精度。
值格式/日期显示格式/时间显示格式	仅当条件类型为日期、日期时间或时间时显示。用于设置日期时间的存储格式和显示格式。
字段选项远程拉取	仅当条件类型为”选项”时显示。可以配置接口地址，从远程获取选项列表。
占位符	输入框为空时显示的提示文字，引导用户输入。
操作符	该字段支持的比较操作符列表。系统会根据条件类型自动提供默认的操作符，也可以手动选择需要的操作符。

条件类型与操作符对照

不同的条件类型支持不同的操作符：

条件类型	支持的操作符
文本	等于、不等于、为空、不为空、包含、不包含、以…开头、以…结尾
数字	等于、不等于、小于、小于或等于、大于、大于或等于、介于、不介于、为空、不为空
日期/时间/日期时间	等于、不等于、小于、小于或等于、大于、大于或等于、介于、不介于、为空、不为空
选项	等于、不等于、包含于、不包含于
布尔	等于、不等于

获取选项接口

配置项	说明
获取选项接口	可以通过接口动态获取字段配置。接口返回的数据会作为条件组件的字段列表。适用于字段列表需要根据业务动态变化的场景。

用户操作说明

用户在使用条件组件时，可以进行以下操作：

• 添加条件：点击”添加条件”按钮，新增一个筛选条件。每个条件包含三部分：选择字段、选择操作符、输入比较值。
• 添加条件组：点击”添加条件组”按钮，创建一个新的条件分组。条件组内的条件可以设置独立的逻辑关系。
• 切换逻辑关系：点击”并且”或”或者”按钮，切换条件之间的逻辑关系。“并且”表示所有条件都要满足，“或者”表示满足任一条件即可。
• 拖拽排序：拖动条件左侧的拖拽手柄，可以调整条件的顺序。
• 删除条件：点击条件右侧的删除按钮，移除该条件。