[发明专利]一种基于vue的表格配置方法、装置、设备和介质

说明书

本发明提供一种基于vue的表格配置方法、装置、设备和介质，方法包括下述步骤：在配置界面上提供表格控件和属性配置区，当表格控件被选择时响应一控件配置内容展示框；属性配置区提供的所有属性配置项均有属性文字化描述；属性配置区提供模板属性和控件属性；模板属性供用户选择数据来源，包括从本地数据集、远端数据和自定义动态列数据；其中，当从本地数据集和远端数据获取到的列不足以满足用户需求的时候考虑使用自定义动态列数据；控件属性还提供自定义render函数和增强的配置项，供用户自己定义可编辑表的表头或内容以及实现各种功能；在配置完成后，将配置的数据和表格动态展示列均通过api渲染到表格上。从而使得整个表格配置工作变得更加的简单、高效。

技术领域

本发明涉及计算机技术领域，特别涉及一种基于vue的表格配置方法、装置、设备和介质。

背景技术

vxe-table是面向现代浏览器(简洁、高效的API设计)，具有强大的功能的同时又兼具较好的性能，比如可支持横向、纵向虚拟滚动、灵活的配置项、不污染全局样式及变量等，可以实现表格的一切实用的功能。但目前vxe-table仍存在如下缺点：

1、要求用户需要掌握一定的编程基础，才能完成表格的配置；

2、vxe-table列都是固定写死的，配置也都是固定的，若要修改表格配置或者列配置时都需要去修改它的代码，不够灵活，无法个性化地配置整张表；

3、其配置界面很多情况下只针对当前使用配置做介绍，其余配置在使用时需要去官网翻阅专门的文档查看属性，影响用户的配置效率。如图1所示，比如在进行合并功能的配置时，配置界面上属性介绍时就只介绍合并是通过什么方法合并，但其它用到的配置项要去官网翻阅。

4、当实际业务需求发生改变时，例如列的变更，表格配置的修改等，往往需要去修改代码然后重新布包再上线，因此在应用上具有一定的制约。

因此为了能有效提升vxe-table配置的工作效率，使得整个工作变得更加的简单、高效，所以有了本发明。

发明内容

本发明要解决的技术问题，在于提供一种基于vue的表格配置方法、装置、设备和介质，基于vue的基础上引入vxe-table表格做配置，使得整个表格配置工作变得更加的简单、高效。

第一方面，本发明提供了一种基于vue的表格配置方法，在配置界面上提供表格控件和属性配置区，当表格控件被选择时响应一控件配置内容展示框；所述属性配置区提供的所有属性配置项均有属性文字化描述；所述属性配置区提供模板属性和控件属性；

所述属性配置区供用户选择数据来源，包括从本地数据集、远端数据和自定义动态列数据三种；其中，当从本地数据集和远端数据获取到的列不足以满足用户需求的时候考虑使用自定义动态列数据；

(1)若用户选择本地数据集，则先通过所述模板属性提供包括列配置、选择控件类型、快速配置和新增按钮的配置项；所述列配置用于选择可操作的字段；所述选择控件类型用于配置可编辑表单元格类型，及快速配置操作列新增或修改的内容，或者快速配置表格需要导出的列和需要做计算的列；所述新增按钮用于添加本地数据集中不存在的，但页面需要展示的列；然后通过所述控件属性提供包括表类型、表格配置和预览的配置项；所述表类型用于选择表格的类型，包括普通表、树表和可编辑表；所述表格配置用于选择表格需要展示的列；所述预览用于查看配置效果；

(2)若用户选择远端数据，则先通过所述模板属性提供远端数据开关、请求路径、方式和参数的配置项，所述远端数据开关打开时，允许对远端数据进一步配置远端数据的请求路径，方式和参数，在获取远端数据后，先通过所述模板属性提供包括所述列配置的配置项，再通过所述控件属性提供包括所述表格配置的配置项；