~liuwh/gzDyh.git

			@@ -15,24 +15,20 @@
			import '../../index.less';
			import ApplyDialog from "./applyDialog";
			import AgentDialog from "./agentDialog";
			import DetailDialog from "./detailDialog";
			import NewFileCheck from '../../../filesCheck/newFileCheck';
			import { IconLink } from '@arco-design/web-react/icon';
			import MapView from './map'
			import { scan } from '@/assets/images/icon'
			import { EventLevelDrawer, MattersDetail } from './levelDetail'
			import DocumentScanner from '../../handleFeedback/component/FileUpLoad'

			const RadioGroup = Radio.Group;// 根据调解案号获取纠纷登记信息
			const FormItem = Form.Item;
			const InputSearch = Input.Search;

			function getId() {
			return $$.ax.request({ url: `caseUtils/getNewTimeId`, type: 'get', service: 'utils' });
			}


			const VisitorRegister = (props) => {
			const [dialogType, setDialogType] = useState(0);//添加当事人的类型
			const [dialogType, setDialogType] = useState();//添加当事人的类型
			const [addVisabled, setAddVisabled] = useState(false);//添加当事人弹窗控制
			const [fakeData, setFakeData] = useState([]);//当事人信息数据
			const [scanFile, setScanFile] = useState(false);
			@@ -43,7 +39,6 @@
			const [filesCheck, setFilesCheck] = useState(false);
			const [fileView, setFileView] = useState();
			const [fileTip, setFileTip] = useState('0');
			const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制
			const [mapView, setMapView] = useState(false);
			const [visible, setVisible] = useState(false);
			const [apply, setApply] = useState(false);
			@@ -261,50 +256,6 @@
			// 更多列配置...
			];

			const options1 = [
			{
			value: 'jingjijiufen',
			label: '经济纠纷',
			children: [
			{
			value: 'laodongjiufen',
			label: '劳动纠纷',
			},
			{
			value: 'laodongzhengyijiufen',
			label: '劳动争议纠纷',
			},
			],
			},
			{
			value: 'linlijiufen',
			label: '邻里纠纷',
			children: [
			{
			value: 'linlijiufen',
			label: '邻里纠纷',
			},
			],
			},
			];

			//获取id
			const getAppId = async (value) => {
			const res = await getId()
			if (res.type) {
			setFakeData([...fakeData, {
			...value,
			id: res.data
			}])
			}
			}

			//查看
			const handleCheckParty = (value) => {
			setDialogType(value.perType)
			setDetailVisabled(true)
			}

			//获取当前时间
			const getFormattedDateTime = () => {
			let now = new Date();
			@@ -327,9 +278,20 @@
			setDialogType(type)
			}

			const handleConfirm = () => {
			// 处理确认逻辑
			setScanFile(false);
			};

			const handleCancel = () => {
			// 处理取消逻辑
			setScanFile(false);
			};

			//添加当事人
			const handleAddParty = (value) => {
			if (value.id) {
			const handleAddParty = (value, isEdit) => {
			console.log(value, isEdit);
			if (isEdit) {
			//编辑
			const newList = fakeData.map(item => {
			if (item.id === value.id) {
			@@ -341,7 +303,9 @@
			setFakeData(newList)
			setEditData(null)
			} else {
			getAppId(value)
			setFakeData([...fakeData, {
			...value
			}])
			}
			}

			@@ -367,8 +331,7 @@


			return (
			<div className='dataSync-page'>

			<div className='dataSync-page' style={{ ...props.style }}>
			<Col span={24} style={{ display: 'flex', alignItems: 'center' }}>
			<Space size='small'>
			<div className='MediationInfo-subTitle' style={{ marginTop: '-9px', }}></div><h4>当事人信息</h4>
			@@ -378,7 +341,6 @@
			<PersonCard
			isCheck={true}
			data={fakeData}
			handleCheckParty={handleCheckParty}
			handleAdd={handleAdd}
			handleDeleteParty={handleDeleteParty}
			handleEdit={handleEdit}
			@@ -434,13 +396,28 @@
			<FormItem
			label={(<div style={{ display: 'flex' }}>纠纷类型<div className="must">必填</div></div>)}
			rules={[{ message: '请选择纠纷类型', required: true }]}
			field='caseType'
			field='myCaseType'
			>
			<Cascader
			placeholder='请选择'
			options={options1}
			options={$$.caseTypeSelect.caseTypeSelect}
			onChange={(value, option) => {
			console.log(value, option);
			if (option) {
			props.formRef.current.setFieldsValue({
			caseTypeFirst: option[0].value,
			caseTypeFirstName: option[0].label,
			caseType: option[1].value,
			caseTypeName: option[1].label,
			})
			} else {
			//清除数据
			props.formRef.current.setFieldsValue({
			caseTypeFirst: undefined,
			caseTypeFirstName: undefined,
			caseType: undefined,
			caseTypeName: undefined,
			})
			}
			}}
			allowClear
			/>
			@@ -475,7 +452,7 @@
			</FormItem>
			</Col>
			<Col span={8}>
			<FormItem label='问题属地' field='quesAddress'>
			<FormItem label='问题属地' field='myQuesAddress'>
			<Cascader
			placeholder='请选择'
			options={$$.locationOption()}
			@@ -599,78 +576,11 @@
			style={{ marginBottom: '65px' }}
			/>

			<Modal style={{ width: '1200px' }} visible={scanFile} onCancel={() => setScanFile(false)} title='识别上传材料' centered footer={null}>
			<Form
			ref={props.formRef}
			layout='vertical'
			requiredSymbol={false}
			initialValues={{
			}}//默认值
			style={{ marginTop: '4px' }}
			>
			<FormItem
			label='选择图片'
			field='file'
			>
			<Upload
			drag
			// multiple
			limit={1}
			accept='image/*'
			// action='/'
			onDrop={(e) => {
			}}
			tip='支持png、 jpg、pdf等格式文件上传，每次上传大小不超过10M'
			showUploadList={{
			// Please dont remove this comment
			fileIcon: <IconLink style={{ color: '#1D2129' }} />,
			}}
			onChange={(info, currentFile) => {
			console.log(currentFile, info, 'info', 'currentFile')
			if (info.length > 0) {
			setScanImage(true);
			}
			setFileView({
			...currentFile,
			url: URL.createObjectURL(currentFile.originFile),

			});

			}}
			onSuccess={() => setScanImage(true)}
			/>
			{/* <img src={file?.url} alt=""/> */}
			</FormItem>

			</Form>

			</Modal>
			<Modal style={{ width: '944px' }} visible={scanImage} onCancel={() => setScanImage(false)} footer={null} title='选择识别范围' centered>
			<img
			src={fileView?.url}
			alt=""
			style={{
			display: 'block', // 确保图片在容器中居中显示
			margin: 'auto', // 居中显示
			maxWidth: '100%', // 图片最大宽度为容器宽度的100%
			maxHeight: '100%', // 图片最大高度为容器高度的100%
			objectFit: 'contain', // 图片缩放以适应容器，保持原图比例
			}}
			/>
			<div><Button type="primary" onClick={() => setScaned(true)} style={{ marginTop: '20px' }}>开始识别</Button></div>
			</Modal>
			<Modal style={{ width: '1200px' }} visible={scaned} onCancel={() => setScaned(false)} footer={null} title='识别上传材料' centered>
			<div style={{ marginTop: '20px', marginBottom: '8px' }}>识别内容</div>
			<Input.TextArea
			showWordLimit
			rows={5}
			placeholder=''
			wrapperStyle={{ width: '100%' }}
			defaultValue='识别内容'
			onChange={(v) => console.log(v, 'vvvvvv')}
			/>
			<div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { setScanFile(false); setScanImage(false); setScaned(false) }}>使用文字</Button></div>
			</Modal>
			<DocumentScanner
			visible={scanFile}
			onConfirm={handleConfirm}
			onCancel={handleCancel}
			/>
			<Modal style={{ width: '512px' }} visible={upload} onCancel={() => setUpLoad(false)} footer={null} title='上传材料' centered>
			<div style={{ paddingTop: '8px' }}>
			<Row gutter={[30, 24]}>
			@@ -737,6 +647,7 @@
			onClose={() => setAddVisabled(false)}
			handleAddParty={handleAddParty}
			editData={editData}
			mainId={props.mainId}
			/>
			</Modal>
			<Modal
			@@ -759,20 +670,8 @@
			fakeData={fakeData}
			dialogType={dialogType}
			editData={editData}
			mainId={props.mainId}
			/>
			</Modal>
			<Modal
			title={'查看' + peopleMap[dialogType]}
			visible={detailVisabled}
			onOk={() => setDetailVisabled(false)}
			onCancel={() => setDetailVisabled(false)}
			autoFocus={false}
			focusLock={true}
			footer={null}
			unmountOnExit={true}
			maskClosable={false}
			>
			<DetailDialog />
			</Modal>
			<Modal
			style={{ width: '1200px' }}