~liuwh/gzDyh.git

			@@ -1,7 +1,12 @@
			import React, { useState } from 'react';
			import { Steps } from '@arco-design/web-react';
			import { Col, Space, Row } from 'antd';
			import { register } from '../../../../assets/images'
			import { Steps, Button } from '@arco-design/web-react';
			import { Col, Space, Row, Tooltip } from 'antd';
			import { register, empty } from '../../../../assets/images'
			import { Form, Select, Empty } from '@arco-design/web-react';
			import { question1, } from '@/assets/images';

			const Option = Select.Option;
			const FormItem = Form.Item;


			const Handle = () => {
			@@ -9,8 +14,8 @@
			const Step = Steps.Step;

			return (
			<div style={{ position: 'relative' }}>
			<div style={{ backgroundColor: '#fff', margin: '12px 16px 0px 16px', paddingTop: '16px', paddingLeft: '91px' }}>
			<>
			<div className='steps'>
			<Steps type='navigation' current={current} onChange={setCurrent} style={{}}>
			<Step title='来访登记' disabled />
			<Step title='事件流转' disabled />
			@@ -20,8 +25,8 @@
			<Step title='结案归档' disabled />
			</Steps>
			</div>
			<div>
			<div className='dataSync-page' style={{ height: 'fit-content', paddingBottom: '12px' }}>
			<div className='container'>
			<div className='container-top'>
			<Col span={24}>
			<Space size='small'>
			<div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>当事人信息</h5>
			@@ -50,22 +55,71 @@
			</Row>

			</div>
			<div style={{ display: 'flex', flexDirection: 'row', columnGap: '8px', margin: '8px 16px 22px 16px' }}>
			<div style={{ flex: 3, backgroundColor: '#fff' }}>
			<div className='dataSync-page' style={{ margin: 0 }}>
			<Col span={24}>
			<Space size='small'>
			<div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>办理反馈</h5>
			</Space>
			</Col>

			</div>
			<div className='container-bottom'>
			<div className='container-bottom-left'>
			<Col span={24} style={{ marginBottom: '8px' }}>
			<Space size='small'>
			<div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>办理反馈</h5>
			</Space>
			</Col>
			<Form
			layout='vertical'
			requiredSymbol={false}
			scrollToFirstError={true}
			>
			<Row>
			<Col span={8}>
			<FormItem label={<div style={{ display: 'flex' }}>
			<span style={{ color: '#86909C' }}>经办人</span>
			<Tooltip>
			<img src={question1} alt="" style={{ width: '13px', height: '13px', margin: '4px 4px 0px 4px' }} />
			</Tooltip>
			</div>
			}
			field='level' >
			<Select placeholder='请选择' allowClear>
			{['一级', '二级', '三级', '四级'].map((option, index) => (
			<Option key={option} value={option}>
			{option}
			</Option>
			))}

			</Select>
			<Button type='primary' style={{ position: 'absolute', right: 0 }}>保存</Button>
			</FormItem>
			</Col>
			<Col span={24}>
			<div style={{ color: 'rgb(134, 144, 156)' }}>办理记录</div>
			<Empty
			icon={
			<div
			style={{
			display: 'flex',
			// width: 160,
			justifyContent: 'center',
			}}
			>
			<img src={empty} alt='' style={{width:'160px',height:'160px'}}/>
			</div>
			}
			description='暂无数据'
			/>
			</Col>
			</Row>
			</Form>
			<Space>
			<Button type="primary" style={{ backgroundColor: '#1A6FB8' }}>保存</Button>
			<Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >预览</Button>
			<Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }}>提交</Button>
			<Button type='outline' style={{ color: '#1A6FB8', border: '1px solid #1A6FB8' }} >自行受理</Button>
			<Button type='secondary'>返回上级页面</Button>
			</Space>
			</div>
			<div style={{ flex: 1, backgroundColor: '#fff' }}>22</div>
			<div className='container-bottom-right'>22</div>
			</div>
			</div>
			</div>
			</>
			)

			}