开发指南035-刷新待办

简介: 这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系

这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系。当然这两个系统都是同一个浏览器打开的。跨域页面通讯技术的核心是:消息监听。

      1、门户主界面的vue页面的create中挂接消息监听:

            let that = this

            window.addEventListener("message", e => {

               that.doMessage(e);

            });

           methods定义消息处理函数      

          doMessage(e) {

           if (e.data == "refreshTodo") {

                 调用待办组件的刷新方法

           }

          }

     2、业务系统

         qlm_commonfuns.js中定义了刷新方法:

         export function refreshTodo(){

           if (window.opener){

             window.opener.postMessage("refreshTodo","*")

         }

         }

         调用后台处理业务成功后调用该函数即可。

        这里的关键点是门户打开业务系统链接要使用window.open函数

相关文章
|
8月前
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
796 0
|
2月前
|
前端开发 NoSQL Redis
开发指南071-进度展示
前端发起一个比较长时间的服务,需要在前端刷新实时进度,告诉用户进展
|
3月前
|
API 微服务
开发指南042-产生待办
整个平台待办是统一处理的,各业务微服务需要产生待办时调用系统API
|
6月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
50 0
|
7月前
|
Web App开发 缓存 运维
数据管理DMS产品使用合集之遇到通知管理点击修改后出现白屏或部分白屏的情况,一般是什么导致的
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
57 0
|
8月前
|
Shell 开发工具 git
聊天功能演示系统发布后出现有些页面滚动与鼠标点击问题解决
聊天功能演示系统发布后出现有些页面滚动与鼠标点击问题解决
45 0
|
8月前
|
微服务
开发指南010-后台结构
后台微服务程序结构如下:
|
前端开发
前端工作总结299-uni-发布详情页样式修改
前端工作总结299-uni-发布详情页样式修改
127 0
前端工作总结299-uni-发布详情页样式修改
|
监控 JavaScript 前端开发
Axure实战23:创建一个包含富文本编辑的消息推送页面
Axure实战23:创建一个包含富文本编辑的消息推送页面
1165 0
Axure实战23:创建一个包含富文本编辑的消息推送页面

热门文章

最新文章