[发明专利]一种基于Vue.js框架的报表配置及显示的方法和装置在审
申请号: | 201911415806.6 | 申请日: | 2019-12-31 |
公开(公告)号: | CN111221884A | 公开(公告)日: | 2020-06-02 |
发明(设计)人: | 葛俊;蒋秋明 | 申请(专利权)人: | 上海上实龙创智慧能源科技股份有限公司 |
主分类号: | G06F16/248 | 分类号: | G06F16/248;G06F40/186 |
代理公司: | 上海科盛知识产权代理有限公司 31225 | 代理人: | 宣慧兰 |
地址: | 200436 上*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 vue js 框架 报表 配置 显示 方法 装置 | ||
1.一种基于Vue.js框架的报表配置及显示的方法,其特征在于,将报表内容表格化,划分为多个单元格,具体配置及显示的步骤如下所示:
步骤S1:获取报表内容,根据所述报表内容定义报表模板;
步骤S2:设置数据源信息和数据行字段;
步骤S3:加载所述报表模板;
步骤S4:根据查询条件加载所述数据源信息中对应的数据源;
步骤S5:根据所述数据行字段,生成报表行数据;
步骤S6:根据生成的所述报表行数据,渲染所述报表内容并显示。
2.根据权利要求1所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述单元格以扩充的方式与其他单元格进行合并。
3.根据权利要求1所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述数据源信息包括数据源及数据处理函数。
4.根据权利要求3所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,每个所述数据源均设有独立的名称。
5.根据权利要求3所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述数据源的返回格式为JSON格式。
6.根据权利要求1所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述报表行数据包括循环行数据和非循环行数据。
7.根据权利要求1所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述步骤S8具体为将所述报表行数据合并到二维数组中,结合所述二维数组和报表模板渲染出所述报表内容。
8.根据权利要求1所述的一种基于Vue.js框架的报表配置及显示的方法,其特征在于,所述报表内容的显示界面为WEB界面。
9.一种应用如权利要求1-8所述的基于Vue.js框架的报表配置及显示的方法的装置,其特征在于,所述装置包括处理器和存储器,所述方法以计算机程序的方式存储在所述存储器中,由所述处理器执行,执行时实现以下步骤:
步骤S1:获取报表内容,根据所述报表内容定义报表模板;
步骤S2:设置数据源信息和数据行字段;
步骤S3:加载所述报表模板;
步骤S4:根据查询条件加载所述数据源信息中对应的数据源;
步骤S5:根据所述数据行字段,生成报表行数据;
步骤S6:根据生成的所述报表行数据,渲染所述报表内容并显示。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海上实龙创智慧能源科技股份有限公司,未经上海上实龙创智慧能源科技股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201911415806.6/1.html,转载请声明来源钻瓜专利网。