From 72cbacabf3d11cbc1aea30b4ae013e2e15a187a9 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 30 Aug 2024 17:53:56 +0800 Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh --- gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx | 71 ++++++++++++++--------------------- 1 files changed, 29 insertions(+), 42 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx b/gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx index f86bad3..c5bf869 100644 --- a/gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx +++ b/gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx @@ -13,11 +13,11 @@ import TableView from '@/components/TableView' import { question, register, Matter, transfer } from '../../../../assets/images' import * as $$ from '@/utils/utility'; -import { Tabs, Typography, Steps } from '@arco-design/web-react'; +import { Typography, Steps } from '@arco-design/web-react'; import "@arco-themes/react-gzzz/css/arco.css"; import { IconCalendar, IconClockCircle, IconUser } from '@arco-design/web-react/icon'; -import Handle from './Handle' -const TabPane = Tabs.TabPane; +import Handle from './handle'; +import EventFlow from './secondWanderStep/EventFlow'; const style = { // textAlign: 'center', @@ -25,15 +25,31 @@ }; const MattersInfo = (props) => { - - const [fakeData, setFakeData] = useState([]);//当事人信息数据 - const [agentVisible, setAgentVisible] = useState(false); - const [dialogType, setDialogType] = useState(0);//添加当事人的类型 - const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制 - const [addVisabled, setAddVisabled] = useState(false);//添加当事人弹窗控制 + const [fakeData, setFakeData] = useState([{ + "trueName": "王大锤", + "mobile": "13380313412", + "certiType": "09_00015-1", + "certiTypeName": "身份证", + "certiNo": "440981199902025123", + "perType": "15_020008-1", + "perClass": "09_01001-1", + "perTypeName": "申请方当事人", + "perClassName": "自然人", + "id": "24083010053310002" + }, { + "trueName": "刘俊峰", + "mobile": "13380313412", + "certiType": "09_00015-1", + "certiTypeName": "身份证", + "certiNo": "440981199902023234", + "perType": "15_020008-2", + "perClass": "09_01001-1", + "perTypeName": "被申请方当事人", + "perClassName": "自然人", + "id": "24083010054710003" + }]);//当事人信息数据 const [upload, setUpLoad] = useState(false); const [filesCheck, setFilesCheck] = useState(false); - const Step = Steps.Step; const fakeColumns = [ @@ -142,30 +158,6 @@ ]; - //查看 - const handleCheckParty = (value) => { - console.log(value); - setDialogType(value.partyType) - setDetailVisabled(true) - } - - //添加申请人: 0、被申请人: 1、申请代理人: 2、被申请代理人:3 - const handleAdd = (type) => { - if (type === 2 || type === 3) { - setAgentVisible(true) - } else { - setAddVisabled(true) - } - setDialogType(type) - } - - //删除当事人 - const handleDeleteParty = (event, value) => { - event.stopPropagation(); - const filterData = fakeData.filter(item => item.id !== value.id) - setFakeData(filterData) - } - return ( <div style={{ position: 'relative' }}> {props.active === '1' && @@ -182,12 +174,8 @@ </Col> <div style={{ margin: '16px 0' }}> <PersonCard - isCheck={true} - partyType={'applicant'} // 这里设定为申请人 + isCheck={false} data={fakeData} - handleCheckParty={handleCheckParty} - handleAdd={handleAdd} - handleDeleteParty={handleDeleteParty} /> </div> <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '4px' }}> @@ -305,13 +293,12 @@ </Typography.Paragraph> } { - props.active === '3' && props.current === 3 && <Typography.Paragraph style={style}> + (props.active === '2' && props.current === 3) && <Typography.Paragraph style={style}> <Handle /> </Typography.Paragraph> } { - props.active === '3' && props.current === 2 && <Typography.Paragraph style={style}> - </Typography.Paragraph> + (props.active === '2' && props.current === 2) && <EventFlow /> } </div> ) -- Gitblit v1.8.0