import React, { useState, useEffect, useRef, useMemo } from 'react'; import { Form, Select, Button, Table, Input, Checkbox, Divider, Tabs } from 'antd'; import { connect } from 'dva'; import AuditNodeModal from './AuditNodeModal'; import AuditModal from './AuditModal'; import styles from './Audit.less'; import router from 'umi/router'; import Flow, { FLOW_TYPE } from '@/components/Flow'; import AuditForm from '@/components/AuditForm'; import { async } from '@antv/x6/lib/registry/marker/async'; const { Option } = Select; const { TabPane } = Tabs; const FLOWID = 2; function Audit(props) { const { roleList, currentItem, dispatch, formItems, formData, flowDetail } = props; const ref = useRef(); const curItem = useMemo(() => { return currentItem || localStorage.getItem('currentAudit'); }, [currentItem, localStorage.getItem('currentAudit')]); useEffect(() => { dispatch({ type: 'flow/queryProcessFlows', payload: { ids: Number(curItem.id) }, }); dispatch({ type: 'flow/fetchDepV2', }); // dispatch({ // type: 'user/fetchDepV2', // }); }, []); const onChange = values => { dispatch({ type: 'xflow/save', payload: { formData: values, }, }); }; const handleSaveClick = async () => { const data = await ref.current.getGraphData((data, simpleNodes) => { let param = { // name: curItem.name, id: Number(curItem.id), form_json: JSON.stringify(formItems), process_json: data, process_simple_json: simpleNodes, }; dispatch({ type: 'flow/saveAuditFlowInfo', payload: param }); }); }; return (
{curItem.name}