feat: 识别文字

zhangyongtian

2024-09-06 e978022eaa03c076b18c851a7c0852402e80fd1c

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

@@ -30,15 +30,17 @@
      ...currentFile,
      url: URL.createObjectURL(currentFile.originFile),
    });
    setScanContent(fileView.response.data.ocrResult.wordsResult[0])


  };

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

    const content = fileView.response.data.ocrResult.wordsResult.join('\n')
    
    setTimeout(() => {
      console.log(formRef.current, content);
      formRef.current.setFieldValue('scanContent', content)
    }, 0)
    setScanContent(content)
  }

  const handleText = () => {
@@ -46,16 +48,20 @@
    setScanFile(false);
    setScanImage(false);
    setScaned(false);

  }


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

  return (
    <>
      <Modal style={{ width: '1200px' }} visible={visible} onCancel={onCancel} title='识别上传材料' centered footer={null}>
      <Modal
        style={{ width: '1200px' }}
        visible={visible}
        onCancel={onCancel}
        title='识别上传材料'
        centered
        footer={null}
        unmountOnExit={true}
        maskClosable={false}
      >
        <Form
          layout='vertical'
          requiredSymbol={false}
@@ -102,7 +108,16 @@
        </Form>

      </Modal>
      <Modal style={{ width: '944px' }} visible={scanImage} onCancel={() => setScanImage(false)} footer={null} title='选择识别范围' centered>
      <Modal
        style={{ width: '944px' }}
        visible={scanImage}
        onCancel={() => setScanImage(false)}
        footer={null}
        title='选择识别范围'
        centered
        unmountOnExit={true}
        maskClosable={false}
      >
        <img
          src={fileView?.url}
          alt=""
@@ -116,7 +131,17 @@
        />
        <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>
      <Modal
        style={{ width: '1200px' }}
        visible={scaned}
        onCancel={() => setScaned(false)}
        footer={null}
        title='识别上传材料'
        centered
        unmountOnExit={true}
        maskClosable={false}
        mountOnEnter={false}
      >
        <Form
          ref={formRef}
          layout='vertical'
@@ -136,9 +161,8 @@
              wrapperStyle={{ width: '100%' }}
              onChange={(v) => console.log(v, 'vvvvvv')}
            />
            <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { handleText() }}>使用文字</Button></div>
          </FormItem>

          <div style={{ marginTop: '24px' }}><Button type="primary" onClick={() => { handleText() }}>使用文字</Button></div>
        </Form>
      </Modal>