如何对政务窗口的双屏进行良好的控制和操作?

政务场景下,通常需要在PC电脑上连接双屏或多屏;一个屏由窗口工作人员使用,用于信息录入,另一个屏面向群众,用于信息展示和确认。

如何对政务窗口的双屏进行良好的控制和操作?_第1张图片

例如,在很多业务中,需要群众扫码缴费,这个场景中最合理的方式是将二维码投放到群众侧屏幕(辅助屏),方便群众扫码。

例如,有一些录入的的信息需要群众确认或签名,该信息应该投放到辅屏,方便群众确认,如果辅屏集成了触摸屏,也可以签名。

再例如,政务跨域办理,通过工作人员屏幕,群众侧屏(辅屏)和属地端建立视频会议(如下图)

如何对政务窗口的双屏进行良好的控制和操作?_第2张图片

目前简单的解决方案是,利用操作系统的“屏幕复制”功能将内屏投放到外屏,这个方案的缺点是,工作人员的任何操作都暴露到群众侧,可能造成信息泄露。

政务浏览器为政务双屏场景提供了开箱即用的支撑能力。

一、开启政务浏览器辅助屏
政务浏览器的“窗口模式”,“自助模式”以及“中间件模式”均可开启辅助屏,如下图。

如何对政务窗口的双屏进行良好的控制和操作?_第3张图片

可以设置辅助屏的显示url,政务浏览器提供了“水牌”插件(如下图),插件的内容可以进行设置;通常辅助屏显示水牌,必要的时候显示业务内容,如扫码缴费,签名等等。

水牌插件的下载地址是:水牌下载

如何对政务窗口的双屏进行良好的控制和操作?_第4张图片

如何对政务窗口的双屏进行良好的控制和操作?_第5张图片

二、通过JavaScript API设置辅屏需要显示的内容

政务浏览器提供了一组JavaScript API 用于控制辅助屏显示的内容,这组API的简要说明如下:
1、设置辅助屏要显示的的url

 /**
 * 在辅助屏打开特定的Url
 */
function useAuxiliaryWindow() {
    //如果有多个辅助屏,可以指定index,index从0开始,例如
    let config = {
        /** 辅屏下标 */
        index: 0,
        name: '测试',
        /**
         * 窗口参数,如果不传则和副屏窗口全屏一样大
         * 如果只传长宽就居中显示
         */
        // bounds?: {
        //     width: number,
        //     height: number,
        //     x?: number,
        //     y?: number
        // },
        url: 'http://www.zwexplorer.com'
    }
    window.zwexplorer.__auxWin.useAuxiliaryWindow(config);
}

2、关闭特定的辅助屏页面

 /**
  * 关闭特定的辅助屏页面
  */
 function resetAuxiliaryWindow() {
     //如果有多个辅助屏,可以指定index,index从0开始,例如
     let config = {
         /** 辅屏下标 */
         index: 0,
         name: '测试'
     }
     window.zwexplorer.__auxWin.closeAuxiliaryWindow(config);
 }

更多JavaScript API信息请参阅:JavaScript API Demo

三、查看和管理辅助屏
很多时候,辅助屏不断的打开url,不断地关闭url,导致操作员不清楚当前辅助屏到底显示的是什么内容,此时可以通过“辅屏管理”功能查看辅屏当前的显示内容,并进行调整。如下图。

如何对政务窗口的双屏进行良好的控制和操作?_第6张图片

四、与辅助屏相关的政务浏览器插件

政务浏览器团队开发了大量的利用辅屏的插件,如下:

1、水牌插件:该插件在辅助屏显示水牌信息,例如显示当前工作人员头像,姓名,工号等;水牌本身也提供JavaScriptApi,使得业务系统可以在水牌的“工作区”显示特定的你内容。见水牌API

2、投屏插件:将工作人员侧的屏幕复制到群众侧屏幕,供群众确认信息,该插件也提供JavaScript API ,见“投屏插件API”

3、截屏插件:提供桌面截图功能,截得的图片可以投放到水牌工作区。

4、签名插件:在辅助屏打开签名面板,用手指或电磁笔签名

5、触屏管理插件:开启或禁止群众侧屏幕的触摸屏和鼠标能力,避免群众误点击抢占鼠标

6、评价插件:在辅助屏开启评价界面,供群众进行办事评价

7、跨域办插件:建立视屏办多方会议链接,在辅助屏显示参会视屏界面。

上述插件均可在政务浏览器官网下载:官网

你可能感兴趣的:(政务浏览器,政务,前端,edge浏览器,扩展屏应用开发)