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 | 50 +++++++++++++++++++++----------------------------- 1 files changed, 21 insertions(+), 29 deletions(-) diff --git a/gz-customerSystem/src/views/register/eventFlow/index.jsx b/gz-customerSystem/src/views/register/eventFlow/index.jsx index 17dd752..2606507 100644 --- a/gz-customerSystem/src/views/register/eventFlow/index.jsx +++ b/gz-customerSystem/src/views/register/eventFlow/index.jsx @@ -2,7 +2,7 @@ * @Author: dminyi 1301963064@qq.com * @Date: 2024-08-09 09:59:43 * @LastEditors: dminyi 1301963064@qq.com - * @LastEditTime: 2024-08-28 14:38:20 + * @LastEditTime: 2024-08-31 17:13:53 * @FilePath: \gzDyh\gz-customerSystem\src\views\basicInformation\organization\index.jsx * @Description: 来访登记 */ @@ -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, applyRecord } from '@/assets/images' import EventFlow from './component/EventFlow'; -import MatterDetali from '../matterDetail'; +import Examine from "./component/Examine"; +import ApplyInfo from "../matterDetail/ApplyInfo"; const Step = Steps.Step; const TabPane = Tabs.TabPane; @@ -27,26 +28,31 @@ const [tabsList, setTabList] = useState([ { img: Matter, - label: '事项详情', + label: '详情', key: '1' }, { - img: transfer, - label: '流转办理', + img: applyRecord, + label: '申请记录', key: '2', - isNeedStep: true,//加上这个就有进度条 + }, + { + img: examine, + label: '审核', + key: '3', }, ]) + const [disTab, setDisTab] = useState(true) return ( <div style={{ position: 'relative' }}> <NewPage pageHead={ - { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' } + { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '处理' } } > - <Tabs + {disTab ? <Tabs defaultActiveTab='1' onChange={(v) => setTabsActive(v)} className='myTabContent' @@ -61,27 +67,13 @@ </span> } > - { - item.isNeedStep && <div style={{ backgroundColor: '#fff', margin: '12px 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' && - <MatterDetali /> - } - { - (tabsActive === '2' && current === 2) && <EventFlow /> - } + {tabsActive === '1' && <EventFlow />} + {tabsActive === '2' && <ApplyInfo />} + {tabsActive === '3' && <Examine />} </TabPane> })} - </Tabs> + </Tabs> : <EventFlow /> + } </NewPage> </div> ) -- Gitblit v1.8.0