修改页面架构

zhangyongtian

2024-08-28 463d13dd669905200aecb974cd65a251e83f4df7

 gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx

@@ -24,7 +24,7 @@
    // marginTop: 20,
};

const MattersInfo = () => {
const MattersInfo = (props) => {

    const [fakeData, setFakeData] = useState([]);//当事人信息数据
    const [agentVisible, setAgentVisible] = useState(false);
@@ -33,8 +33,6 @@
    const [addVisabled, setAddVisabled] = useState(false);//添加当事人弹窗控制
    const [upload, setUpLoad] = useState(false);
    const [filesCheck, setFilesCheck] = useState(false);
    const [active, setActive] = useState('1')
    const [current, setCurrent] = useState(3);
    const Step = Steps.Step;


@@ -96,7 +94,6 @@
        },
        // 更多列配置...
    ];

    const fakeData1 = [
        {
            id: 1,
@@ -171,17 +168,7 @@

    return (
        <div style={{ position: 'relative' }}>
            <Tabs defaultActiveTab='1' onChange={(v) => setActive(v)}>
                <TabPane
                    key='1'
                    title={
                        <span>
                            {active === '1' && <img src={Matter} alt="" style={{ width: '16px', height: '16px', margin: '-5px 12px 0px 0px' }} />}
                            <span style={{ fontSize: '16px' }}>事项详情</span>
                        </span>
                    }

                >
      {props.active === '1' &&
                    <Typography.Paragraph style={style}>
                        <div className='dataSync-page'>

@@ -316,23 +303,12 @@
                        </div>

                    </Typography.Paragraph>
                </TabPane>
                <TabPane
                    key='3'
                    title={
                        <span>
                            {active === '3' && <img src={transfer} alt="" style={{ width: '16px', height: '16px', margin: '-5px 12px 0px 0px' }} />}
                            <span style={{ fontSize: '16px' }}>流转办理</span>
                        </span>
                    }
                >
                    <Typography.Paragraph style={style}>
                       
      {
        props.active === '3' && <Typography.Paragraph style={style}>
                            <Handle />
                        
                    </Typography.Paragraph>
                </TabPane>
            </Tabs>
      }
        </div>
    )
}