政务浏浏览器Demo

水牌与消息系统

特别注意: 事件系统相关的API不能通过 api http服务进行调用,只能在政务浏览器中打开应用页面才可调用

水牌插件发起或监听如下事件消息

类别 序号 名称 说明
发起的App Event 1 'signboad_settings_updated' 水牌初始化完成后,或者配置更新发生后,发送水牌的当前设置信息,如窗口号,工号,当前工作人员
监听的App Event 2 'service_status_changed' 应用或者政务浏览器的工具按钮发起“暂停服务”或者“恢复服务”,会发送此消息;水牌监听该消息,设置相应的水牌提示语
3 'signboard_show_html_message' 应用系统,例如排队系统,进行叫号时,希望水牌显示类似“请张三到1号窗口”之类的提示信息;应用系统可以发送此事件;水牌监听该事件。
4 'signboard_show_image_message' 应用系统,例如截屏插件,希望水牌显示截取的图片;应用系统可以发送此事件;水牌监听该事件。
5 'signboad_settings_updated' 水牌index页面监听该事件,改变界面上当前员工的图片和姓名等资料。

'signboad_settings_updated'

signboad_settings_updated一般由设置页面发起,水牌页面和水牌控制页面监听,同步改变页面内容。业务系统一般不关注该消息。

'service_status_changed'

效果见“2.4消息系统相关 API”。

'signboard_show_image_message'

向水牌的“工作区”展示一张图片。
  |  
在水牌工作区显示图片的代码如下
                                    function showImg(s) {
                                        //注意:图片url要用绝对路径
                                        let img = location.origin + '/signboard/resources/x20.png';
                                        zwexplorer.__appEventService.sendAppEvent('signboard_show_image_message', {
                                            data: img,
                                            actionTimeout: s
                                        }, (arg) => {
                                            if (arg.code === 0) {
                                                // alert(arg.msg);
                                            } else {
                                                // alert(arg.msg);
                                            }
                                        });
                                    }
                                
恢复水牌的代码如下
                                            
                                    function resetSignboard() {
                                        zwexplorer.__appEventService.sendAppEvent('service_status_changed', {
                                            data: true
                                        }, (arg) => {

                                        });
                                    }
                                

'signboard_show_html_message'

向水牌的“工作区”展示一张图片。
  |  
显示html信息的代码如下
                                    function showHtml(s) {
                                        
                                        let htmlMsg = "<div  style='font-size:48px'>请<span style='color:yellow'>002</span>号</div>" +
                                            "<div><span style='font-size:96px;line-height:160px;height:160px;letter-spacing:20px'>王宝宝</span></div>" +
                                            "<div style='font-size:48px'>到A001窗口办理业务</div>";
                                        zwexplorer.__appEventService.sendAppEvent('signboard_show_html_message', {
                                            data: htmlMsg,
                                            actionTimeout: s
                                        }, (arg) => {
                                            if (arg.code === 0) {
                                                // alert(arg.msg);
                                            } else {
                                                // alert(arg.msg);
                                            }
                                        });
                                    }