| | |
|---|
| | | 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 = [ |
|---|
| | |
|---|
| | | ...res, |
|---|
| | | value: <> |
|---|
| | | {data[res.field]?.map(item => { |
|---|
| | | return <a target="_blank"> |
|---|
| | | <img src={link} alt="" className="title-file" />{item.name} |
|---|
| | | </a> |
|---|
| | | console.log(item); |
|---|
| | | if(item.response) { |
|---|
| | | //新上传的，前端数据 |
|---|
| | | const data = item.response.data[0] |
|---|
| | | return <PreviewImage name={data.name} src={data.showUrl} /> |
|---|
| | | } else { |
|---|
| | | return <PreviewImage name={item.name} src={item.showUrl} /> |
|---|
| | | } |
|---|
| | | })} |
|---|
| | | </> |
|---|
| | | } |
|---|
| | |
|---|
| | | }, []) |
|---|
| | | |
|---|
| | | 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) => { |
|---|
| | |
|---|
| | | {/* <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
|---|
| | | <KeyVisits /> |
|---|
| | | </div> */} |
|---|
| | | </div> |
|---|
| | | </Scrollbars> |
|---|
| | | ) |
|---|
| | | } |
|---|
