事件材料上传

dminyi

2024-09-06 a471e85a5bca5868e554baf7e690f467958e20d9

 gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx

@@ -20,7 +20,7 @@
import MapView from './map';
import { scan } from '@/assets/images/icon';
import { EventLevelDrawer, MattersDetail } from './levelDetail';
import DocumentScanner from '../../handleFeedback/component/FileUpLoad';
import DocumentScanner from '../../matterDetail/FileUpLoad';
import ArcoUpload from '@/components/ArcoUpload';


@@ -33,6 +33,9 @@
  return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'get', service: 'sys', data: { id } });
}

function listIdTypeInfoApi(data) {
  return $$.ax.request({ url: `fileInfo/listIdTypeInfo`, type: 'post', service: 'sys', data });
}

const VisitorRegister = (props) => {
  const formRef = useRef();
@@ -49,7 +52,11 @@
  const [editData, setEditData] = useState(null);
  const [agentVisible, setAgentVisible] = useState(false);
  const [fileLength, setFileLength] = useState('');
  const [evidenceLength, SetEvidenceLength] = useState(null);
  const [matterNumber, setMatterNumber] = useState('');
  const [evidenceNumber, setEvidenceNumber] = useState('');
  const [applyFile, setApplyFile] = useState([]);
  const [evidenceFile, setEvidenceFile] = useState([]);
  const peopleMap = {
    '15_020008-1': '申请方',
    '15_020008-2': '被申请方',
@@ -81,16 +88,15 @@

  const handleChangeFile = (data) => {
    console.log(data, 'handleChangeFile')
    if (data.data && data.data.length != 0) {
      if (data.data[0].idcardOcrResult) {
        const { birthday, ...rest } = data.data[0].idcardOcrResult
        //回填信息
        formRef.current.setFieldsValue({
          ...rest
        })
      }
    }
    setApplyFile(data)

  }

  const handleChangeFile1 = (data) => {
    console.log(data, 'handleChangeFile1')
    setEvidenceFile(data)
  }


  //删除文件
  const handleDelFile = async (id) => {
@@ -99,6 +105,19 @@
      $$.infoSuccess({ content: '删除成功！' });
    }
  }


  const listIdTypeInfo = async () => {
    const res = await listIdTypeInfoApi({
      mainId: "2409061125411006", //事项ID
      ownerIdList: ["2409061125411006"], //具体所属编号
    })
    if (res.type) {
      console.log(res,'resres')
    }
  }




  const formType = (type) => {
@@ -118,7 +137,7 @@
              handleDelFile={handleDelFile}
              onFileListChange={(v) => { setFileLength(v); console.log(v, 'vvsetFileLength') }}
            />
            {fileLength.length > 0 && <div style={{ position: 'absolute',top:'198px', left: '16px', color: '#86909C' }}>申请材料累计上传：<span style={{ color: '#1A6FB8' }}>{fileLength.length}</span></div>}
            {fileLength?.length > 0 && <div style={{ position: 'absolute', top: '198px', left: '16px', color: '#86909C' }}>申请材料累计上传：<span style={{ color: '#1A6FB8' }}>{fileLength?.length}</span></div>}
          </Col>
        </>
      )
@@ -133,11 +152,14 @@
                action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.mainId}&&ownerId=${props.mainId}&ownerType=22_00018-102`,
              }}
              field='file1'
              handleChangeFile={handleChangeFile}
              handleChangeFile={handleChangeFile1}
              label=''
              editData={props.editData}
              handleDelFile={handleDelFile}
              onFileListChange={(v) => { SetEvidenceLength(v); console.log(v, 'vvsetFileLength') }}

            />
            {evidenceLength?.length > 0 && <div style={{ position: 'absolute', top: '198px', left: '16px', color: '#86909C' }}>申请材料累计上传：<span style={{ color: '#1A6FB8' }}>{evidenceLength?.length}</span></div>}
          </Col>
        </>
      )
@@ -212,11 +234,11 @@
      dataIndex: 'inputUserName',
      key: 'perClassName',
      width: 180,
      render: (text) => (
        <>
        {text}
      render: (text, index) => (
        <div onClick={() => console.log(text, index)}>
          1
          {/* {sourceType === '1' ? matterNumber : sourceType === '2' ? evidenceNumber : 0}份 */}
        </>
        </div>
      )


@@ -274,9 +296,12 @@
    setDialogType(type)
  }

  const handleConfirm = () => {
  const handleConfirm = (scanContent) => {
    // 处理确认逻辑
    props.formRef.current.setFieldValue('caseDes', scanContent)
    setScanFile(false);
    console.log(scanContent, 'scanContent')

  };

  const handleCancel = () => {
@@ -327,7 +352,9 @@

  // console.log(sourceType, 'sourceType')
  // console.log(props.formRef?.current?.getFields(),'formRef.current.getFields()')

  useEffect(() => {
    listIdTypeInfo()
  }, [])

  return (
    <div className='dataSync-page' style={{ ...props.style, marginTop: '8px' }}>
@@ -615,7 +642,7 @@
                <Row gutter={[32, 0]}>{formType(sourceType)}</Row>
              </Form>
            </Col>
            <Button type="primary" style={{ marginTop: '-20px', marginLeft: '16px' }} onClick={() => { setMatterNumber(fileLength.length); setUpLoad(false) }}>上传完成</Button>
            <Button type="primary" style={{ marginTop: '-20px', marginLeft: '16px' }} onClick={() => { setMatterNumber(fileLength?.length); setEvidenceNumber(evidenceLength?.length); setUpLoad(false) }}>上传完成</Button>
          </Row>
        </div>