执行跳转事件

操作步骤

1. 事件传输：母页面接收监听到window事件后决定执行方式。

   

2. 页面跳转：自定义URL地址或选择现有组态页面进行跳转。

   

   • 事件触发条件：

   选择需要跳转的组件后，在页面右侧选择事件 > 单击或双击时(不支持其他操作类型) > 添加动作。

   在事件动作编辑弹窗的打开连接页签中，选择事件传输的执行方式，如下图所示：

   

   此时在发布页面中通过鼠标单击事件单击组件时会发送对应的Window事件：

   

   • 事件格式：

   {
     direction:"export",
     type: "deviceInfo",
     data: {
       device_id: ${device_id}
     }
   }

   type：消息类型（deviceInfo为设备详情）

   device_id：设备ID

   当事件type类型为deviceInfo时，说明查看的是具体设备详情，

   • 处理样例：

   母页面监听该事件的代码示例如下：

   window.addEventListener("message", (event) => {
     if (event.data.type === 'deviceInfo') {
       this.sendDetail(event.data)
     }
   })

   • 向前兼容：

   1、用户之前未在当前组件的打开连接页签配置跳转地址时，添加动作时打开连接页签默认选择的执行方式为：事件传输；

   2、用户之前已在当前组件的打开连接页签配置跳转地址时，编辑动作时则会自动选择执行方式为：页面跳转。