[6.0] 报表在Vue中NPM嵌入

Eden.Sun

各位大佬,帮忙看个问题:
在自己的vue项目中引入 "@grapecity/wyn-integration" 包后做Wyn报表的嵌入,页面渲染的时候打不开报表.

这里是用了个没有参数的报表做嵌入
报错示例:
image.png314933776.png

报表:

代码:

跨域,token已设置:
image.png252998351.png

应该是访问到Wyn服务了,但是打开报表报错,是不是我的代码写的有问题.

Eden.Sun · Eden.Sun

您好，我在本地测试了一下，是可以的：
image.png265717772.png

建议您先查看一下wyn的版本和您代码中以内的版本是否一致，如我本地安装的wyn是6.1 我代码中引入的包也要是6.1的版本。看您的帖子您的wyn使用的是6.0版本，您可能就要用6.0 版本的wyn了：
npmjs.com/package/@grapecity/wyn-report-viewer?activeTab=versions 这个是npm上 wyn-viewer的版本信息。
image.png638508605.png

然后我附上我的代码的截图，您可以参考修改一下：
image.png408894347.png

zshun8023 · zshun8023

我用的是这种方式引入的包
企业微信截图_16795434549694.png476630553.png

跟你这个不太一样

zshun8023 · zshun8023

是按照文档上的方法引用的

image.png281972045.png

Eden.Sun · Eden.Sun

这样的话，这个问题可能需要远程您看一下，您可以先填一下我们这边的1V1申请：https://www.grapecity.com.cn/applyonline，
通过申请后会有专门的人联系您，给您提供一个月免费的快速支持通道

zshun8023 · zshun8023

你好，感谢你提供的方法，现在报表可以出来了；
如果报表中有参数，请问调用api的时候该怎么传递参数呢

Bella.Yuan · Bella.Yuan

zshun8023 发表于 2023-3-23 17:52
你好，感谢你提供的方法，现在报表可以出来了；
如果报表中有参数，请问调用api的时候该怎么传递参数呢

您好，可以参考这个帮助文档：https://www.grapecity.com.cn/sol ... 2%E6%96%B9%E6%B3%95

zshun8023 · zshun8023

好的，我来试一下

zshun8023 · zshun8023

Bella.Yuan 发表于 2023-3-23 18:04
您好，可以参考这个帮助文档：https://www.grapecity.com.cn/solutions/wyn/help/docs/%E7%AC%AC%E5%8D%8 ...

这个应该跟我说的不一样，这个是URL集成，我这个是通过NPM集成，
调用 GrapeCity.WynReports.getReferenceToken、GrapeCity.WynReports.Viewer.create API的方式进行的报表集成，想知道 GrapeCity.WynReports.Viewer.create --> openReport 这个方法是怎么传递参数的

zshun8023 · zshun8023

找到了，应该是这样方式
viewer.openReport('<reportId>', [{ name: 'myString', values: ['123'] }])

		自动登录	找回密码
密码			立即注册

[已处理] [6.0] 报表在Vue中NPM嵌入

最佳答案

12 个回复

Wyn高级认证

Wyn认证