From eb65923fafe836f8fcd56d3efee4d0fd3a33ac5f Mon Sep 17 00:00:00 2001 From: dminyi <1301963064@qq.com> Date: Tue, 10 Sep 2024 09:15:05 +0800 Subject: [PATCH] 工作台 --- gz-customerSystem/src/views/register/matterDetail/index.jsx | 184 +++++++++++++++++++++++----------------------- 1 files changed, 92 insertions(+), 92 deletions(-) diff --git a/gz-customerSystem/src/views/register/matterDetail/index.jsx b/gz-customerSystem/src/views/register/matterDetail/index.jsx index 972716b..f1a6c20 100644 --- a/gz-customerSystem/src/views/register/matterDetail/index.jsx +++ b/gz-customerSystem/src/views/register/matterDetail/index.jsx @@ -10,31 +10,13 @@ return $$.ax.request({ url: 'caseInfo/getCaseInfo?id=' + id, type: 'get', service: 'mediate' }); } +function listIdTypeInfoApi(data) { + return $$.ax.request({ url: `fileInfo/listIdTypeInfo`, type: 'post', service: 'sys', data }); +} -export default function MatterDetail() { - const [fakeData, setFakeData] = useState([{ - "trueName": "王大锤", - "mobile": "13380313412", - "certiType": "09_00015-1", - "certiTypeName": "身份证", - "certiNo": "440981199902025123", - "perType": "15_020008-1", - "perClass": "09_01001-1", - "perTypeName": "申请方当事人", - "perClassName": "自然人", - "id": "24083010053310002" - }, { - "trueName": "刘俊峰", - "mobile": "13380313412", - "certiType": "09_00015-1", - "certiTypeName": "身份证", - "certiNo": "440981199902023234", - "perType": "15_020008-2", - "perClass": "09_01001-1", - "perTypeName": "被申请方当事人", - "perClassName": "自然人", - "id": "24083010054710003" - }]);//当事人信息数据 + +export default function MatterDetail(props) { + const [fakeData, setFakeData] = useState([]);//当事人信息数据 const [upload, setUpLoad] = useState(false); const [filesCheck, setFilesCheck] = useState(false); const [infoData, setInfoData] = useState({}); @@ -49,35 +31,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}份 - </> - ) - + 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, }, @@ -97,87 +74,110 @@ }, // 更多列配置... ]; - const fakeData1 = [ + + + const [fakeData1, setFakeData1] = useState([ { - 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 表示系列案 - // 更多字段... + ownerTyp: "22_00018-101", + ownerTypeName: "申请材料", + size: '0', + ownerId: null, + ownerName: null, + perType: null, + agentStatus: null, + fileNames: "-", + fileList: [] }, { - 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 表示系列案 - // 更多字段... + ownerType: "22_00018-102", + ownerTypeName: "证据材料", + size: '0', + ownerId: null, + ownerName: null, + perType: null, + agentStatus: null, + fileNames: "-", + fileList: [] }, - // 更多数据... - ]; + ]); + + const listIdTypeInfo = async () => { + const res = await listIdTypeInfoApi({ + mainId: props.id, //事项ID + ownerIdList: [props.id], //具体所属编号 + typeList: [] + }) + if (res.type) { + let data = res.data?.[0]?.fileList + if (res.data.length > 0) { + setFakeData1(data) + } + } + } + + useEffect(() => { + console.log(props); + getCaseInfo(props.id) + listIdTypeInfo() + }, [props.id]) //获取id - const getCaseInfo = async () => { + const getCaseInfo = async (id) => { const res = await getCaseInfoApi('24083010062110001') if (res.type) { let data = res.data + const partyList = data.personList.concat(data.agentList) setInfoData({ ...data, questionName: data.queProvName === null ? '-' : data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName, caseType: data.caseTypeFirstName === null ? '-' : data.caseTypeFirstName + '/' + data.caseTypeName }) - setFakeData(data.personList.concat(data.agentList)) + setFakeData(partyList.map(item => { + const fileInfoList = item.fileInfoList + let file = [];//身份证明材料、企业登记材料 + let file1 = [];//法人、机构身份证明材料、代理人授权委托书 + if (fileInfoList && fileInfoList.length != 0) { + fileInfoList.forEach(item => { + if (item.ownerType == '22_00018-202' || item.ownerType == '22_00018-203') { + file.push({ + name: item.fileList[0].trueName, + uid: item.fileList[0].id, + }) + } + if (item.ownerType == '22_00018-204' || item.ownerType == '22_00018-207') { + file1.push({ + name: item.fileList[0].trueName, + uid: item.fileList[0].id, + }) + } + }) + } + return { + ...item, + file, + file1 + } + })) } } - - useEffect(() => { - getCaseInfo() - }, []) - return ( <div style={{ position: 'relative' }}> <Typography.Paragraph> - <div className='dataSync-page'> + <div className='dataSync-noScrollPage'> <Col span={24} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}> <Space size='small'> <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>当事人信息</h5> </Space> - <div> + {props.hasApplet && <div> <Switch checkedChildren="当事人小程序可见" unCheckedChildren="当事人小程序不可见" defaultChecked /> </div> + } </Col> <div style={{ margin: '16px 0' }}> <PersonCard @@ -185,7 +185,7 @@ data={fakeData} /> </div> - <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '4px' }}> + <Col span={24} className='title'> <Space size='small'> <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>纠纷基本情况</h5> </Space> @@ -254,7 +254,7 @@ </Col> <Col span={16}> <div className="title"><div className="title-text">是否重大矛盾纠纷</div></div> - <div>{infoData.majorStatus === '0' ? '否' : '是'}</div> + <div>{infoData.majorStatus === '0' ? '否' : infoData.majorStatus === '1' ? '是' : '-'}</div> </Col> </Row> <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '8px', marginTop: '20px' }}> @@ -271,7 +271,7 @@ bordered={true} style={{ marginBottom: '20px' }} /> - <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '4px' }}> + <Col span={24} className='title'> <Space size='small'> <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>登记信息</h5> </Space> @@ -294,7 +294,7 @@ <div>{infoData.createTime || '-'}</div> </Col> </Row> - <Button type='primary' style={{ marginTop: '20px' }}>修改</Button> + {/* {props.hasEditBtn && <Button type='primary' style={{ marginTop: '20px' }}>修改</Button>} */} </div> </Typography.Paragraph> -- Gitblit v1.8.0