From b6e3c80c170641da5bee32e779458a7ab42f0d21 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 30 Aug 2024 17:53:17 +0800 Subject: [PATCH] feat: 事件流转 --- gz-customerSystem/src/views/register/visit/index.jsx | 36 ++++++++++++++++++++++++++++-------- 1 files changed, 28 insertions(+), 8 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/index.jsx b/gz-customerSystem/src/views/register/visit/index.jsx index 371c7df..aee38fa 100644 --- a/gz-customerSystem/src/views/register/visit/index.jsx +++ b/gz-customerSystem/src/views/register/visit/index.jsx @@ -39,7 +39,7 @@ const formRef = useRef(); const [isReview, setIsReview] = useState(false);//预览页面控制 - const [current, setCurrent] = useState(1); + const [current, setCurrent] = useState(2); const [tabsActive, setTabsActive] = useState('1'); const [tabsList, setTabList] = useState([ { @@ -50,12 +50,13 @@ { img: transfer, label: '流转办理', - key: '3', + key: '2', isNeedStep: true,//加上这个就有进度条 }, ]) const breadcrumbDataMap = { 1: { breadcrumbData: [{ title: '工作台' }, { title: '来访登记' }], title: '来访登记' }, + 2: { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' }, 3: { breadcrumbData: [{ title: '工作台' }, { title: '事件中心' }], title: '办理反馈' } } @@ -95,7 +96,14 @@ return { ...newObj, personList: fakeData?.filter(item => item.perType === "15_020008-1" || item.perType === "15_020008-2"), - agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2"), + agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2").map(item => { + //personNameList用于查看详情显示代理人名字,不需要上传,去除 + const { personNameList, ...rest } = item + return { + ...rest, + personId: item.personId.join(',') + } + }), } } else { const res = await getId() @@ -103,7 +111,14 @@ return { ...newObj, personList: fakeData?.filter(item => item.perType === "15_020008-1" || item.perType === "15_020008-2"), - agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2"), + agentList: fakeData?.filter(item => item.perType === "24_00006-1" || item.perType === "24_00006-2").map(item => { + //personNameList用于查看详情显示代理人名字,不需要上传,去除 + const { personNameList, ...rest } = item + return { + ...rest, + personId: item.personId.join(',') + } + }), id: res.data } } @@ -164,7 +179,8 @@ <Step title='结案归档' disabled /> </Steps> </div> - {isReview ? <Preview /> : <VisitorRegister formRef={formRef} />} + <Preview style={{ display: isReview ? '' : 'none' }} /> + <VisitorRegister formRef={formRef} style={{ display: isReview ? 'none' : '' }} /> <div className="dataSync-excel"> <Space size="large" style={{ margin: '4px 14px' }}> <Button type="primary" style={{ backgroundColor: '#1A6FB8' }} onClick={handleSave} >保存</Button> @@ -177,8 +193,12 @@ </Fragment> } { - current === 3 && - <Tabs defaultActiveTab='1' onChange={(v) => setTabsActive(v)}> + (current === 2 || current === 3) && + <Tabs + defaultActiveTab='1' + onChange={(v) => setTabsActive(v)} + className='myTabContent' + > {tabsList?.map(item => { return <TabPane key={item.key} @@ -201,7 +221,7 @@ </Steps> </div> } - <MattersInfo active={tabsActive} /> + <MattersInfo active={tabsActive} current={current} /> </TabPane> })} </Tabs> -- Gitblit v1.8.0