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

权利要求书

1.一种基于vue的表格配置方法，其特征在于：

在配置界面上提供表格控件和属性配置区，当表格控件被选择时响应一控件配置内容展示框；所述属性配置区提供的所有属性配置项均有属性文字化描述；所述属性配置区提供模板属性和控件属性；

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

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

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

（3）若用户选择自定义动态列数据，通过所述控件属性提供增强配置项，供设置动态列表格列数组，数组中的一条数据代表表格上的一个列，列内容包含必填的列字段和标签名称以及非必填的对齐方式宽度设置；

所述控件属性还提供自定义render函数和增强的配置项，所述自定义render函数供用户自己定义可编辑表的表头或内容；所述增强供用户在编辑器上编写执行的脚本，以实现增强配置功能；

在配置完成后，将配置的数据和表格动态展示列均通过api渲染到表格上；

所述表格控件为拖拽控件，选择方式为拖拽；

所述远端数据的获取方式包括直接请求url地址或者通过在代码块编写sql脚本获取；

所述普通表内包含多级复合表头和表嵌表两种形式；所述可编辑表包含普通可编辑表、可编辑树表、下拉表三种形式，且支持全键盘操作；

所述复合表头，根据父级下的子级是否都相同提供两种配置形式，第一种直接配置，分别指定父级和子级；第二种拼接组结合拼接字段，所述拼接组存放的数据表示所有复合表头父级的标签名，所述拼接字段表示父级下的相同子级列数组，以拼接的方式渲染界面自动配置；

所述表嵌表，提供自定义html配置，自定义DOM内容；

所述下拉表，一种配置在单元格上的下拉表格，供选中下拉表行数据快速将内容填充到当前行，通过映射配置，指定下拉表的列数据快速填充到主表的列字段上；若没有配置，则根据相同列字段填充，能配置唯一字段和唯一值，下拉表将不再展示主表中已存在的数据；当数据只能是从下拉表获取时，提供防止乱填开关供打开，使当输入值在数据中不存在时将清空或者保留原先的值；

所述增强在编辑器上提供前端前、后端脚本和前端后三种编写场景；若没有走接口的需求，将只执行所述前端前；所述后端脚本在脚本执行过程中或每个阶段的增强都能通过return返回值终止脚本继续执行；所述前端后根据api可获取接口返回的数据。

2.根据权利要求1所述的一种基于vue的表格配置方法，其特征在于：

所述控件属性还提供筛选配置项，供用户对表格显示内容进行配置，以逻辑控制表格的功能，包括勾选禁用、行划线、合并单元格和列逻辑处理，编辑器里的逻辑处理以字符串形式存储在指定的变量中，再用eval()执行这个字符串表达式实现效果，提供编写提示。

3.根据权利要求1所述的一种基于vue的表格配置方法，其特征在于：还包括：

所述控件属性还提供联动配置项，供用户在主表上打开关联表开关按钮，配置查询值，在副表上通过触发控件将主表绑定到副表上，并配置副表上哪个字段作为查询字段；在用户配置完后，实时监听主表的传递值，一旦主表的传递值内容发生变化，就根据所述查询值触发联动查询，将该变化更新渲染至副表上。