JS实现自动报警声音

  • 文档创建者:yiminglian
  • 编辑次数:20次
  • 最近更新:Leo.Tsai 于 2020-05-21
  • 1. 概述

    1.1 问题描述

    当填报人填报内容与实际不相符时,对填报内容发出警告。对于填报模板,简单的信息提示可能会被忽略,这里提供一个警告音提示的方法。

    如下图示例,修改再订购量>100时,刷新页面就可以听到警报声:

    222

    1.2 实现思路

    添加条件属性限制填报值,设置加载结束事件调用警报提示音。

    注1:非填报方式请参考本案例中的条件属性,设置好判断条件一样可以实现自动报警。

    注2:该方法支持多种预览方式。

    2. 示例

    2.1 模板准备

    打开模板:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt

    2.2 条件属性

    1)在 L3 单元格添加新值类型的条件属性,如下图所示:

    image.png

    新值为字符串:<embed width="0" height="0" src="/webroot/help/5196.mp3" autostart="true" loop="true" hidden="true"></embed>

    公式条件为:J3 > 100

    注:其中 src 为音乐地址,需要将警报提示文件保存在本地%FR_HOME%\webapps\webroot\help中,暂不支持网络地址,点击下载警告声素材:5196.mp3


    2)设置 L3 单元格属性为用 HTML 显示内容。

    image.png

    注:显示内容必须为 HTML 否则无法播放声音。

    2.3 模板 Web 属性

    选择模板>模板 Web 属性>填报页面设置,添加加载结束事件,使填报页面自动刷新,如下图所示:

    image.png

    JavaScript 代码为:

    setInterval("self.location.reload();",36000);

    注:模板是哪种方式预览则将代码填入对应的加载结束事件。

    2.4 预览效果

    保存模板,选择填报预览,效果如 1.1问题描述 中所示。

    注:不支持移动端。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\12-JS实现自动报警声音.cpt

    点击下载模板:12-JS实现自动报警声音.cpt

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!