[Ecology ecode] 流程右上角增加状态图签-全局

归档流程右上角增加状态图签

当前代码为归档流程无条件全局图签，可按照自己需求增加条件拓展

代码

register.js(前置加载)

ecodeSDK.overwritePropsFnQueueMapSet('Menu', {
  fn: (newProps) => {
    if (!ecodeSDK.checkLPath('/spa/workflow/static4form/index.html#/main/workflow/req')) return;
        if (!WfForm.getGlobalStore().commonParam.currentnodetype === 3) return;
        
        var form = document.querySelector("div.wf-req-form");
        if (!form) return;
        if (form.querySelector(".floating-status-img")) return;

        var statusImage = document.createElement("img");
        statusImage.src = "${appRes}/shenpitongguo_1.svg"; // 图片链接
        statusImage.alt = "流程状态";
        statusImage.className = "floating-status-img";

        form.appendChild(statusImage);
  },
});

index.css(前置加载)

.floating-status-img {
    position: absolute;
    top: 10px; /* 距离上边缘10px */
    right: 10px; /* 距离右边缘10px */
    /* width: 50px;   */
    /* 设置图片的宽度 */
    /* height: 50px;  */
    /* 设置图片的高度 */
    z-index: 999; 
}

shenpitongguo_1.svg 图片上传至项目resources文件夹下

[Ecology ecode] 流程右上角增加状态图签-全局 by https://oneszhang.com/archives/116.html