帆软能否实现这种效果?

FR10,能否实现这种标签页,鼠标悬浮之后展开内容,点击后切换到对应页面。

1.png

FineReport 白客 发布于 2023-12-7 09:10
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
CT1448Lv5中级互助
发布于2023-12-7 10:17

悬浮展开.zip

决策报表的话可以试试这个。

setTimeout(function(){

$("div[widgetname^='REPORT0']").css({"position":"fixed"});  // 元素设置悬浮

$("div[widgetname^='REPORT0']").css('display', "none"); //默认隐藏

$("div[widgetname^='REPORT5']").css({"position":"fixed"});  // 元素设置悬浮

$("div[widgetname^='REPORT5']").mouseover(function() { 

       //设置鼠标悬浮事件

             $("div[widgetname^='REPORT0']").css('display', ""); //展开元素

             $("div[widgetname^='REPORT5']").css('display', "none"); //悬浮隐藏

        

    });  

    $("div[widgetname^='REPORT0']").mouseover(function() { 

       //设置鼠标悬浮事件

             $("div[widgetname^='REPORT0']").css('display', ""); //展开元素

             $("div[widgetname^='REPORT5']").css('display', "none"); //悬浮隐藏

    });  

    $("div[widgetname^='REPORT0']").mouseout(function() {    

//鼠标离开事件

           $("div[widgetname^='REPORT0']").css('display', "none"); //隐藏展开

            $("div[widgetname^='REPORT5']").css('display', ""); //隐藏悬浮

        } );  

},100);

  • 白客 白客(提问者) 还是你这个最清晰,给你采纳了
    2023-12-07 14:35 
最佳回答
1
坚定的小帆薯Lv7高级互助
发布于2023-12-7 09:50

产品直接功能不行,但是可以用js隐藏报表块来做,用悬浮事件

悬浮对应报表,在悬浮报表块设计样式和超链即可【参考下面js,我就是用这个弄过】

可以直接调用报表块进行悬浮么 - 我的帆软  https://bbs.fanruan.com/wenda/question/160860.html

最佳回答
0
snrtuemcLv8专家互助
发布于2023-12-7 09:13

标准没有这个功能

你可以自己二开,或者联系帆软技术支持

最佳回答
0
ID1208Lv6高级互助
发布于2023-12-7 09:14(编辑于 2023-12-7 10:42)

参考楼下小番薯,效果OK

frm  绝对布局,报表块叠加,组件隐藏

image.png

Form1.rar

  • 坚定的小帆薯 坚定的小帆薯 优秀吖,老铁,凭几句描述就能还原;我先前的效果就是你这种~~,基础功能实现,配合UI+切图,这个场景就能满足的
    2023-12-07 10:53 
最佳回答
0
1592Lv6高级互助
发布于2023-12-7 09:16

可以尝试点击箭头出现,在点击箭头消失

参数控制列,当前决策报表对象,绝对布局

  • 5关注人数
  • 375浏览人数
  • 最后回答于:2023-12-7 10:42
    请选择关闭问题的原因
    确定 取消
    返回顶部