页面弹窗插件

1. 简介

1.1 插件简介

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

1.2 应用场景

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

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

1.3 预期效果

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

2)以物资采购信息为例,根据物资看板来确认采购数量,新标签页打开效果如下所示:

1.4 使用说明

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

2. 插件安装及配置

2.1 安装插件

1)直接安装

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

2)插件市场安装

在简道云「插件市场」处,安装「页面弹窗」插件。插件市场处安装方法可参见文档:插件市场中【2.3 插件安装】

2.2 启用插件

在插件管理中,打开「页面弹窗」插件右侧开关,启用插件。

3. 表单搭建

插件体验可先点击:页面弹窗插件模板表单。本文将按照示例表单进行讲解。

1)以物资采购信息填写为例,新建「物资采购信息」表单,字段设置如下:

字段说明

字段名称

字段类型

物资库存信息

物资仪表盘

按钮

查看状态

单行文本

物资采购信息

物品类型

下拉框

物品名称

单行文本

单位

采购数量

数字

2)点击「查看状态」,在「字段属性 >> 字段权限」处,取消勾选「可编辑」权限。

4. 前端事件配置

4.1 添加前端事件

进入表单属性」,点击前端事件下的设置」,添加前端事件:

4.2 设置事件名称和说明

添加好前端事件后,首先设置前端事件的基础信息,即事件名称和说明,用于区分前端事件:

4.3 设置触发动作

设置触发动作:由于表单中添加了按钮字段,点击按钮后才触发前端事件执行,故触发字段选择按钮对应的「物资仪表盘」字段。

4.4 设置执行动作

页面弹窗插件,可根据企业需求选择「弹窗弹出 URL」或者「新标签页打开URL」。不同的选择所需配置的执行动作有所不同,具体配置项如下所示:

4.4.1 执行动作配置项

1)若选择「弹窗弹出 URL」,设置执行动作如下所示:

  • 选择插件:选择「页面弹窗 >> 弹窗弹出 URL」插件;
  • 弹窗标题:设置为自定义,填写弹窗的标题,如「物资统计看板」;
  • 弹窗链接:设置为自定义,填写弹窗的 URL 链接,如对应的物资统计看板的 URL 链接;
  • 打开弹窗内状态回写内容:设置为自定义,填写弹窗打开后的状态内容,如「完成」已查看」。

2)若选择「新标签页打开 URL」,设置执行动作如下所示:

  • 选择插件:选择「页面弹窗 >> 新标签页打开 URL」插件;
  • 链接:设置为自定义,填写新标签页的 URL 链接,如对应的物资统计看板的 URL 链接;
  • 打开链接后状态回写内容:设置为自定义,填写弹窗打开后的状态内容,如「完成」已查看」。

注:

  • 链接应使用完整链接地址,如:https://hc.jiandaoyun.com;
  • 推荐使用 https 链接,因为部分浏览器禁止在 https 内容页引用 http;
  • 所填链接需要允许 iframe 嵌入展示,如果不确定所用 URL 是否支持,可咨询 URL 所属平台。

当出现连接失败白屏404报错时,请先排查上述情况。

4.4.2 配置字段存储关系

「字段存储关系」处,点击「添加」按钮,选择「状态」字段,设置状态回填到「查看状态」字段中,设置完成后点击「保存」,如下所示:

4.5 效果演示

效果参见本文【1.3 预期效果】。

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