From 80e40362a760c5c53c51e8a1e79c9a11c6a0f5fe Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Sat, 07 Sep 2024 14:24:37 +0800 Subject: [PATCH] 事件材料查看+ai页面 --- gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx | 177 ++++++++++++++++++++++++++++++++-------------------------- 1 files changed, 98 insertions(+), 79 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx b/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx index 6c4034c..fd11eb0 100644 --- a/gz-customerSystem/src/views/register/visit/component/visitorRegister.jsx +++ b/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,37 @@ 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 [fakeData1, setFakeData1] = useState([ + { + ownerTyp: "22_00018-101", + ownerTypeName: "申请材料", + size: '0', + ownerId: null, + ownerName: null, + perType: null, + agentStatus: null, + fileNames: "-", + fileList: [] + }, + { + ownerType: "22_00018-102", + ownerTypeName: "证据材料", + size: '0', + ownerId: null, + ownerName: null, + perType: null, + agentStatus: null, + fileNames: "-", + fileList: [] + }, + + ]); + const peopleMap = { '15_020008-1': '申请方', '15_020008-2': '被申请方', @@ -81,16 +114,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 +131,25 @@ $$.infoSuccess({ content: '删除成功!' }); } } + + + const listIdTypeInfo = async () => { + const res = await listIdTypeInfoApi({ + mainId: props.mainId, //事项ID + ownerIdList: [props.mainId], //具体所属编号 + typeList: [] + }) + if (res.type) { + let data = res.data?.[0]?.fileList + if (res.data.length > 0) { + setFakeData1(data) + } + } + } + + // console.log(fakeData1,'fakeData1') + + const formType = (type) => { @@ -118,7 +169,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,63 +184,20 @@ 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> </> ) } } - const fakeData1 = [ - { - id: 1, - caseNo: 'A20230101', - judicNo: '申请材料', - perClassName: '李晓明的纠纷化解申请表、身份证...', - inputUserName: '0', - mediateUserName: '2024-7-12 12:00', - judgeName: '王五', - mediator: '赵六', - handlerUserName: '钱七', - returnUserName: '孙八', - expireTime: '2023-08-10T08:00:00.000Z', - processName: '进行中', - otherMediator: '周九', - canalName: '网络', - judicResult: '通过', - assistName: '吴十', - mediTypeName: '民事调解', - serieStatus: '1', // 1 表示非系列案,2 表示系列案 - // 更多字段... - }, - { - id: 2, - caseNo: 'A20230101', - judicNo: '证据材料', - perClassName: '李晓明的纠纷化解申请表、身份证...', - inputUserName: '0', - mediateUserName: '2024-7-12 12:00', - judgeName: '王五', - mediator: '赵六', - handlerUserName: '钱七', - returnUserName: '孙八', - expireTime: '2023-08-10T08:00:00.000Z', - processName: '进行中', - otherMediator: '周九', - canalName: '网络', - judicResult: '通过', - assistName: '吴十', - mediTypeName: '民事调解', - serieStatus: '1', // 1 表示非系列案,2 表示系列案 - // 更多字段... - }, - - // 更多数据... - ]; // 列配置 const fakeColumns = [ @@ -202,36 +210,30 @@ }, { title: '材料类型', - dataIndex: 'judicNo', - key: 'judicNo', + dataIndex: 'ownerTypeName', + key: 'ownerTypeName', width: 60, }, { title: '材料数量', - dataIndex: 'inputUserName', - key: 'perClassName', + dataIndex: 'size', + key: 'size', width: 180, - render: (text) => ( - <> - {text} - {/* {sourceType === '1' ? matterNumber : sourceType === '2' ? evidenceNumber : 0}份 */} - </> - ) - + render: (text) => <span>{text}份</span>, }, { title: '材料名称', - dataIndex: 'perClassName', - key: 'perClassName', + dataIndex: 'fileNames', + key: 'fileNames', width: 180, }, { title: '最新上传时间', - dataIndex: 'mediateUserName', - key: 'mediateUserName', + dataIndex: 'fileNames', + key: 'fileNames', width: 180, }, @@ -274,9 +276,17 @@ setDialogType(type) } - const handleConfirm = () => { + const handleConfirm = (scanContent) => { // 处理确认逻辑 + props.formRef.current.setFieldValue('caseDes', scanContent) setScanFile(false); + console.log(scanContent, 'scanContent') + + }; + + const handleUpload = () => { + listIdTypeInfo() + setUpLoad(false); }; const handleCancel = () => { @@ -325,12 +335,21 @@ setEditData(value) } + const uploadQuery = { + mainId: props.mainId, + ownerCat: null, + createStart: null, + createEnd: null, + uploaderType:null + } + // console.log(sourceType, 'sourceType') // console.log(props.formRef?.current?.getFields(),'formRef.current.getFields()') - + useEffect(() => { + }, []) return ( - <div className='dataSync-page' style={{ ...props.style }}> + <div className='dataSync-page' style={{ ...props.style, marginTop: '8px' }}> <Col span={24} style={{ display: 'flex', alignItems: 'center' }}> <Space size='small'> <div className='MediationInfo-subTitle' style={{ marginTop: '-9px', }}></div><h4>当事人信息</h4> @@ -570,7 +589,7 @@ columns={fakeColumns} dataSource={fakeData1} size="small" - rowKey="id" + rowKey="ownerType" bordered={true} style={{ marginBottom: '65px' }} /> @@ -615,7 +634,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={() => handleUpload()}>上传完成</Button> </Row> </div> @@ -623,7 +642,7 @@ <Modal style={{ width: '1200px' }} visible={filesCheck} onCancel={() => setFilesCheck(false)} footer={null} title='查看事件材料' centered> {/* <div className="mediationWindow-modal-main" style={{ display: 'flex' }}> */} <div style={{ marginTop: '-16px' }}> - <NewFileCheck /> + <NewFileCheck /> </div> {/* </div> */} </Modal> -- Gitblit v1.8.0