我很含蓄, 什么也没有留下!

前端定制基于postmessage通讯机制使用说明

智驱平台2025-12-16 20:29 阅读 96 评论 0

 业务场景
       在前端定制开发场景中需要实现不同任务、项目和报表等定制页面间传递参数给平台标准页面实现相互通信可以基于平台封装好的postmessage通讯机制来实现。

  背景说明:
     基于postmessage通讯机制提供的一些功能:
1.报表串报表
2.报表串任务/项目
3.报表串图档应用使用方式:
(1).iframe内嵌的页面,可以通过向parent页面发送message消息,并携带参数来实现。
(2).应用也可以直接调用@ng-dynamic-forms/core包中的PostMessageDistributionService服务中的distribute方法,并传参。
  
    实现方式:
   1、 Iframe使用postmessage与平台通信:

参数设定:

打开任务、项目任务:

{

"type": "task/project",

"source": "xxx",

"data": {

    "id": "123456" 

  }

}

    2、打开2D/3D图档:

{

"type": "graph",

"source": "xxx",

  "data": {

    "graph_info": [

      {

         "graph_no": "graph_no",

         "graph_no_version": "graph_no_version",

         "thumbnail": "cad_thumbnail_url",

        "online_drawing_format": "online_drawing_format",

         "cad_url": "cad_url"

      }

    ]

  }

}

// string 操作类型:图档
     

3、打开报表

   {

"type": "report",

"source": "xxx",

"data": {

"code": "xxxx",

"category": "xxxx",

"params": {

"track_query_info": [

{

"question_process_stage": "",

"question_no": "",

"feedback_start_date": "2021-07-28",

"feedback_person_info": [],

"question_description": "",

"question_status": "",

"feedback_end_date": "2022-01-28"

}

]

},

"businessUnit": {}

}

}

  


4、注意点:

category ABI报表ABI-STATEMENT data.params中须包括关联报表B完整查询条件

data.params中包含报表B完整的查询条件,其数据来源可以是报表A的查询条件 + 界面选择数据,由dap拼装好后转递给AI前端; AI前端拿到该信息后可直接用于报表B的查询,不需要在进行转换;


路过

雷人

握手

鲜花

评论

您需要登录后才可以发表言论 登录立即注册
facelist
  • 328帖子
  • 0关注
  • 0粉丝
  • 关注公众号
Copyright © 2026 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
关灯
即将开放
返回顶部
返回顶部