From 945d241bcf549a2c272477748c86095bf0878e74 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sat, 07 Sep 2024 16:54:29 +0800
Subject: [PATCH] feat: 对接事件流转
---
gz-customerSystem/src/views/register/matterDetail/index.jsx | 77 ++++++++++++++++++--------------------
1 files changed, 37 insertions(+), 40 deletions(-)
diff --git a/gz-customerSystem/src/views/register/matterDetail/index.jsx b/gz-customerSystem/src/views/register/matterDetail/index.jsx
index 7c124e6..a058c98 100644
--- a/gz-customerSystem/src/views/register/matterDetail/index.jsx
+++ b/gz-customerSystem/src/views/register/matterDetail/index.jsx
@@ -11,7 +11,7 @@
}
-export default function MatterDetali() {
+export default function MatterDetail(props) {
const [fakeData, setFakeData] = useState([{
"trueName": "王大锤",
"mobile": "13380313412",
@@ -143,44 +143,41 @@
// 更多数据...
];
-
+
+ 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
- setInfoData([...fakeData1, {
+ setInfoData({
...data,
- // status:
- // data.status === '1' ? '待签收' :
- // data.status === '2' ? '待受理' :
- // data.status === '3' ? '办理中' :
- // data.status === '4' ? '结案审核' :
- // data.status === '5' ? '待评价' :
- // data.status === '6' ? '已归档' : '未知状态'
- }])
-
- setInfoData(res.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))
}
- }
- 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
@@ -188,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>
@@ -196,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}>
@@ -217,47 +214,47 @@
</Col>
<Col span={8}>
<div ><div className="title-text">纠纷类型</div></div>
- <div>{infoData.caseTypeFirstName}/{infoData.caseTypeName}</div>
+ <div>{infoData.caseType || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">纠纷发生时间</div></div>
- <div>{infoData.occurTime}</div>
+ <div>{infoData.occurTime || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">纠纷发生地点</div></div>
- <div>广州市天河区中山七路康王柏德来商业城</div>
+ <div>{infoData.addr || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">问题属地</div></div>
- {/* <div>{queProvName}/{queCityName}/{queAreaName}/{queRoadName}</div> */}
+ <div>{infoData.questionName || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">涉及人数（人）</div></div>
- <div>2</div>
+ <div>{infoData.peopleNum || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">涉及金额（元）</div></div>
- <div>{$$.thousands(20000)}</div>
+ <div>{$$.thousands(infoData.amount) || '-'}</div>
</Col>
<Col span={8}>
<div ><div className="title-text">事项来源</div></div>
- <div>大厅来访</div>
+ <div>{infoData.canalName || '-'}</div>
</Col>
<Col span={16}>
<div ><div className="title-text">来访形式</div></div>
- <div>来访</div>
+ <div>{infoData.visitWayName || '-'}</div>
</Col>
<Col span={24}>
<div className="title"><div className="title-text">事项概况</div></div>
- <div>张先生与李先生是多年的朋友关系。2023年4月，李先生因生意周转需要向张先生借款人民币20万元，并口头承诺于一年内还清。出于信任，张先生未要求签订书面借条或借款合同。然而，到了2024年4月，李先生并未如约归还借款。张先生多次通过电话、微信等方式催促还款，但李先生先是拖延，后干脆以各种理由拒绝偿还，甚至声称该笔款项属于赠予而非借款，这使得张先生感到十分无奈。 </div>
+ <div>{infoData.caseDes || '-'}</div>
</Col>
<Col span={24}>
<div className="title"><div className="title-text">事项申请</div></div>
- <div>张先生与李先生是多年的朋友关系。2023年4月，李先生因生意周转需要向张先生借款人民币20万元，并口头承诺于一年内还清。出于信任，张先生未要求签订书面借条或借款合同。然而，到了2024年4月，李先生并未如约归还借款。张先生多次通过电话、微信等方式催促还款，但李先生先是拖延，后干脆以各种理由拒绝偿还，甚至声称该笔款项属于赠予而非借款，这使得张先生感到十分无奈。 </div>
+ <div>{infoData.caseClaim || '-'}</div>
</Col>
<Col span={16}>
<div className="title"><div className="title-text">是否重大矛盾纠纷</div></div>
- <div>否</div>
+ <div>{infoData.majorStatus === '0' ? '否' : '是'}</div>
</Col>
</Row>
<Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '8px', marginTop: '20px' }}>
@@ -274,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>
@@ -283,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