From 6bbe73072fcb0ee0b7f190e0f3da286518c3d7a0 Mon Sep 17 00:00:00 2001
From: liyj <1003249715@qq.com>
Date: Thu, 05 Sep 2024 20:37:00 +0800
Subject: [PATCH] Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh
---
gz-customerSystem/src/views/register/handleFeedback/component/FileUpLoad.jsx | 122 +++++++++++++++++-----------------------
1 files changed, 51 insertions(+), 71 deletions(-)
diff --git a/gz-customerSystem/src/views/register/handleFeedback/component/FileUpLoad.jsx b/gz-customerSystem/src/views/register/handleFeedback/component/FileUpLoad.jsx
index f136c12..e68d3ab 100644
--- a/gz-customerSystem/src/views/register/handleFeedback/component/FileUpLoad.jsx
+++ b/gz-customerSystem/src/views/register/handleFeedback/component/FileUpLoad.jsx
@@ -1,92 +1,86 @@
import React, { useState, useEffect } from 'react';
import { Typography, Button } from 'antd';
import { CheckOutlined, } from '@ant-design/icons';
-import { Form, Input, Modal,Upload } from '@arco-design/web-react';
+import { Form, Input, Modal, Upload } from '@arco-design/web-react';
import { IconLink } from '@arco-design/web-react/icon';
-const { TextArea } = Input;
-const { Text } = Typography;
+const FormItem = Form.Item;
const DocumentScanner = ({
visible,
- onCancel,
onConfirm,
- formRef,
+ onCancel
+
}) => {
+
+ const [scanFile, setScanFile] = useState(false);
const [scanImage, setScanImage] = useState(false);
const [scaned, setScaned] = useState(false);
- const [fileView, setFileView] = useState(null);
+ const [fileView, setFileView] = useState();
- useEffect(() => {
- if (!visible) {
- setScanImage(false);
- setScaned(false);
- setFileView(null);
- }
- }, [visible]);
-
- const handleUploadChange = (info) => {
- if (info.fileList.length > 0) {
+ const handleUploadChange = (info, currentFile) => {
+ if (info.length > 0) {
setScanImage(true);
}
setFileView({
- ...info.fileList[0],
- url: URL.createObjectURL(info.fileList[0].originFile),
+ ...currentFile,
+ url: URL.createObjectURL(currentFile.originFile),
});
};
- const handleStartRecognition = () => {
- setScaned(true);
- setScanImage(false);
- };
- const handleUseText = (text) => {
- onConfirm(text);
- onCancel(); // 关闭弹窗
- };
+
return (
<>
- <Modal
- style={{ width: '1200px' }}
- visible={visible && !scanImage && !scaned}
- onCancel={onCancel}
- title='识别上传材料'
- centered
- footer={null}
- >
+ <Modal style={{ width: '1200px' }} visible={visible} onCancel={onCancel} title='识别上传材料' centered footer={null}>
<Form
- ref={formRef}
layout='vertical'
requiredSymbol={false}
+ initialValues={{
+ }}//默认值
style={{ marginTop: '4px' }}
>
- <Form.Item label='选择图片' name='file'>
+ <FormItem
+ label='选择图片'
+ field='file'
+ >
<Upload
drag
+ // multiple
limit={1}
accept='image/*'
- onDrop={() => {}}
- tip='支持png、jpg、pdf等格式文件上传，每次上传大小不超过10M'
+ // 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),
+
+ // });
+
+ // }}
onChange={handleUploadChange}
- >
- <Text>点击或者拖拽文件到这里</Text>
- </Upload>
- </Form.Item>
+ // onSuccess={() => setScanImage(true)}
+ />
+ {/* <img src={file?.url} alt=""/> */}
+ </FormItem>
+
</Form>
+
</Modal>
- <Modal
- style={{ width: '944px' }}
- visible={visible && scanImage}
- onCancel={() => setScanImage(false)}
- footer={null}
- title='选择识别范围'
- centered
- >
+ <Modal style={{ width: '944px' }} visible={scanImage} onCancel={() => setScanImage(false)} footer={null} title='选择识别范围' centered>
<img
src={fileView?.url}
alt=""
@@ -98,35 +92,21 @@
objectFit: 'contain',
}}
/>
- <div style={{ marginTop: '20px' }}>
- <Button type="primary" onClick={handleStartRecognition}>
- 开始识别
- </Button>
- </div>
+ <div><Button type="primary" onClick={() => setScaned(true)} style={{ marginTop: '20px' }}>开始识别</Button></div>
</Modal>
- <Modal
- style={{ width: '1200px' }}
- visible={visible && scaned}
- onCancel={() => setScaned(false)}
- footer={null}
- title='识别上传材料'
- centered
- >
- <div style={{ marginTop: '20px', marginBottom: '8px' }}>识别内容</div>
- <TextArea
+ <Modal style={{ width: '1200px' }} visible={scaned} onCancel={() => setScaned(false)} footer={null} title='识别上传材料' centered>
+ <div style={{ marginBottom: '8px' }}>识别内容</div>
+ <Input.TextArea
showWordLimit
rows={5}
placeholder=''
wrapperStyle={{ width: '100%' }}
defaultValue='识别内容'
- onChange={(e) => handleUseText(e.target.value)}
+ onChange={(v) => console.log(v, 'vvvvvv')}
/>
- <div style={{ marginTop: '24px' }}>
- <Button type="primary" onClick={() => handleUseText('识别内容')}>
- 使用文字
- </Button>
- </div>
+ <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { onConfirm(); setScanFile(false); setScanImage(false); setScaned(false); }}>使用文字</Button></div>
</Modal>
+
</>
);
};
--
Gitblit v1.8.0