Finereport 从无到有制作填报报表11-内嵌设置

許づ一世浮华

于 2020-12-23 16:55:56 发布

阅读量741

点赞数

CC 4.0 BY-SA版权

分类专栏： finereport 文章标签：其他

本文链接：https://blog.youkuaiyun.com/zero_zzzzzz/article/details/111592277

本文档详细介绍了如何将Finereport填报报表内嵌到其他系统中，包括使用iframe设置绝对路径，调整界面样式，处理填报分页参数，并提供了自定义分页按钮和加载结束事件的设置方法。同时，还提到了内嵌时关闭决策系统平台的【点击劫持攻击防护】功能以避免错误。此外，还展示了自定义导出按钮的配置步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接上一部分：
2个填报界面都已经制作完成。接下来就是内嵌到其他系统里面。
直接使用<iframe> </iframe>
这里需要指定绝对路径
在这里插入图片描述
界面设置style
<style>
#reportFrame{
width: 100%;
min-height: 100vh;
}
</style>

由于设置了填报分页，URL需要加上&__cutpage__=v

    <iframe id="reportFrame"
    src="http://xxxx/webroot/decision/view/report?xxxx&__cutpage__=v&id=$userId"></iframe>

我这里是添加了ID这个动态参数所以加了&id=$userId。
使用内嵌的时候需要注意：在决策系统平台中关闭【点击劫持攻击防护】这一个功能，不然内嵌会报错
在这里插入图片描述

总体流程基本就这样了。

下面增加一个小部分：
使用填报分页&__cutpage__=v过后，只能使用默认的分页按钮，这里提供自定义分页按钮：
才发现不能传文件QAQ
这里只举一个例子，需要这部分内容的请自行修改其中的内容

先制作基础界面

最低0.47元/天解锁文章

200万优质内容无限畅学