| | |
| | | <div>{infoData.addr || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">{infoData?.canalSecond === '22_00003-1' ? '纠纷发生辖区' : '问题属地'}</div></div> |
| | | <div ><div className="title-text">{infoData?.canalSecond === '22_00003-1' ? '纠纷发生辖区' : '问题属地'}</div></div> |
| | | <div>{infoData.questionName || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | |
| | | <Col span={8}> |
| | | <div ><div className="title-text">事项来源</div></div> |
| | | <div>{infoData.canalName || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">诉前调节号</div></div> |
| | | <div>{props.data?.caseNo || '-'}</div> |
| | | </Col> |
| | | {/* <Col span={16}> |
| | | <div ><div className="title-text">来访形式</div></div> |
| | |
| | | <div>{infoData.caseRemark || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title title-gap"> |
| | | {props.data?.majorStatus === 1 && <img src={majorStatus_1} alt="" srcset="" />} |
| | | <div style={{ color: props.data?.majorStatus === 1 ? '#F53F3F' : 'inherit' }} className="title-text">是否重大矛盾纠纷</div> |
| | | </div> |
| | | <div>{props.data?.majorStatus === 1 ? '是' : '否'}</div> |
| | | </Col> |
| | | <Col span={16}> |
| | | <div className="title title-gap"> |
| | | {props.data?.isRisk === '1' && <img src={majorStatus_1} alt="" srcset="" />} |
| | | <div style={{ color: props.data?.isRisk === '1' ? '#F53F3F' : 'inherit' }} className="title-text">是否扬言风险纠纷</div> |
| | | </div> |
| | | <div>{props.data?.isRisk === '1' ? '是' : '否'}</div> |
| | | </Col> |
| | | { |
| | | infoData?.canalSecond === '22_00003-1' && <> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">上报民警</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[0] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">上报民警联系电话</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[1] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">责任民警</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[3] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">调处人</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[4] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">调处方案</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[5] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">风险等级</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[2] || '-'}</div> |
| | | </Col> |
| | | <Col span={24}> |
| | | <div className="title"><div className="title-text">前期调处情况</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[6] || '-'}</div> |
| | | </Col> |
| | | <div className="title title-gap"> |
| | | {props.data?.majorStatus === 1 && <img src={majorStatus_1} alt="" srcset="" />} |
| | | <div style={{ color: props.data?.majorStatus === 1 ? '#F53F3F' : 'inherit' }} className="title-text">是否重大矛盾纠纷</div> |
| | | </div> |
| | | <div>{props.data?.majorStatus === 1 ? '是' : '否'}</div> |
| | | </Col> |
| | | <Col span={16}> |
| | | <div className="title title-gap"> |
| | | {props.data?.isRisk === '1' && <img src={majorStatus_1} alt="" srcset="" />} |
| | | <div style={{ color: props.data?.isRisk === '1' ? '#F53F3F' : 'inherit' }} className="title-text">是否扬言风险纠纷</div> |
| | | </div> |
| | | <div>{props.data?.isRisk === '1' ? '是' : '否'}</div> |
| | | </Col> |
| | | { |
| | | infoData?.canalSecond === '22_00003-1' && <> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">上报民警</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[0] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">上报民警联系电话</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[1] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">责任民警</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[3] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">调处人</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[4] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">调处方案</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[5] || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">风险等级</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[2] || '-'}</div> |
| | | </Col> |
| | | <Col span={24}> |
| | | <div className="title"><div className="title-text">前期调处情况</div></div> |
| | | <div>{infoData?.tcqk?.split('--')?.[6] || '-'}</div> |
| | | </Col> |
| | | |
| | | </> |
| | | } |
| | | </> |
| | | } |
| | | </Row> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '8px', marginTop: '20px' }}> |
| | | <Space size='small'> |
| | |
| | | <HandleRecord isReview={true} data={props?.listFeedback} noEdit /> |
| | | </div>) |
| | | } |
| | | {props?.transactResult && <> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '16px', marginTop: '20px' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-7px' }}></div><h4>办理结果</h4> |
| | | </Space> |
| | | </Col> |
| | | <table border="1" align="center" cellpadding="8" className="table" > |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">化解结果</th> |
| | | <td width='380' style={{ color: props.transactResult.mediResult == '22_00025-2' ? '#f53f3f' : '#00b42a' }}> |
| | | {props.transactResult.mediResultName || '-'} |
| | | </td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">经办人</th> |
| | | <td width='380'> |
| | | <NameCard2 name={props.transactResult.mediator} userId={props.transactResult.mediatorId} /> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">承办部门</th> |
| | | <td>{props.transactResult.mediateUnitName || '-'}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">配合部门</th> |
| | | <td>{props.transactResult.assistUnitName || '-'}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">受理时间</th> |
| | | <td width='380'>{$$.minuteFormat(props.transactResult?.acceptTime) || '-'}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">办结时间</th> |
| | | <td width='380'>{$$.minuteFormat(props.transactResult?.closeTime) || '-'}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">办理意见</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.handleContent || '-'}</td> |
| | | </tr> |
| | | { |
| | | props.transactResult.mediResult == '22_00025-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议履行情况</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.windupContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.mediResult == '22_00025-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议类型</th> |
| | | <td width='380' colspan='3'>{props.transactResult.agreeType == '24_00003-2' ? '书面协议' : '口头协议'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.agreeType == '24_00003-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议要点</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.agreeContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.agreeType == '24_00003-2' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议文书</th> |
| | | <td colspan='3'> |
| | | <div style={{ display: 'flex', gap: '8px' }}> |
| | | {props.transactResult?.fileInfoBaseDTOList?.map((item, index) => { |
| | | return <div style={{ display: 'inline-block' }}> |
| | | <MyPDF key={index} name={item.name} fileUrl={item.showUrl} fileType={item.suffix} /> |
| | | {/* <PreviewImage name={item.name} src={item.showUrl} /> */} |
| | | {/* {index !== props.transactResult?.fileInfoBaseDTOList.length - 1 && <>,</>} */} |
| | | {props?.transactResult && <> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '16px', marginTop: '20px' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-7px' }}></div><h4>办理结果</h4> |
| | | </Space> |
| | | </Col> |
| | | <table border="1" align="center" cellpadding="8" className="table" > |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">化解结果</th> |
| | | <td width='380' style={{ color: props.transactResult.mediResult == '22_00025-2' ? '#f53f3f' : '#00b42a' }}> |
| | | {props.transactResult.mediResultName || '-'} |
| | | </td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">经办人</th> |
| | | <td width='380'> |
| | | <NameCard2 name={props.transactResult.mediator} userId={props.transactResult.mediatorId} /> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title">承办部门</th> |
| | | <td>{props.transactResult.mediateUnitName || '-'}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title">配合部门</th> |
| | | <td>{props.transactResult.assistUnitName || '-'}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">受理时间</th> |
| | | <td width='380'>{$$.minuteFormat(props.transactResult?.acceptTime) || '-'}</td> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">办结时间</th> |
| | | <td width='380'>{$$.minuteFormat(props.transactResult?.closeTime) || '-'}</td> |
| | | </tr> |
| | | <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">办理意见</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.handleContent || '-'}</td> |
| | | </tr> |
| | | { |
| | | props.transactResult.mediResult == '22_00025-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议履行情况</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.windupContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.mediResult == '22_00025-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议类型</th> |
| | | <td width='380' colspan='3'>{props.transactResult.agreeType == '24_00003-2' ? '书面协议' : '口头协议'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.agreeType == '24_00003-1' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议要点</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.agreeContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.agreeType == '24_00003-2' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议文书</th> |
| | | <td colspan='3'> |
| | | <div style={{ display: 'flex', gap: '8px' }}> |
| | | {props.transactResult?.fileInfoBaseDTOList?.map((item, index) => { |
| | | return <div style={{ display: 'inline-block' }}> |
| | | <MyPDF key={index} name={item.name} fileUrl={item.showUrl} fileType={item.suffix} /> |
| | | {/* <PreviewImage name={item.name} src={item.showUrl} /> */} |
| | | {/* {index !== props.transactResult?.fileInfoBaseDTOList.length - 1 && <>,</>} */} |
| | | </div> |
| | | })} |
| | | </div> |
| | | })} |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.mediResult == '22_00025-2' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">无法化解理由</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.windupContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | </table> |
| | | </>} |
| | | </td> |
| | | </tr> |
| | | } |
| | | { |
| | | props.transactResult.mediResult == '22_00025-2' && <tr> |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">无法化解理由</th> |
| | | <td width='380' colspan='3'>{props.transactResult?.windupContent || '-'}</td> |
| | | </tr> |
| | | } |
| | | </table> |
| | | </>} |
| | | {(infoData?.canal === '22_00001-1' || infoData?.canal === '22_00001-3') && |
| | | <> |
| | | <Col span={24} style={{ marginTop: '12px' }}> |