找回密码
 立即注册

QQ登录

只需一步,快速开始

zshun8023

注册会员

15

主题

63

帖子

174

积分

注册会员

积分
174
zshun8023
注册会员   /  发表于:2023-3-22 19:25  /   查看:4422  /  回复:12
20金币
各位大佬,帮忙看个问题:
       在自己的vue项目中引入 "@grapecity/wyn-integration" 包后做Wyn报表的嵌入,页面渲染的时候打不开报表.

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

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

应该是访问到Wyn服务了,但是打开报表报错,是不是我的代码写的有问题.
image.png277047423.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的版本信息。 然后我附上我的代码的截图,您可以参考修改一下:

12 个回复

倒序浏览
最佳答案
最佳答案
Eden.SunWyn认证
超级版主   /  发表于:2023-3-22 19:25:05
来自 2#
您好,我在本地测试了一下,是可以的:
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

image.png656907958.png
回复 使用道具 举报
zshun8023
注册会员   /  发表于:2023-3-23 11:52:53
3#
我用的是这种方式引入的包
企业微信截图_16795434549694.png476630553.png
跟你这个不太一样
回复 使用道具 举报
zshun8023
注册会员   /  发表于:2023-3-23 12:17:25
4#
是按照文档上的方法引用的

image.png281972045.png
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2023-3-23 15:58:39
5#
这样的话,这个问题可能需要远程您看一下,您可以先填一下我们这边的1V1申请:https://www.grapecity.com.cn/applyonline
通过申请后会有专门的人联系您,给您提供一个月免费的快速支持通道
回复 使用道具 举报
zshun8023
注册会员   /  发表于:2023-3-23 17:52:10
6#
你好,感谢你提供的方法,现在报表可以出来了;
如果报表中有参数,请问调用api的时候该怎么传递参数呢
回复 使用道具 举报
Bella.YuanWyn认证
超级版主   /  发表于:2023-3-23 18:04:27
7#
zshun8023 发表于 2023-3-23 17:52
你好,感谢你提供的方法,现在报表可以出来了;
如果报表中有参数,请问调用api的时候该怎么传递参数呢

您好,可以参考这个帮助文档:https://www.grapecity.com.cn/sol ... 2%E6%96%B9%E6%B3%95
回复 使用道具 举报
zshun8023
注册会员   /  发表于:2023-3-23 18:18:41
8#
好的,我来试一下
回复 使用道具 举报
zshun8023
注册会员   /  发表于:2023-3-23 18:25:04
9#
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
注册会员   /  发表于:2023-3-23 18:40:18
10#
找到了,应该是这样方式
viewer.openReport('<reportId>', [{ name: 'myString', values: ['123'] }])
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部