事件材料上传

dminyi

2024-09-06 a471e85a5bca5868e554baf7e690f467958e20d9

 gz-customerSystem/src/views/register/matterDetail/FileUpLoad.jsx

@@ -1,11 +1,13 @@
import React, { useState, useEffect } from 'react';
import { Typography, Button } from 'antd';
import { CheckOutlined, } from '@ant-design/icons';
import React, { useState, useRef } from 'react';
import { Button } from 'antd';
import * as $$ from '@/utils/utility';
import { Form, Input, Modal, Upload } from '@arco-design/web-react';
import { IconLink } from '@arco-design/web-react/icon';


const FormItem = Form.Item;
const appUrl = $$.appUrl;


const DocumentScanner = ({
  visible,
@@ -13,11 +15,12 @@
  onCancel

}) => {

  const formRef = useRef();
  const [scanFile, setScanFile] = useState(false);
  const [scanImage, setScanImage] = useState(false);
  const [scaned, setScaned] = useState(false);
  const [fileView, setFileView] = useState();
  const [scanContent, setScanContent] = useState('');

  const handleUploadChange = (info, currentFile) => {
    if (info.length > 0) {
@@ -27,10 +30,28 @@
      ...currentFile,
      url: URL.createObjectURL(currentFile.originFile),
    });
    setScanContent(fileView.response.data.ocrResult.wordsResult[0])


  };

  const handleScaned = () => {
    setScaned(true)
    formRef.current.setFieldValue('scanContent', scanContent)

  }

  const handleText = () => {
    onConfirm(scanContent);
    setScanFile(false);
    setScanImage(false);
    setScaned(false);

  }


  console.log(fileView, 'fileView')
  console.log(scanContent, 'scanContent')

  return (
    <>
@@ -51,12 +72,12 @@
              // multiple
              limit={1}
              accept='image/*'
              // action='/'
              headers={{ Authorization: $$.getSessionStorage('customerSystemToken') }}
              action={`${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/recognitionText`}
              onDrop={(e) => {
              }}
              tip='支持png、 jpg、pdf等格式文件上传，每次上传大小不超过10M'
              showUploadList={{
                // Please dont remove this comment
                fileIcon: <IconLink style={{ color: '#1D2129' }} />,
              }}
              // onChange={(info, currentFile) => {
@@ -92,19 +113,32 @@
            objectFit: 'contain',
          }}
        />
        <div><Button type="primary" onClick={() => setScaned(true)} style={{ marginTop: '20px' }}>开始识别</Button></div>
        <div><Button type="primary" onClick={() => handleScaned()} style={{ marginTop: '20px' }}>开始识别</Button></div>
      </Modal>
      <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={(v) => console.log(v, 'vvvvvv')}
        />
        <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { onConfirm(); setScanFile(false); setScanImage(false); setScaned(false); }}>使用文字</Button></div>
        <Form
          ref={formRef}
          layout='vertical'
          requiredSymbol={false}
          scrollToFirstError={true}
          initialValues={{
          }}//默认值
        >
          <FormItem
            label='识别内容'
            field='scanContent'
          >
            <Input.TextArea
              showWordLimit
              rows={5}
              placeholder=''
              wrapperStyle={{ width: '100%' }}
              onChange={(v) => console.log(v, 'vvvvvv')}
            />
            <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { handleText() }}>使用文字</Button></div>
          </FormItem>

        </Form>
      </Modal>

    </>