如何美化,替换系统全局默认的填报成功消息提示?

如何美化,替换系统全局默认的填报成功消息提示?

把默认的这个

替换成默认这个

FineReport hithotmay 发布于 2022-7-2 20:48
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
1
shirokoLv6资深互助
发布于2022-7-2 21:36(编辑于 2022-7-2 22:19)

倒计时消息提示框- FineReport帮助文档 - 全面的报表使用教程和学习资料

https://help.fanruan.com/finereport/doc-view-3533.html

这里面的是针对单模板的

image.png

而如果进这里改就是针对全局的

image.png

全局加一个加载事件

FR.Msg.toast=function (mes){new NoticeJs({

title: '',

type: 'success',

text: mes,

position: 'topCenter',

closeWith: ['button','click'],

timeout: 30,

modal: false,

progressBar: true,

callbacks: {

beforeShow: [],

onShow: [],

afterShow: [],

onClose: [],

afterClose: [],

onClick: [],

onHover: [function() {

console.log("success");

}]

},

animation: {

open: 'animated bounceInRight',

close: 'animated bounceOutLeft'

}

}).show()}

  • hithotmay hithotmay(提问者) 服务器配置里添加了js和css文件,但没有任何效果
    2022-07-02 21:47 
  • hithotmay hithotmay(提问者) 在单模板场景下,要调用弹窗效果,还要运行一个调用函数。我的需求是替换掉系统默认的提示效果,要做到全局替换,显然不是用这种方式。
    2022-07-02 22:08 
  • shiroko shiroko 回复 hithotmay(提问者) 把函数包装一下,重写toast
    2022-07-02 22:17 
  • hithotmay hithotmay(提问者) 回复 shiroko 感谢大神,成功了,所有的提示都可以替换成自定义样式,FR的美观度可以更上一层楼!
    2022-07-03 00:25 
  • hithotmay hithotmay(提问者) 有个进阶需求,有没有办法区分成功类提示和失败类提示,分别弹出不同的样式?
    2022-07-03 00:29 
  • 2关注人数
  • 571浏览人数
  • 最后回答于:2022-7-2 22:19
    请选择关闭问题的原因
    确定 取消
    返回顶部