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 |   88 ++++++++------------------------------------
 1 files changed, 16 insertions(+), 72 deletions(-)

diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
index 1e1a0c1..630a3b2 100644
--- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
+++ b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx
@@ -20,6 +20,7 @@
 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;
@@ -319,6 +320,16 @@
     setDialogType(type)
   }
 
+  const handleConfirm = () => {
+    // 处理确认逻辑
+    setScanFile(false);
+  };
+
+  const handleCancel = () => {
+    // 处理取消逻辑
+    setScanFile(false);
+  };
+
   //添加当事人
   const handleAddParty = (value) => {
     if (value.id) {
@@ -589,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]}>

--
Gitblit v1.8.0