门户V2定制-添加右下角消息弹出提醒

场景描述

企业门户V2登录后当有消息时，在右下角弹出

实现思路

1. 新增“ 门户自定义 ”组件
2. 使用“@after”在接收消息方法执行后自定义

   注意：消息依赖“消息中心”和“事件中心”应用，请在使用前提前新增并在企业门户v2中进行服务注册

实现步骤

1. 使用租户管理员登录系统，在“应用/服务管理”企业门户V2，开启门户定制（详细操作步骤可参考 门户V2调试）

2. 进入云端开发后，打开市场组件“门户自定义”，并开启组件定制

3. 在“\UI2\comp\portalConfig\components\portalConfig”组件目录下，定制文件“portalConfig.config.js”（文件命名：组件名+“.config.js”，不能随便定义）,文件内容如下所示：

    import { merge } from "lodash";
    import ConfigContextProcessor from 'core/framework/ConfigContextProcessor';
    import { notification } from 'antd';
   
    export default {
   
        processConfigContext(configContext) {
        },
   
        async onConfigContextInit(configContextProcessor) {
            //获取当前页
            let _this = configContextProcessor.page;
            let portalConfig = {
                "config": {
                    "/entry": {
                        "/pcxapp": {
                            "/pcx": {
                                "/index.w": {
                                    //每次有新的消息进行消息数据更新
                                    "onWxSubscribeMessage": {
                                        "@after": (result, ...args) => {
                                            if (args&&args[0]) {
                                                let sourceNotices = args[0].message.data || [];    
                                                if(!sourceNotices[0]){
                                                    return;
                                                } 
                                                //接收到新的消息右下角弹出提醒
                                                notification.info({
                                                    message: sourceNotices[0].title,
                                                    description:sourceNotices[0].content,
                                                    placement:"bottomRight"
                                                });
                                            }
                                        }
                                    }
                                }                               
                            }
                        }
                    }
                }
            };
            merge(_this.configContext, portalConfig);
            ConfigContextProcessor.enhancePageAdvice(_this);
        }
    }
   

4. “门户自定义”组件定制完成之后，重新发布即可