@Martin.Zhang 发表于 2022-9-20 11:02:55

【报表-布局设计】在报表中嵌入仪表板

本帖最后由 James.Lv 于 2023-1-5 18:02 编辑

客户需求:需要在报表页面中加入BI页面的组件元素。对BI比较熟悉的同学知道,BI页面中可以嵌入仪表板非常简单,直接引用链接即可。但是如何在仪表板中引入BI页面呢?此教程,带领大家解决这个棘手的问题。
此问题解决方法同样适用于:报表中嵌入网页截图,适用场景比较广泛。环境准备:1.下载代码,并且运行起来,此项目运行于node下,所以必须安装nodejs2.代码部分修改:
await page.goto('网页地址', { waitUntil: 'networkidle2', timeout: 60000 });
await page.screenshot({ fullPage: true, captureBeyondViewport: false, path: '文件保存地址\\'+params.id+'.png' });3.运行项目可以用cmd 运行 E:\code\Puppeteer_full> node example.js4.运行起来后在浏览器中输入 http://localhost:8000?id=xxx网页打开后会自动截图。xxx部分根据自己需要传入参数。5.返回信息返回代码部分这里表示的是本次截图名称,后期可以根据需要自己修改response.end('{"name":"'+params.id+'.png"}');6.在wyn中通过api调用截图接口,这样能保证每次打开页面后都能自动截图①创建基准地址,并且传递参数id②添加端点地址③预览保存
7.创建报表数据集,引用上一步中的数据源
①设置参数②将参数绑定到数据源参数中
8. 创建报表预览报表9.导出结果效果与我们的一致,完美解决

Karin 发表于 2022-9-20 11:53:41

{:5_106:}

Bella.Yuan 发表于 2022-9-20 11:59:33

Karin 发表于 2022-9-20 11:53


:itwn:
页: [1]
查看完整版本: 【报表-布局设计】在报表中嵌入仪表板