~liuwh/gzDyh.git

			@@ -11,7 +11,7 @@
			}


			export default function MatterDetali() {
			export default function MatterDetail() {
			const [fakeData, setFakeData] = useState([{
			"trueName": "王大锤",
			"mobile": "13380313412",
			@@ -148,26 +148,23 @@
			//获取id
			const getCaseInfo = async () => {
			const res = await getCaseInfoApi('24083010062110001')

			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()
			}, [])

			// useEffect(() => {
			// getCaseInfo()
			// }, [])

			return (
			<div style={{ position: 'relative' }}>
			@@ -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' }}>
			@@ -283,18 +280,18 @@
			{/事项等级分为三级，颜色需要做判断/}
			<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>