From 3326977aa58fedbac88d3c009eac06c33020db0d Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sun, 08 Sep 2024 15:29:01 +0800
Subject: [PATCH] feat: 当事人文件回显
---
gz-customerSystem/src/views/register/matterDetail/index.jsx | 69 ++++++++++++++++++----------------
1 files changed, 36 insertions(+), 33 deletions(-)
diff --git a/gz-customerSystem/src/views/register/matterDetail/index.jsx b/gz-customerSystem/src/views/register/matterDetail/index.jsx
index 810cb2e..293f2fb 100644
--- a/gz-customerSystem/src/views/register/matterDetail/index.jsx
+++ b/gz-customerSystem/src/views/register/matterDetail/index.jsx
@@ -12,29 +12,7 @@
export default function MatterDetail(props) {
- 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"
- }]);//当事人信息数据
+ const [fakeData, setFakeData] = useState([]);//当事人信息数据
const [upload, setUpLoad] = useState(false);
const [filesCheck, setFilesCheck] = useState(false);
const [infoData, setInfoData] = useState({});
@@ -144,27 +122,52 @@
// 更多数据...
];
+ useEffect(() => {
+ console.log(props);
+ getCaseInfo(props.caseId)
+ }, [props.caseId])
//获取id
- const getCaseInfo = async () => {
- const res = await getCaseInfoApi('24083010062110001')
+ const getCaseInfo = async (id) => {
+ const res = await getCaseInfoApi(id)
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' }}>
@@ -186,7 +189,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>
@@ -272,7 +275,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>
--
Gitblit v1.8.0