feat: 事件流转改变

zhangyongtian

2024-09-06 336a519d0481f9f1678e84bd47d46b66942b1ae0

 gz-customerSystem/src/views/register/eventFlow/index.jsx

@@ -13,10 +13,10 @@
import "@arco-themes/react-gzzz/css/arco.css";
import '../index.less';
import { Steps, Tabs } from '@arco-design/web-react';
import { examine, Matter, transfer } from '@/assets/images'
import { examine, Matter, transfer, applyRecord } from '@/assets/images'
import EventFlow from './component/EventFlow';
import MatterDetail from '../matterDetail';
import Examine from "./component/Examine";
import ApplyInfo from "../matterDetail/ApplyInfo";

const Step = Steps.Step;
const TabPane = Tabs.TabPane;
@@ -28,14 +28,13 @@
   const [tabsList, setTabList] = useState([
      {
         img: Matter,
         label: '事项详情',
         label: '详情',
         key: '1'
      },
      {
         img: transfer,
         label: '流转办理',
         img: applyRecord,
         label: '申请记录',
         key: '2',
         isNeedStep: true,//加上这个就有进度条
      },
      {
         img: examine,
@@ -43,6 +42,7 @@
         key: '3',
      },
   ])
   const [disTab, setDisTab] = useState(true)


   return (
@@ -52,7 +52,7 @@
               { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '处理' }
            }
         >
            <Tabs
            {disTab ? <Tabs
               defaultActiveTab='1'
               onChange={(v) => setTabsActive(v)}
               className='myTabContent'
@@ -67,24 +67,13 @@
                        </span>
                     }
                  >
                     {
                        item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '0 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
                           <Steps type='navigation' current={current}>
                              <Step title='来访登记' disabled />
                              <Step title='事件流转' disabled />
                              <Step title='办理反馈' disabled />
                              <Step title='结案审核' disabled />
                              <Step title='当事人评价' disabled />
                              <Step title='结案归档' disabled />
                           </Steps>
                        </div>
                     }
                     {tabsActive === '1' && <MatterDetail />}
                     {tabsActive === '2' && <EventFlow />}
                     {tabsActive === '1' && <EventFlow />}
                     {tabsActive === '2' && <ApplyInfo />}
                     {tabsActive === '3' && <Examine />}
                  </TabPane>
               })}
            </Tabs>
            </Tabs> : <EventFlow />
            }
         </NewPage>
      </div>
   )