| | |
| | | * @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: 事项详情 |
| | | */ |
| | |
| | | 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' |
| | |
| | | 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 = [ |
| | |
| | | |
| | | 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'> |
| | |
| | | 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 /> |
| | | |
| | | </Typography.Paragraph> |
| | | </TabPane> |
| | | </Tabs> |