应传说哥邀请，发帖反馈目前本人遇到的帆软社区论坛bug。

在使用决策报表开发大屏看板时，我们经常遇到这样一种场景。在展示一些时间维度的数据时需要能够快速的切换维度。比如，当我们在前台查看销售金额在时间维度上的波动趋势时，我们可以在页面快速的自由切换日统计维度，周统计维度，月统计维度。FineReport目前是不支持该操作的，本文提供一种方案。   具体实现过程可以看下方视频     操作文档可以点击看公众号文档     如果你在阅读过程中遇到问题可以与我沟通交流，如果你有报表开发需求或定制化功能开发需求，也可以联系我。 扫码添加作者微信：weibw162 扫码关注作者微信公众号：次世代数据技术 扫码关注作者B站：次世代数据技术   B站不定期更新报表开发视频及特殊功能实现教学视频。 扫码关注抖音：次世代数据技术 关注微信视频号：次世代数据技术

为了调动FineReport开发者的积极性，本人在此向所有社区开发者发出挑战！   本期为第一期，题目为贪吃蛇 难度系数：★★★ 欢迎大家来挑战！   演示视频     功能描述   1、游戏界面布局   为了更好的演示游戏功能，我们希望你可以实现以下几块内容： 数据展示区：用来展示当前游戏的一些系统数据。 玩法讲解区：用来说明游戏操作解释（可以不实现）。 游戏界面展示区：最重要的部分，用来展示游戏动画界面。 操作区：用来存放操作按钮。 功能实现点：用来辅助说明功能实现的解释（可以不实现）。 2、游戏地图 游戏地图为15*15的正方形区域。 3、蛇头初始化 游戏初始化后，需要在左上角位置生成一个长度为1的蛇头。 4、果实初始化 游戏初始化后，需要在地图上随机生成10个果实，颜色标记为红色。 5、操作台 在游戏地图下方创建操作台，拥有上下左右四个按钮，控制蛇行进方向。 6、按钮控制蛇行进方向 通过点击操作台的四个按钮，蛇会向对应方向行进1格。   此游戏不支持蛇的自动行进，必须通过按钮控制。 7、蛇吃果实   蛇头与果实位置重合时，会吃掉果实，果实会从原位置消失，同时，蛇身会增加长度。 8、蛇头与蛇身   为了分辨蛇头与蛇身，需要设置蛇头为深蓝色，蛇身为浅蓝色。 9、游戏判定——输 当蛇头在行进过程中撞到四周墙壁，或者自身时判定游戏失败。游戏失败时蛇头变成深红色，蛇身变为浅红色，同时未吃完的果实变为灰色，下方操作台展示红色的`LOSE!`字样。 蛇头撞到墙壁时默认蛇头位置是墙壁外，所以结算界面不会出现蛇头。 当蛇头出现反向行进时也会导致蛇头吃到蛇身，从而导致判定为失败。  10、游戏判定——赢 当我们控制蛇吃掉所有果实时会判定游戏结束，蛇头会变成深绿色，蛇身变为浅绿色。下方操作台展示绿色的`WIN!`字样。   注意事项 既然是挑战，那么就一定要有一定的限定。 1、此游戏实现时必须使用FIneReport11 设计器实现。 2、禁止使用任何非常用插件。 3、禁止使用任何JavaScript代码。   挑战奖励 本题目旨在锻炼逻辑思维能力，所以面向的挑战者不限。   23年10月31号之前能够实现，并微信发我的朋友，在经过验证后，可免费获取本人在帆软学院上架的价值999元的《使用FineReport11 从零开发微型CRM系统》课程。当然，如果您已经是高级开发者，不需要此课程，那也可以转送他人。

报表上线后，在用户使用过程中，如果需要分享某部分数据，如明细表中的某一行数据，大多数情况下，用户会选择使用截图。 但是如果字段比较多，且一屏不能完整显示，则无法一次性截到所有数据，这时候我们可以给用户提供一个一键复制按钮，用户点击后可以复制当前行的所有字段及其值。 FineReport目前是不支持该操作的，本文提供一种方案，具体效果如下：     具体实现过程可以参考以下视频【若无法查看视频，可能是公司内网屏蔽了B站，也可以在抖音上查看】       详细文档参考 公众号文章     如果你在阅读过程中遇到问题可以与我沟通交流，如果你有报表开发需求或定制化功能开发需求，也可以联系我。 扫码添加作者微信：weibw162 扫码关注作者微信公众号：次世代数据技术 扫码关注作者B站：次世代数据技术   B站不定期更新报表开发视频及特殊功能实现教学视频。 扫码关注抖音：次世代数据技术 关注微信视频号：次世代数据技术  

部分企业在使用FineReport时，不仅仅作为报表展示工具来使用，也会使用其开发一些业务功能。 在传统的ERP系统中常见一种跨表单的复制功能，如直接复制明细表中的一行数据，一键粘贴到某个填报表表单中，系统会自动填充对应字段。 FineReport目前是不支持该操作的，本文提供一种方案，具体效果如下： 具体实现过程可以参考以下视频【若无法查看视频，可能是公司内网屏蔽了B站，也可以在抖音上查看】       本方案文档，在公众号推文中，点击查看   如果你在阅读过程中遇到问题可以与我沟通交流，如果你有报表开发需求或定制化功能开发需求，也可以联系我。 扫码添加作者微信：weibw162 扫码关注作者微信公众号：次世代数据技术 扫码关注作者B站：次世代数据技术   B站不定期更新报表开发视频及特殊功能实现教学视频。 扫码关注抖音：次世代数据技术 关注微信视频号：次世代数据技术    

今日分享一下本人刚开源的一个项目   finereport-weibw   这里不针对项目做过多介绍，大家可以直接访问项目地址：https://gitee.com/weibw162/finereport-weibw 项目描述及使用文档写的非常清晰了，使用方法也非常简单，欢迎大家尝鲜试用。 未来会开源越来越多的接口供大家免费使用。   同时，推荐一下本人上架的精品课程     《使用FineReport11 从零开发微型CRM系统》     非常适合新手朋友,现在购买有优惠哦！！    

课程地址https://edu.fanruan.com/video/534

我们日常开发过程中，有时候需要给客户或者领导进行演示。PC端还好说，有时候需要演示移动端的时候，如果手机无法投屏到电脑上，或者我们不想将自己的手机投屏上去时，就需要一个可以在电脑端演示移动端报表的功能。很多时候我们都采用浏览器F12模拟手机的操作，但是那样太抽象，且不美观。本人提供一个较为完美的方案，仅需要一个PC端的报表模板即可，其效果如下：   该方案使用起来相当简单，仅需要将你需要演示的报表的路劲填进去即可。 同时，还支持换手机型号和自定义尺寸。   具体使用方法可以看一下视频：     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。 

我们在移动端报表开发过程中，会在表格中展示部分图片的，而且一般是以缩略图的形式进行展示。但是某些场景下，我们还是需要放大这些图片进行展示的。这里，本人提供一种实现方案。 效果图   该方案实现起来极其简单，仅需写两行代码即可。 参数解释如下：   具体操作可以参考以下视频     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。   

我们在实际报表开发过程中，会在表格中展示部分图片的，而且一般是以缩略图的形式进行展示。但是某些场景下，我们还是需要放大这些图片进行展示的。 这里提供一种实现方案，其效果图如下： 该方案相当简单，仅需写极少量的JS代码即可。 具体实现过程可以观看下方视频：     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。 

我们在实际报表开发过程中，一般大数据量的明细报表是不推荐在点开时自动查询。但是当我们从汇总表下钻到明细表时又希望其可以根据下钻时携带的参数进行自动查询。 下面，本人提供一种实现方案，其实现步骤如下： 1.将明细表设置为不自动查询。 2.给报表增加初始化事件，判断当uo参数不为空时进行参数查询。 3.在需要下钻时自动查询到的报表超链接上增加auto参数，值为任意非空值。   具体步骤可参考视频     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。 

我们在开发大屏或驾驶舱时有时候需要用到tab组件，但是tab组件的切换是一个麻烦事，因为系统默认的tab标签仅支持上下左右四个位置，且必须贴紧tab块。本文将提供一种可行的方案，通过报表块模拟tab块的tab标签，从而实现tab标签与tab块的分离，其最终效果如下：   具体实现步骤可以参考下面的视频：     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。 

我们在开发大屏或驾驶舱时，有事我们希望点击某块汇总的单元格，然后直接在原表的位置下钻到明细表，且不会影响整个大屏的结构，同时又支持明细表再回退到汇总表的功能，本文将提供一种可行的方案，其最终效果如下：     具体实现步骤可以参考下方视频       欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。   

目前FineReport的移动端报表在打开子报表的时候只有两种方案，要么是整个页面跳—转，要么选择移动端单窗，但这两种方案都对主表有遮盖影响。为此，本文提供一种单击通过抽屉形式打开报表的方案，其实现效果大致如下： 附带效果截图 具体实现过程，可以参考下方视频     欢迎大家关注本人的微信公众号：次世代数据技术 欢迎大家关注本人的B站：次世代数据技术 欢迎大家添加本人微信：weibw162 本人会不定期更新更多有意思的FR实现方案及配套视频。 如果您在使用过程中遇到问题可以在评论区讨论或添加本人微信进行沟通交流。 如果您有报表开发需求或定制化功能实现需求也可以添加本人微信进行沟通。   

目前FineReport的超级链接仅支持特单击单窗打开报表，本文提供一种单击通过抽屉形式打开报表的方案，其实现效果大致如下：   具体的操作过程可以参考视频    

目前FineReport的超级链接一旦超过一个就会出现左键单击出现菜单，这是很不符合终端的操作逻辑和操作习惯的。本文提供一种右击弹窗打开菜单，且点击莱单项可以各种方式打开报表。其实现效果大致如下： 右键菜单不仅支持原先的dialog弹窗及平台内新标签页打开功能以外，还支持上下左右四个方向的抽屉打开。 除此之外，菜单项的样式及菜单的样式都支持自定义。 具体实现过程可以参考下方视频   接口的简单讲解 主要调用接口代码如下： RCM(el, menulist, boxStyle, itemHoverColor); 其中各项参数的解释如下： 补充几张效果图：    

目前FineReport的超级链接仅支特单击单窗打开报表，本文提供一种右击弹窗打开报表的方案，其实现效果大致如下： 实现步骤可参考视频      

在使用FIneReport软件开发时，有时候我们在前台看到的报表的顺序可能不是我们当时想要的，在给领导或者用户演示时希望可以实时将报表的整行数据进行上下拖拽重新排序。其实现效果大致如下： 针对以上需求，现提供一种实现方案，具体操作过程可参考视频  

在使用FIneReport软件开发填报报表时，有些业务需求是希望在原有数据上直接修改然后更新提交内容，这时候我们就需要在前台高亮显示已经做出修改（不等于原值）的单元格内容。其效果如下图所示： 针对以上需求，本人提供一种方案，具体操作步骤可参考视频    

在使用FIneReports软件开发报表时，有一些业务需求是需要我们在单元格里展现一些彩色的tag标签来标记一些重点内容，其效果如下图所示： 针对这个需求，提出一种方案，具体可以参考以下视频