From 564bfb399c4bf4d9a59d7d5d2f2bf56f75f5b220 Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Mon, 02 Sep 2024 14:22:47 +0800
Subject: [PATCH] 流转办理
---
gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx | 115 +++++++++------------------------------------------------
1 files changed, 18 insertions(+), 97 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
index 57329ba..630a3b2 100644
--- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
@@ -15,12 +15,12 @@
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;
@@ -32,7 +32,7 @@
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 +43,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);
@@ -299,12 +298,6 @@
}
}
- //查看
- const handleCheckParty = (value) => {
- setDialogType(value.perType)
- setDetailVisabled(true)
- }
-
//获取当前时间
const getFormattedDateTime = () => {
let now = new Date();
@@ -326,6 +319,16 @@
}
setDialogType(type)
}
+
+ const handleConfirm = () => {
+ // 处理确认逻辑
+ setScanFile(false);
+ };
+
+ const handleCancel = () => {
+ // 处理取消逻辑
+ setScanFile(false);
+ };
//添加当事人
const handleAddParty = (value) => {
@@ -367,8 +370,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 +380,6 @@
<PersonCard
isCheck={true}
data={fakeData}
- handleCheckParty={handleCheckParty}
handleAdd={handleAdd}
handleDeleteParty={handleDeleteParty}
handleEdit={handleEdit}
@@ -599,78 +600,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]}>
@@ -760,19 +694,6 @@
dialogType={dialogType}
editData={editData}
/>
- </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' }}
--
Gitblit v1.8.0