forked from gzzfw/frontEnd/gzDyh

zhangyongtian
2024-09-10 0eca6aea6132685e860a49eb983598ccc858dc47
gz-customerSystem/src/views/register/eventFlow/component/EventFlow.jsx
@@ -10,12 +10,17 @@
import MatterDetail from '../../matterDetail';
import SupervisingView from "../../matterDetail/Supervising";
import * as $$ from '@/utils/utility';
import { useNavigate } from 'react-router-dom';
const TabPane = Tabs.TabPane;
const Step = Steps.Step;
function getListCaseFlow(data) {
   return $$.ax.request({ url: `caseTask/listCaseFlow`, type: 'get', service: 'mediate', data });
function getListCaseFlow(caseId) {
  return $$.ax.request({ url: `caseTask/listCaseFlow?caseId=${caseId}`, type: 'get', service: 'mediate' });
}
function accept(data) {
  return $$.ax.request({ url: `caseTask/accept`, type: 'post', service: 'mediate', data });
}
export default function EventFlow(props) {
@@ -23,7 +28,20 @@
    {
      label: '受理',
      type: 'primary',
      click: () => { },
      click: () => {
        Modal.confirm({
          title: '受理确认',
          content: '确认受理该事件?',
          onOk: async () => {
            const res = await accept({
              caseTaskId: props.caseTaskId
            })
            if (res.type) {
              $$.infoSuccess({ content: '受理成功!' });
            }
          },
        });
      },
      key: 'sl',
    },
    {
@@ -59,6 +77,7 @@
    },
  ]
  const scrollRef = useRef(null)
  const navigate = useNavigate();
  const [backVisible, setBackVisible] = useState(false)
  const [height, setHeight] = useState(500)
  const [escalationVisible, setEscalationVisible] = useState(false)
@@ -103,13 +122,16 @@
  //获取流程信息
  const getData = async () => {
    const res = await getListCaseFlow({
      caseId: props.caseId
    })
    if(res.type) {
    const res = await getListCaseFlow(
      props.caseId
    )
    if (res.type) {
      setProgressData(res.data)
    }
  }
  return (
    <Fragment>
@@ -130,7 +152,7 @@
          ref={scrollRef}
          autoHide
        >
          <MatterDetail caseId={props.caseId}/>
          <MatterDetail caseId={props.caseId} />
          <div className='dataSync-hasTabPage' style={{ marginTop: '-8px' }}>
            <Tabs defaultActiveTab='1' >
              <TabPane
@@ -168,7 +190,7 @@
          unmountOnExit={true}
          maskClosable={false}
        >
          <BackModel caseId={props.caseId} onCancel={() => { setBackVisible(false) }}/>
          <BackModel caseId={props.caseId} onCancel={() => { setBackVisible(false) }} />
        </Modal>
        <Modal
          title='上报'
@@ -179,7 +201,7 @@
          unmountOnExit={true}
          maskClosable={false}
        >
          <EscalationModel caseId={props.caseId} onCancel={() => { setEscalationVisible(false) }}/>
          <EscalationModel caseId={props.caseId} onCancel={() => { setEscalationVisible(false) }} />
        </Modal>
        <Modal
          title='交办'
@@ -192,7 +214,7 @@
          autoFocus={false}
          focusLock={false}
        >
          <AssignedModel caseId={props.caseId} onCancel={() => { setAssignedVisible(false) }}/>
          <AssignedModel caseId={props.caseId} caseTaskId={props.caseTaskId} onCancel={() => { setAssignedVisible(false) }} />
        </Modal>
        <div className="dataSync-excel">
          <Space size="large" style={{ margin: '4px 14px' }}>
@@ -200,7 +222,7 @@
              const { label, key, click, ...rest } = item;
              return <Button key={key} onClick={click} {...rest} >{label}</Button>
            })}
            <Button type='secondary' >返回上级页面</Button>
            <Button type='secondary'  onClick={() => navigate(-1)}>返回上级页面</Button>
          </Space>
        </div>
      </div>