| | |
| | | import { ApplyDialog, AgentDialog, Respondent, Company } from './component/previewTable' |
| | | import FileTable from "../matterDetail/FileTable"; |
| | | import { link } from '@/assets/images'; |
| | | import PreviewImage from '@/components/PreviewImage'; |
| | | |
| | | const Preview = (props) => { |
| | | const [data, setData] = useState({}) |
| | |
| | | <div ><div className="title-text">问题属地</div></div> |
| | | <div> |
| | | {props.data?.queProvName ? |
| | | `${props.data.queProvName}/${props.data.queCityName}/${props.data.queAreaName}/${props.data.queRoadName}` |
| | | `${props.data.queCityName}/${props.data.queAreaName}/${props.data.queRoadName}` |
| | | : '-' |
| | | } |
| | | </div> |
| | |
| | | <th bgcolor="#F7F8FA" className="table-title" width="120">协议文书</th> |
| | | <td colspan='3'> |
| | | {props.transactResult?.fileInfoBaseDTOList?.map((item, index) => { |
| | | return <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />{item.trueName} |
| | | {index !== props.transactResult.fileInfoBaseDTOList.length - 1 && <>,</>} |
| | | </a> |
| | | console.log(item); |
| | | return <div style={{ display: 'inline-block' }}> |
| | | <PreviewImage name={item.name} src={item.showUrl} /> |
| | | {index !== props.transactResult?.fileInfoBaseDTOList.length - 1 && <>,</>} |
| | | </div> |
| | | })} |
| | | </td> |
| | | </tr> |
| | |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-7px' }}></div><h4>事件材料</h4> |
| | | </Space> |
| | | </Col> |
| | | <div style={{ marginBottom: '65px' }}> |
| | | <FileTable mainId={props.mainId} fileInfoList={props.data?.fileInfoList} isReview={true} /> |
| | | </div> |
| | | <FileTable mainId={props.mainId} fileInfoList={props.data?.fileInfoList} isReview={true} /> |
| | | </div> |
| | | ) |
| | | } |