[发明专利]基于elementui列表的筛选配置方法、系统、电子设备及存储介质

说明书

本发明公开了一种基于elementui列表的筛选配置方法、系统、电子设备及存储介质，该方法包括：获取每一列数据所对应的表头名称、显示类型和配置参数；根据每一列数据的表头名称和数据显示类型对elementui列表进行初始化得到每一列数据的表头渲染函数、数据输入收集函数和数据筛选函数；根据每一列数据的表头渲染函数生成每一列数据的表头信息；获取elementui列表中表头信息的点击操作；根据点击操作确定点击操作所对应的数据的显示类型；根据点击操作所对应的数据的显示类型和数据收集函数对elementui列表进行输入收集，得到输入收集数据；根据输入收集数据、输入收集数据所对应的数据显示类型和数据筛选函数进行筛选收集，得到筛选数据。该方法实现了elementui列表数据的筛选收集。

技术领域

本发明涉及前端开发领域，具体涉及到一种基于elementui列表的筛选配置方法、系统、电子设备及存储介质。

背景技术

Elementui是基于mvvm的vue开源出来的一套前端ui框架。

Elementui目前只提供简单的table表头渲染，只能进行简单的输入筛选，对于列表筛选没有提供组件，无法对数据进行筛选收集，不能满足用户各种各样的筛选需求。

发明内容

有鉴于此，本发明实施例提供了一种基于elementui列表的筛选配置方法、系统、电子设备及存储介质，以解决现有技术中Elementui无法对数据进行筛选收集的缺点。

为此，本发明实施例提供了如下技术方案：

根据第一方面，本发明实施例提供了一种基于elementui列表的筛选配置方法，包括：

获取每一列数据所对应的表头名称、显示类型和配置参数；其中，显示类型包括输入类型、单选类型、多选类型、双日历类型、单日历类型、多级筛选类型和排序类型；所述配置参数根据每一列数据的显示类型确定；

根据每一列数据的表头名称和数据显示类型对elementui列表进行初始化，得到每一列数据的表头渲染函数、数据输入收集函数和数据筛选函数；表头渲染函数用于创建每一列数据的表头名称、表头图标和表头图标所对应的创建弹窗的方法；数据输入收集函数用于生成每一列数据的数据收集方法；数据筛选函数用于生成每一列数据的数据筛选方法；

根据每一列数据的表头渲染函数生成每一列数据的表头信息，所述表头信息包括表头名称、表头弹出按钮和表头弹出按钮对应的弹出框；

获取elementui列表中表头信息的点击操作；

根据点击操作确定点击操作所对应的数据的显示类型；

根据点击操作所对应的数据的显示类型和数据收集函数对elementui列表进行输入收集，得到输入收集数据；

根据输入收集数据、输入收集数据所对应的数据显示类型和数据筛选函数进行筛选收集，得到筛选数据。

可选地，通过每一列数据的表头名称分别对每一列数据所对应表头渲染函数、数据输入收集函数和数据筛选函数进行关联。

可选地，根据点击操作所对应的数据的显示类型和数据收集函数对elementui列表进行输入收集，得到输入收集数据的步骤之后，还包括：将输入收集数据按照预设存储位置和数据存储类型进行存储，所述预设存储位置根据表头名称确定，数据存储类型根据数据的显示类型确定。