页面弹窗插件

1. 简介

1.1 插件简介

页面弹窗插件能够实现,当用户在插件配置中配置好链接地址后,在进行表单填写时,能够在填写页面以弹窗的形式打开对应的链接内容,同时支持以标签页或者多标签页的形式打开多个链接。

1.2 应用场景

适用于需要通过查看其他内容来确认、核对信息,从而进行表单填写的场景。

  • 如人事填写招聘计划时,可在表单页面通过查看仪表盘弹窗,确认各部门的当前人力需求;
  • 在签署协议时,可在签署页面中通过查看知识库文档弹窗,了解协议的具体内容;
  • 在填写活动报名表中,可在报名页面中通过查看表单弹窗,查看活动详细信息。

1.3 预期效果

1)以物资采购信息为例,根据物资看板来确认采购数量,弹窗效果如下所示:

2)以物资信息核对为例,通过打开多标签页的形式打开物资库存看板和物资采购看板,效果如下所示:

1.4 使用说明

该插件为免费插件,付费版用户可免费使用。

2. 插件安装及配置

2.1 安装插件

1)直接安装

  • 您可点击右方链接直接安装插件:页面弹窗插件安装
  • 安装成功后,可参考本文【2.2 启用插件】,前往「开放平台 >> 插件管理」处配置并启用插件。

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. 注意事项

在移动端使用插件时,由于各移动端浏览器环境不同,导致标签页打开效果也不同,具体效果以实测为准。

文档内容是否对您有帮助?
有帮助
没帮助没帮助
如需获取即时帮助,请联系技术支持
咨询
扫码领取100+零代码资料简道云官方微信号400-111-0890
图标在线咨询
立即体验