广州市综治平台前端
xusd
8 days ago 0a81ff5257909cac9534b40b806484240c384f4d
src/views/register/matterDetail/index.jsx
@@ -11,7 +11,7 @@
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' });
}
@@ -328,6 +328,81 @@
              <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' }}>