| | |
| | | import React, { useEffect, useState } from 'react' |
| | | import KeyVisits from "./KeyVisits"; |
| | | import { link } from '@/assets/images' |
| | | import { link } from '@/assets/images'; |
| | | import { Scrollbars } from "react-custom-scrollbars"; |
| | | import PreviewImage from '../PreviewImage'; |
| | | |
| | | export default function DetailDialog(props) { |
| | | const nuturalList = [ |
| | |
| | | [ |
| | | { |
| | | label: '身份证明材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />李晓明身份证明材料.pdf |
| | | </a>, |
| | | isFile: true |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file', |
| | | }, |
| | | ], |
| | | ] |
| | |
| | | [ |
| | | { |
| | | label: '登记企业材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf |
| | | </a>, |
| | | isFile: true |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file', |
| | | }, |
| | | { |
| | | label: '法定代表人身份证明材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />江照月个人身份.pdf |
| | | </a>, |
| | | isFile: true |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file1', |
| | | }, |
| | | ], |
| | | ] |
| | |
| | | [ |
| | | { |
| | | label: '机构登记材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf |
| | | </a>, |
| | | isFile: true |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file', |
| | | }, |
| | | { |
| | | label: '机构代表人身份证明材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />江照月个人身份.pdf |
| | | </a>, |
| | | isFile: true |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file1', |
| | | }, |
| | | ], |
| | | ] |
| | |
| | | [ |
| | | { |
| | | label: '身份证明材料', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />广东好又多餐饮有限公司营业执照.pdf |
| | | </a>, |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file', |
| | | }, |
| | | { |
| | | label: '代理人授权委托书', |
| | | value: <a href="your-link-here.html" target="_blank"> |
| | | <img src={link} alt="" className="title-file" />江照月个人身份.pdf |
| | | </a>, |
| | | value: '', |
| | | isFile: true, |
| | | field: 'file1', |
| | | }, |
| | | ], |
| | | ] |
| | |
| | | newList = mapList.map(item => { |
| | | return item.map(res => { |
| | | if (res.isFile) { |
| | | return res |
| | | return { |
| | | ...res, |
| | | value: <> |
| | | {data[res.field]?.map((item, index) => { |
| | | if (item.response) { |
| | | //新上传的,前端数据 |
| | | const newData = item.response.data[0] |
| | | return <div style={{ display: 'inline-block' }}> |
| | | <PreviewImage name={newData.name} src={newData.showUrl} /> |
| | | {index !== data[res.field].length - 1 && <>,</>} |
| | | </div> |
| | | } else { |
| | | return <div style={{ display: 'inline-block' }}> |
| | | <PreviewImage name={item.name} src={item.showUrl} /> |
| | | {index !== data[res.field].length - 1 && <>,</>} |
| | | </div> |
| | | } |
| | | })} |
| | | </> |
| | | } |
| | | } |
| | | if (res.isName) { |
| | | return { |
| | |
| | | }, []) |
| | | |
| | | return ( |
| | | <div style={{ maxHeight: '590px', overflowY: 'scroll' }}> |
| | | <Scrollbars |
| | | autoHide |
| | | autoHeight |
| | | autoHeightMin={200} // 最小高度为300px |
| | | autoHeightMax={590} |
| | | > |
| | | <table border="1" align="center" cellpadding="8" className="table" style={{ marginBottom: '20px' }}> |
| | | { |
| | | tableList?.map((item, index) => { |
| | |
| | | } |
| | | </table> |
| | | {/* 重复来访重点人员 */} |
| | | <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
| | | {/* <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
| | | <KeyVisits /> |
| | | </div> |
| | | </div> |
| | | </div> */} |
| | | </Scrollbars> |
| | | ) |
| | | } |