| | |
| | | import AgentDialog from "../visit/component/agentDialog"; |
| | | import { useNavigate } from 'react-router-dom'; |
| | | import HandleRecord from './HandleRecord'; |
| | | |
| | | import MyPDF from '@/components/MyPDF'; |
| | | function getCaseInfoApi(id) { |
| | | return $$.ax.request({ url: 'caseInfo/getCaseInfo?id=' + id, type: 'get', service: 'mediate' }); |
| | | } |
| | |
| | | <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 && <>,</>} */} |
| | | </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> |
| | | </>} |
| | | {(infoData?.canal === '22_00001-1' || infoData?.canal === '22_00001-3') && |
| | | <> |
| | | <Col span={24} style={{ marginTop: '12px' }}> |