forked from gzzfw/frontEnd/gzDyh

zhangyongtian
2024-08-28 80ca7dc60829bf796b3fe72e518ae88b99e574c0
gz-customerSystem/src/views/register/visit/component/MattersInfo.jsx
@@ -2,7 +2,7 @@
 * @Author: dminyi 1301963064@qq.com
 * @Date: 2024-08-27 11:31:01
 * @LastEditors: dminyi 1301963064@qq.com
 * @LastEditTime: 2024-08-27 19:47:05
 * @LastEditTime: 2024-08-28 14:41:24
 * @FilePath: \gzDyh\gz-customerSystem\src\views\register\visit\component\MattersInfo.jsx
 * @Description: 事项详情
 */
@@ -11,9 +11,9 @@
import PersonCard from '@/components/personCard'
import { Row, Col, Space, Button, Switch } from 'antd';
import TableView from '@/components/TableView'
import { question, register } from '../../../../assets/images'
import { question, register, Matter, transfer } from '../../../../assets/images'
import * as $$ from '@/utils/utility';
import { Tabs, Typography } from '@arco-design/web-react';
import { Tabs, 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'
@@ -33,6 +33,9 @@
    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;
    const fakeColumns = [
@@ -168,15 +171,16 @@
    return (
        <div style={{ position: 'relative' }}>
            <Tabs defaultActiveTab='1'>
            <Tabs defaultActiveTab='1' onChange={(v) => setActive(v)}>
                <TabPane
                    key='1'
                    title={
                        <span>
                            <IconCalendar style={{ marginRight: 6 }} />
                            {active === '1' && <img src={Matter} alt="" style={{ width: '16px', height: '16px', margin: '-5px 12px 0px 0px' }} />}
                            <span style={{ fontSize: '16px' }}>事项详情</span>
                        </span>
                    }
                >
                    <Typography.Paragraph style={style}>
                        <div className='dataSync-page'>
@@ -317,13 +321,15 @@
                    key='3'
                    title={
                        <span>
                            <IconUser style={{ marginRight: 6 }} />
                            {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}>
                        <Handle />
                            <Handle />
                    </Typography.Paragraph>
                </TabPane>
            </Tabs>