From 336a519d0481f9f1678e84bd47d46b66942b1ae0 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 06 Sep 2024 10:43:35 +0800 Subject: [PATCH] feat: 事件流转改变 --- gz-customerSystem/src/views/register/eventFlow/index.jsx | 33 +++++++++++---------------------- 1 files changed, 11 insertions(+), 22 deletions(-) diff --git a/gz-customerSystem/src/views/register/eventFlow/index.jsx b/gz-customerSystem/src/views/register/eventFlow/index.jsx index cc04637..2606507 100644 --- a/gz-customerSystem/src/views/register/eventFlow/index.jsx +++ b/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> ) -- Gitblit v1.8.0