JS实现自动报警声音

编辑
  • 文档创建者:yiminglian
  • 浏览次数:4886次
  • 编辑次数:15次
  • 最近更新:Kevin-s 于 2019-12-06
  • 1. 概述

    1.1 问题描述

    场景描述:当填报人填报内容与实际不相符时,对填报人所填报内容发出警告。

    对于填报模板,简单的信息提示可能会被忽略,这里提供一个警告音提示的方法。

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

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

    222

    1.2 实现思路

    控制提交单元格的属性,当该单元格属性与填报人填报属性不相符,则利用调用音乐对其提醒。

    2. 示例

    2.1 模板准备

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

    2.2 条件属性

    在 L3 单元格添加条件属性新值:

    <embed width="0" height="0" src="../../help/5196.mp3" autostart="true" loop="true" hidden="true"></embed>

    添加判断条件为J3>100

    注:其中 src 为音乐地址,需要将音乐文件保存在本地%FR_HOME%\webapps\webroot\help中,暂不支持网络地址。

    附上此处所用音源:5196.mp3

    操作图如下:

    image.png

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

    image.png

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

    2.3 模板 Web 属性

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

    image.png

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

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

    2.4 预览效果

    保存模板,选择填报预览,实现效果下图所示:


    注:经过测试,手机端和 H5 不支持该效果。


    3. 模板下载

    模板效果在线查看请点击:JS 实现自动报警声音.cpt

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

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


    附件列表


    主题: 设计思路
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201