1. 内容概述

从用户界面的角度看，将Wyn 文档集成到活字格页面，有两种方式：

（1）页面跳转：即在活字格页面中，设置一个链接，用户点击该链接，浏览器跳转到Wyn 文档显示页面。

（2）页面嵌入：即在活字格页面中，设置一个iframe，用户点击【显示报表】按钮时，Wyn 文档直接显示在 iframe 中。

2. 页面跳转

在获取Token并拼接完成可直接访问的Wyn的文档URL之后，可以在活字格页面中设置一个链接，设置【页面跳转】命令，如下图：

其中的URL，就是带有&token=xxx参数的可直接访问的Wyn文档URL，例如：

http://localhost:51980/reports/view/5b8796af2e6c1b000e71adca?theme=default&lng=zh-CN&token=806e58d428b276207bd36b07248143e2a975ad961bbc27bc32f61af404e916d7

3. 页面嵌入

在活字格页面中使用iframe嵌入显示Wyn文档，步骤如下：

（1）设置合并单元格并命名

在准备用于显示报表内容的区域，设置单元格合并，然后在左上角的单元格名称框内输入一个名称，例如：ReportContainer，如下图：

（2）设置按钮JavaScript命令

页面顶部的【查看报表】按钮，其命令为一个JavaScript命令，如下图：

JavaScript代码如下：

var iframe = $('[fgcname = "ReportContainer"]'); // 此处的ReportContainer就是合并单元格的名称
// 从本地存储中获取令牌
var token = window.localStorage["token"];
// 组织成可直接访问的URL
var urlStr = http://localhost:51980/reports/view/5b8796af2e6c1b000e71adca?theme=default&lng=zh-CN  + "&token=" + token;
// 将URL设置为iframe的src属性
iframe.empty();
iframe.append("<iframe style='height: 100%; width: 100%; border: 0px;' src='" + urlStr + "'/>");

代码中，可直接访问的URL，由文档URL加上令牌参数（"&token=" + token）构成。