feat: 滚动优化、查看当事人报错、事件流转静态

zhangyongtian

2024-09-04 3a188607647cbf05c08e7675186ec48764cc657c

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

@@ -12,10 +12,11 @@
import * as $$ from '@/utils/utility';
import "@arco-themes/react-gzzz/css/arco.css";
import '../index.less';
import { Button, Steps, Tabs, Message } from '@arco-design/web-react';
import { question, register, Matter, transfer } from '@/assets/images'
import { Steps, Tabs } from '@arco-design/web-react';
import { examine, Matter, transfer } from '@/assets/images'
import EventFlow from './component/EventFlow';
import MatterDetail from '../matterDetail';
import Examine from "./component/Examine";

const Step = Steps.Step;
const TabPane = Tabs.TabPane;
@@ -36,6 +37,11 @@
         key: '2',
         isNeedStep: true,//加上这个就有进度条
      },
      {
         img: examine,
         label: '审核',
         key: '3',
      },
   ])


@@ -43,7 +49,7 @@
      <div style={{ position: 'relative' }}>
         <NewPage
            pageHead={
               { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' }
               { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '处理' }
            }
         >
            <Tabs
@@ -62,7 +68,7 @@
                     }
                  >
                     {
                        item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
                        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 />
@@ -73,12 +79,9 @@
                           </Steps>
                        </div>
                     }
                     {tabsActive === '1' &&
                        <MatterDetail />
                     }
                     {
                        (tabsActive === '2' && current === 2) && <EventFlow />
                     }
                     {tabsActive === '1' && <MatterDetail />}
                     {tabsActive === '2' && <EventFlow />}
                     {tabsActive === '3' && <Examine />}
                  </TabPane>
               })}
            </Tabs>