流程

dminyi

2024-09-10 842f0a4df6b10d70512e6bf48c99c54987c3bd25

 gz-customerSystem/src/views/register/matterDetail/fileMessage.jsx

@@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react';
import NewPage from '@/components/NewPage';
import { Steps, Tabs, Button } from '@arco-design/web-react';
import { Steps, Tabs, Button, Badge } from '@arco-design/web-react';
import { apply, floating } from '@/assets/images';
import { result } from '@/assets/images/icon';
import * as $$ from '@/utils/utility';
@@ -12,6 +12,8 @@
import { Scrollbars } from "react-custom-scrollbars";
import RateModule from './RateModule';
import RegisInfoModule from './RegisInfoModule';
import SupervisingView from "./Supervising";
import { useNavigate } from 'react-router-dom';

const Step = Steps.Step;
const TabPane = Tabs.TabPane;
@@ -32,12 +34,12 @@
  return $$.ax.request({ url: `caseFeedback/listFeedback?id=` + id, type: 'get', service: 'mediate' });
}

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' });
}


const FileMessage = (props) => {
  const navigate = useNavigate();
  const caseTaskId = $$.getQueryString('caseTaskId')
  const caseId = $$.getQueryString('caseId')
  const [tabsActive, setTabsActive] = useState('1');
@@ -67,6 +69,7 @@
  const [progressData, setProgressData] = useState({});

  useEffect(() => {
    console.log(caseId, 'caseId')
    getByCaseId(caseId);
    getTransactResult(caseId);
    getCaseInfo(caseId);
@@ -110,9 +113,7 @@
  }

  const getData = async (id) => {
    const res = await getListCaseFlow({
      caseId: id
    })
    const res = await getListCaseFlow(id)
    if (res.type) {
      setProgressData(res.data)
    }
@@ -178,14 +179,40 @@
                <div className="dataSync-excel">
                  <Space size="large" style={{ margin: '4px 14px' }}>
                    <Button type='primary' >导出</Button>
                    <Button type='secondary' >返回上级页面</Button>
                    <Button type='secondary'onClick={() => navigate(-1)}>返回上级页面</Button>
                  </Space>
                </div>
              </>
            }
            {
              tabsActive === '2' &&
              <ProgressStep progressData={progressData} />
              <div className='dataSync-hasTabPage' style={{ marginTop: '-8px' }}>
                <Tabs defaultActiveTab='1' >
                  <TabPane
                    key='1'
                    title={
                      <span style={{ fontSize: '15px' }}>
                        流转进度
                      </span>
                    }
                  >
                    <ProgressStep progressData={progressData} hasTab={true} />
                  </TabPane>
                  <TabPane
                    key='2'
                    title={
                      <span style={{ fontSize: '15px' }}>
                        督办信息
                        <Badge maxCount={99} count={1000} />
                      </span>
                    }
                  >
                    <div style={{ marginBottom: '20px' }}>
                      <SupervisingView id={''} />
                    </div>
                  </TabPane>
                </Tabs>
              </div>
            }
            {
              tabsActive === '3' &&