From 12c4ffda1ed8477c4997d9630796365c72fa9f7c Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Thu, 15 Aug 2024 11:14:10 +0800
Subject: [PATCH] 识别上传材料
---
gz-customerSystem/src/views/register/visit/visitorRegister.jsx | 66 +++++++++++++++++++++++++++++----
1 files changed, 58 insertions(+), 8 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/visitorRegister.jsx
index 9c659c9..8a962d9 100644
--- a/gz-customerSystem/src/views/register/visit/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/visitorRegister.jsx
@@ -1,11 +1,13 @@
import React, { useState, useEffect, useRef } from "react";
import PersonCard from '../../../components/personCard';
import * as $$ from '../../../utils/utility';
-import { question1 } from '../../../assets/images';
-import { Row, Col, Space, Tooltip } from 'antd';
-import { Form, Input, Button, Radio, Select, DatePicker, Cascader } from '@arco-design/web-react';
+import { question1, image } from '../../../assets/images';
+import { Row, Col, Space, Tooltip, Button } from 'antd';
+import { Form, Input, Radio, Select, DatePicker, Cascader } from '@arco-design/web-react';
import "@arco-design/web-react/dist/css/arco.css";
import TableView from '../../../components/TableView';
+import MyModal from '../../../components/MyModal';
+import MyUpload from '../../../components/MyUpload';
import '../index.less';
const RadioGroup = Radio.Group;// 根据调解案号获取纠纷登记信息
@@ -23,8 +25,11 @@
const Organization = () => {
const formRef = useRef();
-
-
+ const [scanFile, setScanFile] = useState(false);
+ const [filesList, setFilesList] = useState([]);
+ const [scanImage, setScanImage] = useState(false);
+ const [scaned, setScaned] = useState(false);
+ const [upload, setUpLoad] = useState(false);
const fakeData = [
{
id: 3,
@@ -149,7 +154,7 @@
<div>查看</div>
<div>删除</div>
<div>下载</div>
- <div>上传</div>
+ <div onClick={() => setUpLoad(true)}>上传</div>
</div>
)
},
@@ -221,6 +226,9 @@
// Message.error('校验失败，请检查字段！');
}
}
+ }
+
+ function handleChangeFile() {
}
@@ -353,7 +361,7 @@
<img src={question1} alt="" style={{ width: '13px', height: '13px', marginTop: '4px', marginLeft: '4px' }} />
</Tooltip>
<div className="must">必填</div>
- <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }}>识别上传材料</div>
+ <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanFile(true)}>识别上传材料</div>
</div>
}
field='summarize'
@@ -375,7 +383,7 @@
<img src={question1} alt="" style={{ width: '13px', height: '13px', marginTop: '4px', marginLeft: '4px' }} />
</Tooltip>
<div className="must">必填</div>
- <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }}>识别上传材料</div>
+ <div style={{ marginLeft: '8px', color: '#1A6FB8', fontSize: '14px', cursor: 'pointer' }} onClick={() => setScanImage(true)}>识别上传材料</div>
</div>
}
field='apply'
@@ -414,6 +422,48 @@
bordered={true}
style={{ marginBottom: '60px' }}
/>
+
+ <MyModal width={1200} visible={scanFile} onCancel={() => setScanFile(false)} footer={false} title='识别上传材料'>
+ <div style={{ marginTop: '20px', marginBottom: '8px' }}>选择图片</div>
+ <MyUpload
+ ledgerType={true}
+ fileId={'10001'}
+ handleChangeFile={(type, info, apiResult) => {
+ handleChangeFile(type, info, apiResult);
+ }}
+ accept="XLS、XLSX"
+ formatType='格式支持XLS、XLSX'
+ fileType="22_00018-504"
+ fileList={filesList}
+ fileIcon={true}
+ />
+
+ </MyModal>
+ <MyModal width={944} visible={scanImage} onCancel={() => setScanImage(false)} footer={false} title='选择识别范围'>
+ <img src={image} alt="" style={{ margin: '20px 0px' }} />
+ <div><Button type="primary" onClick={() => setScaned(true)}>开始识别</Button></div>
+ </MyModal>
+ <MyModal width={1200} visible={scaned} onCancel={() => setScaned(false)} footer={false} title='识别上传材料'>
+ <div style={{ marginTop: '20px', marginBottom: '8px' }}>识别内容</div>
+ <Input.TextArea
+ showWordLimit
+ rows={5}
+ placeholder=''
+ wrapperStyle={{ width: '100%' }}
+ />
+ <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => setScaned(true)}>使用文字</Button></div>
+ </MyModal>
+ <MyModal width={1200} visible={upload} onCancel={() => setUpLoad(false)} footer={false} title='识别上传材料'>
+ <div style={{ marginTop: '20px', marginBottom: '8px' }}>识别内容</div>
+ <Input.TextArea
+ showWordLimit
+ rows={5}
+ placeholder=''
+ wrapperStyle={{ width: '100%' }}
+ />
+ <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => setScaned(true)}>上传完成</Button></div>
+ </MyModal>
+
</div>
)
}
--
Gitblit v1.8.0