打开超链接

概述

版本

功能说明

一些数据量大、关联性强的驾驶舱项目中，往往需要超链接下钻到各个子屏，展开局部数据的详情信息。超链接通过交互配置可以轻松实现。

配置

打开方式

支持选择：当前窗口、新开窗口、或模态窗口，3种方式来打开超链接。

当前窗口

替换当前大屏内容，窗口展示超链接内容。

配置：

新开窗口

浏览器新开标签页打开超链接内容。

配置：

模态窗口

弹出小窗口打开超链接内容。

配置：

• 窗口大小：弹出窗口的大小，为0时代表是最大化
• 窗口位置：
  • 屏幕正中：在窗口的正中间位置弹窗展示。
  • 鼠标位置：在鼠标触发超链接的位置打开弹窗。
  • 自定义：在指定的坐标位置打开弹窗。

鼠标位置打开超链接:

可在鼠标位置设置一定的偏移距离。也可以勾选“自适应”选项，当弹窗超出窗口时将自动智能偏移以展示完全。

• 显示标题栏：
  • 勾选显示：窗口标题栏将显示配置的标题名称，若勾选允许最大化、标题栏将显示最大最小化按钮；若勾选允许拖动，则鼠标按住标题栏可以拖动窗口。
  • 不显示标题栏：仍然可以通过悬浮按钮最大化、拖动、关闭窗口。

勾选显示:

不显示标题栏:

可以配置按钮的样式及显示方式，如下：

最大化按钮、拖动按钮、关闭按钮统一配置:

• 关闭时刷新组件数据：关闭超链接后，自动刷新组件数据。配合组件使用，可达成弹窗操作实时反映于大屏数据展示结果的效果。

链接类型

支持通过超链接打开多种模板：数智大屏、部件、报表/单元格表单、跨设备表单、即席查询模型、即席查询方案、即席查询报表、网页。

数智大屏

可以通过超链接下钻到另一张大屏。

● 链接的是已发布的大屏内容；
● 选择范围：可以选择在当前租户内的任何一个运行中的重应用的任何工作空间中的已发布大屏；
● 超链接时，可以对链接大屏内的大屏变量实时传值，实现主子屏的联动场景。

被链接的大屏的大屏变量可以通过常量、表达式。或当前组件数据进行赋值。（其他类型模板的变量或参数的传值配置均采用相同方式，如果被链接对象内变量或参数有更新，点击刷新按钮，即可获取最新的数据情况。）

• 当前组件：将当前组件的相关值赋值给变量，例如点击标题时，可以把标题值传出；或者点击表格时，可以把点击表格的所在行的各数据字段值传出；
• 常量：赋值常量值给变量；
• 表达式：通过表达式编辑器，可以对当前组件数据、系统变量、自定义变量、大屏变量等进行处理，提供丰富的JS函数，辅助数据处理。

部件

可以通过超链接打开一个部件内容。

● 链接的是部件的最新内容；
● 选择范围：当前租户部件超市中的所有已上架部件，以及当前应用中创建的所有已上架和未上架部件；
● 超链接时，可以对链接部件内的公有变量实时传值，实现大屏与部件内部数据联动的场景。

报表/单元格表单

可以通过超链接下钻至一张报表或单元格表单。

● 允许跨应用选择模板；
● 超链接时，可以对报表或表单中启用中的参数进行传值，实现大屏与报表内数据联动的场景。

链接报表配置:

可以配置：打开时，是否显示报表/表单的工具栏、是否显示参数区域，是否直接使用超链接配置的参数值进行查询。对参数可以选择性启用，启用时采取此处的超链接配置进行查询，不启用则不采用此处的配置，同时还可以对参数区域展示哪些参数进行选择。

链接单元格表单配置:

选择的文件如果是单元格表单，会比报表文件类型多出配置：打开方式。

• 普通模式打开时，无需其他配置，按报表打开即可；
• 填报模式打开时，按单元格表单模式打开，可选择填报提交后是否自动关闭超链接窗口。

跨设备表单

可以通过超链接下钻至一张跨设备表单。

● 允许跨应用选择模板；
● 超链接时，可以对跨设备表单中启用中的参数进行传值，实现大屏与表单内数据联动的场景；
● 若所选跨设备表单是树模型，则配置参数相关设置即可。

除树模型外的跨设备表单有新增页面、修改页面、详情页面、列表页面四种类型。可以指定打开跨设备表单的页面类型，还可选择“智能识别”类型。

• 新增/修改/详情：在参数列表配置参数值；
• 列表：除参数值配置，还可以控制对参数区域的显示和是否直接按此处配置查询；
• 智能识别：除参数值配置，通过“设置”对无记录和单记录的情况分别处理。

智能识别配置：

即席查询

可以通过超链接下钻至即席查询模型、方案或报表。

● 允许跨应用选择文件；
● 即席查询模型/方案：可以给即席查询模型或方案中的参数（即主数据源参数）传值，实现联动；
● 即席查询报表：可以给即席查询报表中的参数、及非固定值条件传值，实现联动。

1. 即席查询模型/方案：

   • PC端：超链接执行即席查询模型/方案时，会进入当前用户保存的即席查询模型/方案编辑界面，可查看工具栏和参数面板。（“已选指标”区域为空时，直接查询不生效）

   • 移动端：不支持执行即席查询模型/方案。

   • 配置：

     链接即席查询模型配置:
     

   • 即席查询模型“已选指标”区域为空时，勾选“直接查询”也不生效；

   • “允许编辑”设置项默认不勾选，不勾选时执行界面中的该参数只读，勾选时，该参数允许编辑。

2. 即席查询报表：

   • PC端：

     • 超链接执行即席查询报表时，若“显示参数区域”勾选，则勾选“参数区域显示”的参数和固定值条件参数（只读）都显示在参数区域；若“显示参数区域”不勾选，则固定值条件参数也不在参数区域显示；
     • 若“显示参数区域”勾选，且只有固定值参数显示时，即席查询报表无论是否勾选“直接查询”，即席查询报表执行时都直接查询。

   • 移动端：不支持执行即席查询报表。

   • 配置：

     链接即席查询报表配置:
     

   • 可对：报表参数、非固定值条件（不包括：操作符是为空和不为空的条件）进行配置；（固定值条件不可配置）

   • 即席查询报表的非固定值条件是强制启用的。

网页

可以通过超链接打开一个网页。

可以通过常量、表达式、当前组件数据，3种方式配置打开的网址值。“当前组件”方式结合类似下拉菜单或导航菜单的组件使用，可直接将URL数据的字段赋值给网址值，以实现菜单的呈现，方便快捷。

同时支持连接第三方系统，当用户访问配置的网页地址时，网页地址会附加参数ticket，配置的第三方系统可以使用ticket通过接口获取访问用户信息。

流程表单

可以通过超链接下钻至一张流程表单。

● 允许跨应用选择模板；
● 超链接时，可以对流程表单中启用中的参数进行传值，实现大屏与表单内数据联动的场景；

流程表单有新增页面、修改页面、详情页面三种类型。可以指定打开流程表单的页面类型

• 新增/修改/详情：在参数列表配置参数值；
  

  安全策略

  

当超链接对象为：数智大屏、报表/单元格表单、跨设备表单、即席查询、流程表单时，支持选择安全认证类型对超链接模板参数进行密文加密处理、和访问认证。

安全认证：

• 继承父模板：随主屏的认证方式；
• 自定义：系统默认或定义的第三方认证类型。

密文传参：是否要对超链接参数进行加密处理。

轮播表格单元格点击跳转不同链接完整教程

教程目标

本教程将教你实现：轮播表格第二列（人员列）点击不同姓名跳转到不同网站，第一列（地区列）点击无跳转的效果。

• 点击”小明” → 跳转到百度
• 点击”小陈” → 跳转到CSDN
• 点击”小潘” → 跳转到知乎
• 点击”小曾” → 跳转到掘金
• 点击”小白” → 跳转到B站

一、基础准备工作

1. 创建全局大屏变量

进入大屏编辑器顶部的 “资源” 标签页，在”大屏变量”面板中创建以下3个变量：

2. 配置轮播表格数据源

1. 拖入一个 “轮播表格V2” 组件到画布
2. 进入右侧”数据”标签页
3. 数据源选择”静态数据”（或你的实际数据源）
4. 输入以下测试数据：

   [
   {"area": "杭州", "name": "小明"},
   {"area": "宁波", "name": "小陈"},
   {"area": "温州", "name": "小潘"},
   {"area": "湖州", "name": "小曾"},
   {"area": "台州", "name": "小白"}
   ]

5. 配置字段映射：
   • 第一列 → area 字段（显示地区）
   • 第二列 → name 字段（显示人员）

此时表格显示效果：

二、核心事件配置（严格按照此流程操作）

进入轮播表格右侧的 “交互” 标签页，展开”字段点击时”面板。

事件1：基础变量赋值（必须第一个配置）

这个事件会在点击任何单元格时自动执行，获取当前点击行的所有数据。

1. 点击”+ 添加事件”
2. 点击”动作”区域的”+”号，选择”设置大屏变量”
3. 配置变量赋值规则：

   列名 = COL_NAME
   列1 = area
   列2 = name

4. 编辑事件名称为：设置全局变量
5. 不添加任何条件（无条件执行）
6. 点击”确定”保存
   

   

   
   

   

事件2：小明 → 百度

1. 点击”+ 添加事件”
2. 立即添加动作：点击”动作”区域的”+”号，选择”打开超链接”
3. 配置超链接参数：
   • 打开方式：新窗口（推荐，不覆盖当前大屏）
   • 链接类型：外部链接
   • 链接地址：https://www.baidu.com
4. 然后编辑事件名称为：跳转百度-小明
   

   

5. 最后添加条件：点击”+ 添加条件”
   • 条件1：当前组件 → name → == → 表达式 → “小明”（必须加英文双引号）
   • 点击条件区域右上角的”+ 添加”，新增条件2：
     当前组件 → COL_NAME（系统字段）→ == → 表达式 → “name”（必须加英文双引号）
   • 确保顶部选中”符合全部条件“
     

     

6. 点击”确定”保存条件

事件3：小陈 → CSDN

1. 点击”+ 添加事件”
2. 立即添加动作：打开超链接
   • 打开方式：新窗口
   • 链接类型：外部链接
   • 链接地址：https://www.csdn.net
3. 编辑事件名称为：跳转CSDN-小陈
   

   

4. 添加条件：
   • 条件1：当前组件 → name → == → 表达式 → “小陈”
   • 条件2：当前组件 → COL_NAME → == → 表达式 → “name”
   • 符合全部条件
     

     

5. 点击”确定”保存

事件4：小潘 → 知乎

1. 点击”+ 添加事件”
2. 立即添加动作：打开超链接
   • 打开方式：新窗口
   • 链接类型：外部链接
   • 链接地址：https://www.zhihu.com
3. 编辑事件名称为：跳转知乎-小潘
   

   

4. 添加条件：
   • 条件1：当前组件 → name → == → 表达式 → “小潘”
   • 条件2：当前组件 → COL_NAME → == → 表达式 → “name”
   • 符合全部条件
     

     

5. 点击”确定”保存

事件5：小曾 → 掘金

1. 点击”+ 添加事件”
2. 立即添加动作：打开超链接
   • 打开方式：新窗口
   • 链接类型：外部链接
   • 链接地址：https://juejin.cn
3. 编辑事件名称为：跳转掘金-小曾
   

   

4. 添加条件：
   • 条件1：当前组件 → name → == → 表达式 → “小曾”
   • 条件2：当前组件 → COL_NAME → == → 表达式 → “name”
   • 符合全部条件
     

     

5. 点击”确定”保存

事件6：小白 → B站

1. 点击”+ 添加事件”
2. 立即添加动作：打开超链接
   • 打开方式：新窗口
   • 链接类型：外部链接
   • 链接地址：https://www.bilibili.com
3. 编辑事件名称为：跳转B站-小白
   

   

4. 添加条件：
   • 条件1：当前组件 → name → == → 表达式 → “小白”
   • 条件2：当前组件 → COL_NAME → == → 表达式 → “name”
   • 符合全部条件
     

     

5. 点击”确定”保存

三、最终事件列表

配置完成后，你的”字段点击时”面板应该有以下6个事件，顺序不能变（变量赋值必须在最前面）：

1. 设置全局变量（无条件执行）
2. 跳转百度-小明
3. 跳转CSDN-小陈
4. 跳转知乎-小潘
5. 跳转掘金-小曾
6. 跳转B站-小白

四、效果验证

1. 点击第二列的”小明” → 新窗口打开百度
2. 点击第二列的”小陈” → 新窗口打开CSDN
3. 点击第一列的”杭州”、”宁波”等地区 → 无任何跳转
4. 点击表格空白处 → 无任何跳转

五、常见问题排查

1. 点击不跳转

• ✅ 检查表达式中的双引号是不是英文双引号，中文引号会导致条件失效
• ✅ 检查人员姓名是不是和表格中完全一致（包括空格、大小写）
• ✅ 检查链接地址是否包含https://前缀
• ✅ 检查浏览器是否拦截了弹窗（地址栏右侧会有拦截图标）

2. 点击第一列也会跳转

• ✅ 确认每个跳转事件都添加了COL_NAME == "name"的条件
• ✅ 确认条件逻辑是”符合全部条件”而不是”符合任意条件”

3. 点击所有人都跳转到同一个网站

• ✅ 检查每个事件的条件中的人员姓名是否正确
• ✅ 检查每个事件的跳转链接是否正确

六、进阶扩展（可选）

让第一列地区也有自己的跳转逻辑

如果你希望点击第一列的地区也能跳转到不同的页面，可以再添加5个事件，同样按照”先加动作→再改名称→最后加条件”的流程：

示例：点击杭州跳转到杭州政府网

1. 点击”+ 添加事件”
2. 添加动作：打开超链接 → 新窗口 → https://www.hangzhou.gov.cn
3. 编辑事件名称：跳转杭州政府网
4. 添加条件：
   • 条件1：当前组件 → area → == → 表达式 → “杭州”
   • 条件2：当前组件 → COL_NAME → == → 表达式 → “area”
   • 符合全部条件
5. 点击”确定”保存

以此类推，为宁波、温州等地区配置对应的政府网站链接。