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 | 203 +++++++++++++++++++++++++-------------------------
1 files changed, 102 insertions(+), 101 deletions(-)
diff --git a/gz-customerSystem/src/views/register/matterDetail/index.jsx b/gz-customerSystem/src/views/register/matterDetail/index.jsx
index 403d0c3..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 MatterDetali() {
- 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,86 +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
- setInfoData([...fakeData1, {
+ const partyList = data.personList.concat(data.agentList)
+ setInfoData({
...data,
- questionName: data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName,
- caseType: data.caseTypeFirstName + '/' + data.caseTypeName
- }])
-
+ questionName: data.queProvName === null ? '-' : data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName,
+ caseType: data.caseTypeFirstName === null ? '-' : data.caseTypeFirstName + '/' + data.caseTypeName
+ })
+ 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
@@ -184,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>
@@ -192,11 +193,11 @@
<Row gutter={[16, 16]}>
<Col span={8}>
<div><div className="title-text">事项状态</div></div>
- <div style={{ color: '#1A6FB8' }}>{infoData.statusName || '-'}</div>
+ <div style={{ color: '#1A6FB8' }}>{infoData?.statusName || '-'}</div>
</Col>
<Col span={16}>
<div><div className="title-text">事项编号</div></div>
- <div>{infoData.caseId || '-'}</div>
+ <div>{infoData?.caseRef || '-'}</div>
</Col>
{/*事项等级分为三级，颜色需要做判断*/}
<Col span={8}>
@@ -253,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' }}>
@@ -270,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>
@@ -279,21 +280,21 @@
{/*事项等级分为三级，颜色需要做判断*/}
<Col span={8}>
<div className="title"><div className="title-text">登记机构</div><img src={question} alt="" style={{ width: '14px', height: '14px', marginTop: '4px', marginLeft: '4px' }} /></div>
- <div>天河区棠下街道综治中心</div>
+ <div>{infoData.inputUnitName || '-'}</div>
</Col>
<Col span={8}>
<div><div className="title-text">登记人</div></div>
<div style={{ display: 'flex' }}>
- <div>李晓明</div>
+ <div>{infoData.inputUserName || '-'}</div>
<img src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} />
</div>
</Col>
<Col span={8}>
<div ><div className="title-text">登记时间</div></div>
- <div>2024-7-8 10:00</div>
+ <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