一种在AWC中集成VUE实现复杂报表的方法技术

本发明专利技术公开了一种在AWC中集成VUE实现复杂报表的方法，包括以下步骤：S1、在AWC框架网页中，内嵌iframe HTML标签；S2、将iframe HTML标签SRC属性指向Vue网站，将用到参数传过去；S3、在VUE网站中实现ECharts图表；a1、在Vue网站中安装echarts插件；a2、在Vue中引入echarts；a3、初始化echarts；a4、配置option项；a5、调用：在mounted钩子函数中调用初始化上面所说的操作；a6、从TC服务器中取得图表要用到数据；a7、Vue网站调用上面服务提供的webApi取得数据，S3中，在前端工作中，数据可视化用得最多的，可能就是图表了，在众多的图表插件中，echarts以其良好的性能和完善的API。本发明专利技术采用集成VUE的ECharts组件以实现复杂的报表需求，在报表方面，能够满足实现复杂客户的需求。能够满足实现复杂客户的需求。能够满足实现复杂客户的需求。

【技术实现步骤摘要】
一种在AWC中集成VUE实现复杂报表的方法


[0001]本专利技术涉及复杂报表制作
，具体地说，涉及一种在AWC中集成VUE实现复杂报表的方法。

技术介绍

[0002]VUE实现报表因为在项目中经常开发一些报表，并且业务、逻辑其实都有大部分的重复部分。所以将这些常用的模块抽象出来、并且可视化操作。封装成一款报表开发工具。
[0003]中国专利号CN115185520A提高一种基于Springboot+vue框架的配置化报表开发方法。本专利技术的目的在于解决信贷及相关业务中，前台及中后台人员各种繁琐的数据查询及报表统计需求。为实现需求快速响应，实轻量化报表开发，简化开发方式的同时降低实施成本。本申请方案包括基于Springboot+vue框架，介绍了一套报表开发方法，支持通过解析报表查询脚本，将查询内容一一映射到表单并在前台界面展示，同时支持表单配置化，脱离复杂的逻辑代码开发，只通过表单模板配置加简单的页面配置即可以快速实现报表实施落地。
[0004]现有技术中的实现复杂报表的方法，在报表方面，提供的Chart组件功能比较简本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种在AWC中集成VUE实现复杂报表的方法，其特征在于，包括以下步骤：S1、在AWC框架网页中，内嵌iframe HTML标签；S2、将iframe HTML标签SRC属性指向Vue网站，将用到参数传过去；S3、在VUE网站中实现ECharts图表：a1、在Vue网站中安装echarts插件；a2、在Vue中引入echarts；a3、初始化echarts；a4、配置option项；a5、调用：在mounted钩子函数中调用初始化上面所说的操作；a6、从TC服务器中取得图表要用到数据；a7、Vue网站调用上面服务提供的webApi取得数据。2.根据权利要求1所述的一种在AWC中集成VUE实现复杂报表的方法，其特征在于：所述S3中，在前端工作中，数据可视化用得最多的，可能就是图表了，在众多的图表插件中，echarts以其良好的性能和完善的API。3.根据权利要求2所述的一种在AWC中集成VUE实现复杂报表的方法，其特征在于：所述S3中，图表的多样性和功能的完整性，被广大开发者认可，成为了前端图表使用最多的工。4.根据权利要求2所述的一种在AWC中集成VUE实现复杂报表的方法，其特征在于：所述S3中，ECharts是一个使用JavaScript实现的开源可视化库，涵盖各行业图表，满足各种需求。5.根据权利要求1所述的一种在AWC中集成VUE实现复杂报表的方法，其特征在于：所述a2中，在Vue中引入...

【专利技术属性】
技术研发人员：季光平，
申请(专利权)人：广州惠帆科技股份有限公司，
类型：发明
国别省市：