状态机接入

前言：

状态机主要包含四部分的内容：状态流模版管理、状态流设计器、流程图渲染模块、审批日志（如下图所示）

状态流管理和状态留设计器：

流程图渲染模块：

审批日志模块：（集成了审批日志和流程图）

如何集成：

状态流模版管理、状态流设计器：

csb系统

https://kb.cvte.com/pages/viewpage.action?pageId=251660089#id-03_%E5%89%8D%E7%AB%AF%E9%83%A8%E7%BD%B2-%E7%8A%B6%E6%80%81%E6%B5%81/%E7%8A%B6%E6%80%81%E6%B5%81%E8%AE%BE%E8%AE%A1%E5%99%A8

非csb系系统

https://kb.cvte.com/pages/viewpage.action?pageId=273316485

流程图渲染模块：

yarn add @cvte/cir-csb-generator

import FlowChart from '@cvte/cir-csb-generator/src/layoutComponents/csbFlowChar';

const App: FC<IProps> = () => {    
    return (
        <>
               <FlowChart pageId={pageId} height={500} apiConfig={core: ''} ></FlowChart>
        </>
    );
}
interface IProps {}

属性说明：

审批日志：

yarn add @cvte/cir-csb-generator

import ChangeLog from '@cvte/cir-csb-generator/src/layoutComponents/csbChangeLog';

const App: FC<IProps> = () => {    
    return (
        <>
               <ChangeLog 
                    pageId={pageId}
                    apiConfig={core: ''}
                    changeLogTableExtraConfig={
                        style: {}
                    }
                    flowCharExtraConfig={
                        modalConfig: {style: {}, bodyStyle: {}},
                        flowCharHeight: 500
                    }
                />
        </>
    );
}
interface IProps {}

属性说明：