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

非也2024

于 2024-01-30 15:27:52 发布

阅读量2.1k

点赞数 33

分类专栏：政务浏览器文章标签：政务前端 edge浏览器扩展屏应用开发

本文链接：https://blog.csdn.net/nychen2000/article/details/135934206

版权

政务浏览器专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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

双屏1

双屏2

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

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

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

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

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

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

开启辅助窗

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

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

水牌1

二、通过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，导致操作员不清楚当前辅助屏到底显示的是什么内容，此时可以通过“辅屏管理”功能查看辅屏当前的显示内容，并进行调整。如下图。

辅助屏管理