页面弹窗插件
1. 简介
1.1 插件简介
页面弹窗插件能够实现,当用户在插件配置中配置好链接地址后,在进行表单填写时,能够在填写页面以弹窗的形式打开对应的链接内容。
1.2 应用场景
适用于需要通过查看其他内容来确认信息,从而进行表单填写的场景。
- 如人事填写招聘计划时,可在表单页面通过查看仪表盘弹窗,确认各部门的当前人力需求;
- 在签署协议时,可在签署页面中通过查看知识库文档弹窗,了解协议的具体内容;
- 在填写活动报名表中,可在报名页面中通过查看表单弹窗,查看活动详细信息。
1.3 预期效果
1)以物资采购信息为例,根据物资看板来确认采购数量,弹窗效果如下所示:
2)以物资采购信息为例,根据物资看板来确认采购数量,新标签页打开效果如下所示:
1.4 使用说明
该插件为免费插件,付费版用户可免费使用。
2. 插件安装及配置
2.1 安装插件
1)直接安装
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 预期效果】。