[发明专利]一种基于Vue.js框架的报表配置及显示的方法和装置在审
申请号: | 201911415806.6 | 申请日: | 2019-12-31 |
公开(公告)号: | CN111221884A | 公开(公告)日: | 2020-06-02 |
发明(设计)人: | 葛俊;蒋秋明 | 申请(专利权)人: | 上海上实龙创智慧能源科技股份有限公司 |
主分类号: | G06F16/248 | 分类号: | G06F16/248;G06F40/186 |
代理公司: | 上海科盛知识产权代理有限公司 31225 | 代理人: | 宣慧兰 |
地址: | 200436 上*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 vue js 框架 报表 配置 显示 方法 装置 | ||
本发明涉及一种基于Vue.js框架的报表配置及显示的方法,将报表内容表格化,划分为多个单元格,具体配置及显示的步骤如下所示:步骤S1:获取报表内容,根据所述报表内容定义报表模板;步骤S2:设置数据源信息和数据行字段;步骤S3:加载所述报表模板;步骤S4:根据查询条件加载所述数据源信息中对应的数据源;步骤S5:根据所述数据行字段,生成报表行数据;步骤S6:根据生成的所述报表行数据,渲染所述报表内容并显示。与现有技术相比,本发明具有提高报表编辑的灵活性、通过WEB页面进行显示、方便随时随地查看报表内容等优点。
技术领域
本发明涉及计算机技术领域,尤其是涉及一种基于Vue.js框架的报表配置及显示的方法和装置。
背景技术
在工业生产的过程中,系统需要高频率连续不断地采集和保存海量的数据,尤其是在污水处理行业,每秒需要采集近千节点数据,需要追溯的历史时间较长,往往时间跨度在1年时间以上,因此对于记录节点数据的报表结构提出了更高的要求。现有污水处理厂系统的表格只能在对应的系统中进行查看,并且需要按照固定的模板结构进行编辑,缺少灵活性,基于本地系统的设置意味着不能接入外来数据源,导致报表数据内容的更新较为困难。
发明内容
本发明的目的就是为了克服上述现有技术存在的只能在本地查看、需要按照固定模板编辑的缺陷而提供一种基于Vue.js框架的报表配置及显示的方法和装置。
本发明的目的可以通过以下技术方案来实现:
一种基于Vue.js框架的报表配置及显示的方法,将报表内容表格化,划分为多个单元格,具体配置及显示的步骤如下所示:
步骤S1:获取报表内容,根据所述报表内容定义报表模板;
步骤S2:设置数据源信息和数据行字段;
步骤S3:加载所述报表模板;
步骤S4:根据查询条件加载所述数据源信息中对应的数据源;
步骤S5:根据所述数据行字段,生成报表行数据;
步骤S6:根据生成的所述报表行数据,渲染所述报表内容并显示。
所述单元格以扩充的方式与其他单元格进行合并。
所述数据源信息包括数据源及数据处理函数。
优选的,每个所述数据源均设有独立的名称。
所述数据源的返回格式为JSON格式。
所述报表行数据包括循环行数据和非循环行数据。
优选的,所述步骤S8具体为将所述报表行数据合并到二维数组中,结合所述二维数组和报表模板渲染出所述报表内容。
优选的,所述报表内容的显示界面为WEB界面。
一种应用所述基于Vue.js框架的报表配置及显示的方法的装置,所述装置包括处理器和存储器,所述方法以计算机程序的方式存储在所述存储器中,由所述处理器执行,执行时实现以下步骤:
步骤S1:获取报表内容,根据所述报表内容定义报表模板;
步骤S2:设置数据源信息和数据行字段;
步骤S3:加载所述报表模板;
步骤S4:根据查询条件加载所述数据源信息中对应的数据源;
步骤S5:根据所述数据行字段,生成报表行数据;
步骤S6:根据生成的所述报表行数据,渲染所述报表内容并显示。
与现有技术相比,本发明具有以下有益效果:
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海上实龙创智慧能源科技股份有限公司,未经上海上实龙创智慧能源科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911415806.6/2.html,转载请声明来源钻瓜专利网。