//圆形节点-绿色 用于已通过节点
class CircleGreenNode extends CircleNode {}

class CircleGreenModel extends CircleNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#3ABA64';
        return style;
    }
}
//圆形节点-橙色 用于正在进行中节点
class CircleOrangeNode extends CircleNode {}

class CircleOrangeModel extends CircleNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#FF9900';
        return style;
    }
}
//圆形节点-灰色 用于禁用节点
class CircleGreyNode extends CircleNode {}

class CircleGreyModel extends CircleNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#CED3DA';
        return style;
    }
}

//方形节点-绿色 用于已通过节点
class RectGreenNode extends RectNode {}

class RectGreenModel extends RectNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#3ABA64';
        return style;
    }
}
//方形节点-橙色 用于正在进行中节点
class RectOrangeNode extends RectNode {}

class RectOrangeModel extends RectNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#FF9900';
        return style;
    }
}
//方形节点-灰色 用于禁用节点
class RectGreyNode extends RectNode {}

class RectGreyModel extends RectNodeModel {
    getNodeStyle() {
        const style = super.getNodeStyle();
        style.fill = '#F8FAFD';
        style.stroke = '#CED3DA';
        return style;
    }
}