Teamlinker/code/client/src/business/common/component/flow/approval.ts

import {DiamondNode, DiamondNodeModel} from "@logicflow/core";
import {NodeTextTheme} from "@logicflow/core/types/constant/DefaultTheme";
import {
    ECommon_Model_Workflow_Node_Status,
    ICommon_Model_Workflow_Node
} from "../../../../../../common/model/workflow_node";

class approvalModel extends DiamondNodeModel {
    override getNodeStyle(): { [p: string]: any; width?: number; height?: number; radius?: number; fill?: string; stroke?: string; strokeWidth?: number } {
        const style=super.getNodeStyle();
        style.strokeWidth=0
        let props=this.getProperties() as ICommon_Model_Workflow_Node
        if(props.status==ECommon_Model_Workflow_Node_Status.INPROGRESS) {
            style.fill="rgb(4,57,192)"
        } else if(props.status==ECommon_Model_Workflow_Node_Status.DONE) {
            style.fill="rgb(15,119,72)"
        }
        return style
    }

    override getTextStyle(): NodeTextTheme {
        const style=super.getTextStyle();
        let props=this.getProperties() as ICommon_Model_Workflow_Node
        if(props.status==ECommon_Model_Workflow_Node_Status.INPROGRESS) {
            style.fill="white"
            style.stroke="white"
        } else if(props.status==ECommon_Model_Workflow_Node_Status.DONE) {
            style.fill="white"
            style.stroke="white"
        }
        style.fontSize=13
        style.strokeWidth=0.8
        return style;
    }

    override initNodeData(data: any) {
        super.initNodeData(data);
        this.rx=40
        this.ry=40
    }
}

class approvalView extends DiamondNode {

}

export const flowApproval= {
    type: "approval",
    view: approvalView,
    model: approvalModel
};