【技术实现步骤摘要】
基于elementui列表的筛选配置方法、系统、电子设备及存储介质
[0001]本专利技术涉及前端开发领域，具体涉及到一种基于elementui列表的筛选配置方法、系统、电子设备及存储介质。
技术介绍
[0002]Elementui是基于mvvm的vue开源出来的一套前端ui框架。
[0003]Elementui目前只提供简单的table表头渲染，只能进行简单的输入筛选，对于列表筛选没有提供组件，无法对数据进行筛选收集，不能满足用户各种各样的筛选需求。
技术实现思路
[0004]有鉴于此，本专利技术实施例提供了一种基于elementui列表的筛选配置方法、系统、电子设备及存储介质，以解决现有技术中Elementui无法对数据进行筛选收集的缺点。
[0005]为此，本专利技术实施例提供了如下技术方案：
[0006]根据第一方面，本专利技术实施例提供了一种基于elementui列表的筛选配置方法，包括：
[0007]获取每一列数据所对应的表头名称、显示类型和配置参数；其中，显示类型...
【技术保护点】
【技术特征摘要】
1.一种基于elementui列表的筛选配置方法，其特征在于，包括：获取每一列数据所对应的表头名称、显示类型和配置参数；其中，显示类型包括输入类型、单选类型、多选类型、双日历类型、单日历类型、多级筛选类型和排序类型；所述配置参数根据每一列数据的显示类型确定；根据每一列数据的表头名称和数据显示类型对elementui列表进行初始化，得到每一列数据的表头渲染函数、数据输入收集函数和数据筛选函数；表头渲染函数用于创建每一列数据的表头名称、表头图标和表头图标所对应的创建弹窗的方法；数据输入收集函数用于生成每一列数据的数据收集方法；数据筛选函数用于生成每一列数据的数据筛选方法；根据每一列数据的表头渲染函数生成每一列数据的表头信息，所述表头信息包括表头名称、表头弹出按钮和表头弹出按钮对应的弹出框；获取elementui列表中表头信息的点击操作；根据点击操作确定点击操作所对应的数据的显示类型；根据点击操作所对应的数据的显示类型和数据收集函数对elementui列表进行输入收集，得到输入收集数据；根据输入收集数据、输入收集数据所对应的数据显示类型和数据筛选函数进行筛选收集，得到筛选数据。2.根据权利要求1所述的基于elementui列表的筛选配置方法，其特征在于，通过每一列数据的表头名称分别对每一列数据所对应表头渲染函数、数据输入收集函数和数据筛选函数进行关联。3.根据权利要求1所述的基于elementui列表的筛选配置方法，其特征在于，根据点击操作所对应的数据的显示类型和数据收集函数对elementui列表进行输入收集，得到输入收集数据的步骤之后，还包括：将输入收集数据按照预设存储位置和数据存储类型进行存储，所述预设存储位置根据表头名称确定，数据存储类型根据数据的显示类型确定。4.根据权利要求1所述的基于elementui列表的筛选配置方法，其特征在于，根据每一列数据的表头渲染函数生成每一列数据的表头信息，所述表头信息包括表头名称、表头弹出按钮和表头弹出按钮对应的弹出框的步骤中，包括：根据每一列数据的表头渲染函数对每一列数据的表头进行渲染，得到每一列数据所对应的表头名称、表头弹出按钮和表头弹出按钮对应的弹出框生成函数；接收表头弹出按钮的点击操作；判断表头弹出按钮的点击操作是否是首次点击；若表头弹出按钮的点击操作是首次点击，则根据点击操作调用表头弹出按钮对应的弹出框生成函数生成表头弹出按钮对应的弹出框；若表头弹出按钮的点击操作不是首次点击，则显示表头弹出按钮对应的弹出框。5.根据权利要求1所述的基于elementui列表的筛选配置方法，其特征在于，当显示类型为输入类型，配置参数为空；当显示类型为单选类型，配置参数为单选项中每个选项的名称；当显示类型为多选类型，配置参数为多选项中每个选项的名称；当显示类型为单日历类型，配置参数为空；
当显示类型为双日历类型，配置参数为空；当显示类型为多级筛选类型，配置参数为筛选级别、每一个筛选级别所对应的级别名称、每个级别名称所对应的选项名称、接口URL；当显示类型为排序类型，配置参数为空。6.根据权利要求1所述的基于elementui列表的筛选配置方法，其特征在于，根据输入收集数据、输入收集数据所对应的数据的显示类型和...
【专利技术属性】
技术研发人员：杨嘉鑫，马智欣，王雪峰，骆飞，李青龙，
申请(专利权)人：北京智慧星光信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。