页面弹窗插件
1. 简介
1.1 插件简介
页面弹窗插件能够实现,当用户在插件配置中配置好链接地址后,在进行表单填写时,能够在填写页面以弹窗的形式打开对应的链接内容,同时支持以标签页或者多标签页的形式打开多个链接。
1.2 应用场景
适用于需要通过查看其他内容来确认、核对信息,从而进行表单填写的场景。
- 如人事填写招聘计划时,可在表单页面通过查看仪表盘弹窗,确认各部门的当前人力需求;
- 在签署协议时,可在签署页面中通过查看知识库文档弹窗,了解协议的具体内容;
- 在填写活动报名表中,可在报名页面中通过查看表单弹窗,查看活动详细信息。
1.3 预期效果
1)以物资采购信息为例,根据物资看板来确认采购数量,弹窗效果如下所示:
2)以物资信息核对为例,通过打开多标签页的形式打开物资库存看板和物资采购看板,效果如下所示:
1.4 使用说明
该插件为免费插件,付费版用户可免费使用。
2. 插件安装及配置
2.1 安装插件
1)直接安装
2)插件市场安装
在简道云「插件市场」处,安装「页面弹窗」插件。插件市场处安装方法可参见文档:插件市场中【2.3 插件安装】。
2.2 启用插件
3. 表单搭建
插件体验可先点击:页面弹窗插件模板表单。本文将按照示例表单进行讲解。
插件配置需要使用 2 张表单:
- 物资采购信息:用于通过弹窗形式打开物资库存看板,查看库存相关数据;
- 物资信息核对表:用于通过多标签页形式打开物资库存看板和物资采购看板,核对物资信息。
4. 前端事件配置
4.1 弹窗弹出URL
4.1.1 添加按钮执行动作
进入「物资采购信息」表中,点击「物资仪表盘」按钮,在「字段属性 >> 执行动作」处点击「设置」,添加前端事件:
4.1.2 设置事件名称和说明
添加好前端事件后,首先设置前端事件的基础信息,即事件名称和说明,用于区分前端事件:
4.1.3 设置执行动作
设置执行动作如下所示:
- 选择插件:选择「页面弹窗 >> 弹窗弹出 URL」插件;
- 弹窗标题:设置为自定义,填写弹窗的标题,如「物资统计看板」;
- 弹窗链接:设置为自定义,填写弹窗的 URL 链接,如对应的物资统计看板的 URL 链接;
- 打开弹窗内状态回写内容:设置为自定义,填写弹窗打开后的状态内容,如「完成」、「已查看」;
- 字段存储关系:点击「添加」,将「状态」的值存储到「查看状态」中。
注:
1)若需通过新标签页的方式打开链接,则执行动作设置如下:
- 选择插件:选择「页面弹窗 >> 新标签页打开 URL」插件;
- 链接:设置为自定义,填写新标签页的 URL 链接,如对应的物资统计看板的 URL 链接;
- 打开链接后状态回写内容:设置为自定义,填写弹窗打开后的状态内容,如「完成」、「已查看」;
- 字段存储关系:点击「添加」,将「状态」的值存储到「查看状态」中。
2)当出现连接失败、白屏、404报错时,请先排查以下情况。
- 链接应使用完整链接地址,如:https://hc.jiandaoyun.com;
- 推荐使用 https 链接,因为部分浏览器禁止在 https 内容页引用 http;
- 所填链接需要允许 iframe 嵌入展示,如果不确定所用 URL 是否支持,可咨询 URL 所属平台。
4.2 新标签页打开多个URL
4.2.1 添加按钮执行动作
进入「物资信息核对表」中,点击「物资信息核对」按钮,在「字段属性 >> 执行动作」处点击「设置」,添加前端事件:
4.2.2 设置事件名称和说明
添加好前端事件后,首先设置前端事件的基础信息,即事件名称和说明,用于区分前端事件:
4.2.3 设置执行动作
执行动作设置如下:
- 选择插件:选择「页面弹窗 >> 新标签页打开多个 URL」插件;
- 链接:点击「添加」,根据企业所需数量添加对应的链接数量,如:
- 物资统计看板:设置为「自定义」,填写物资统计看板的 URL 链接;
- 物资起初期末库存看板:设置为「自定义」,填写物资起初期末的 URL 链接;
- 打开链接后状态回写内容:设置为自定义,填写链接打开后的状态内容,如「完成」、「已打开」;
- 字段存储关系:点击「添加」,将「状态」的值存储到「插件执行状态」中。
4.3 效果演示
效果参见本文【1.3 预期效果】。
5. 注意事项
在移动端使用插件时,由于各移动端浏览器环境不同,导致标签页打开效果也不同,具体效果以实测为准。