|  | @@ -1,5 +1,5 @@
 | 
											
												
													
														|  |  import React from 'react'
 |  |  import React from 'react'
 | 
											
												
													
														|  | -import { Space, Switch, Image, Popover, TableProps, Typography, Badge } from 'antd'
 |  | 
 | 
											
												
													
														|  | 
 |  | +import { Space, Switch, Image, Popover, TableProps, Typography, Badge, Tooltip } from 'antd'
 | 
											
												
													
														|  |  import '../index.less'
 |  |  import '../index.less'
 | 
											
												
													
														|  |  import { copy } from '@/utils/utils'
 |  |  import { copy } from '@/utils/utils'
 | 
											
												
													
														|  |  import { DELIVERY_MODE, DYNAMIC_CREATIVE_TYPE } from '../const'
 |  |  import { DELIVERY_MODE, DYNAMIC_CREATIVE_TYPE } from '../const'
 | 
											
										
											
												
													
														|  | @@ -68,7 +68,9 @@ function tableConfig(reviewStatusDetails: (value: any) => void, suspendHandle?:
 | 
											
												
													
														|  |                  return <div style={{ minHeight: 50, display: 'flex', alignItems: 'center' }}>
 |  |                  return <div style={{ minHeight: 50, display: 'flex', alignItems: 'center' }}>
 | 
											
												
													
														|  |                      {image?.length > 0 ? <div className='tableScrollbar' style={{ overflow: 'hidden', overflowX: 'auto' }}>
 |  |                      {image?.length > 0 ? <div className='tableScrollbar' style={{ overflow: 'hidden', overflowX: 'auto' }}>
 | 
											
												
													
														|  |                          <Image.PreviewGroup>
 |  |                          <Image.PreviewGroup>
 | 
											
												
													
														|  | -                            {image?.map((item: { componentId: string; value: { imageUrl: string | undefined } }, index: string) => <Image key={item?.componentId + '_' + index} src={item?.value?.imageUrl} height={45} />)}
 |  | 
 | 
											
												
													
														|  | 
 |  | +                            {image?.map((item: { componentId: string; value: { imageUrl: string | undefined, imageId: string } }, index: string) => <Tooltip key={item?.componentId + '_' + index} title={item?.value?.imageId}>
 | 
											
												
													
														|  | 
 |  | +                                <Image src={item?.value?.imageUrl} height={45} />
 | 
											
												
													
														|  | 
 |  | +                            </Tooltip>)}
 | 
											
												
													
														|  |                          </Image.PreviewGroup>
 |  |                          </Image.PreviewGroup>
 | 
											
												
													
														|  |                      </div> : '--'}
 |  |                      </div> : '--'}
 | 
											
												
													
														|  |                  </div>
 |  |                  </div>
 | 
											
										
											
												
													
														|  | @@ -83,9 +85,11 @@ function tableConfig(reviewStatusDetails: (value: any) => void, suspendHandle?:
 | 
											
												
													
														|  |              render: (_: any[], b: any) => {
 |  |              render: (_: any[], b: any) => {
 | 
											
												
													
														|  |                  let imageList = b?.creativeComponents?.imageList
 |  |                  let imageList = b?.creativeComponents?.imageList
 | 
											
												
													
														|  |                  return imageList?.length > 0 ? <div className='tableScrollbar' style={{ overflow: 'hidden', overflowX: 'auto', display: 'flex', gap: 10 }}>
 |  |                  return imageList?.length > 0 ? <div className='tableScrollbar' style={{ overflow: 'hidden', overflowX: 'auto', display: 'flex', gap: 10 }}>
 | 
											
												
													
														|  | -                    {imageList?.map((item: { value: { list: any[] } }, index: React.Key | null | undefined) => <Image.PreviewGroup key={index}>
 |  | 
 | 
											
												
													
														|  | -                        {item?.value?.list?.map((list: any, i: number) => <Image key={i} src={list?.imageUrl} height={45} />)}
 |  | 
 | 
											
												
													
														|  | -                    </Image.PreviewGroup>)}
 |  | 
 | 
											
												
													
														|  | 
 |  | +                    <div>
 | 
											
												
													
														|  | 
 |  | +                        {imageList?.map((item: { value: { list: any[] } }, index: React.Key | null | undefined) => <Image.PreviewGroup key={index}>
 | 
											
												
													
														|  | 
 |  | +                            {item?.value?.list?.map((list: any, i: number) => <Tooltip key={i} title={list?.imageId}><Image key={i} src={list?.imageUrl} height={45} /></Tooltip>)}
 | 
											
												
													
														|  | 
 |  | +                        </Image.PreviewGroup>)}
 | 
											
												
													
														|  | 
 |  | +                    </div>
 | 
											
												
													
														|  |                  </div> : '--'
 |  |                  </div> : '--'
 | 
											
												
													
														|  |              }
 |  |              }
 | 
											
												
													
														|  |          },
 |  |          },
 | 
											
										
											
												
													
														|  | @@ -99,8 +103,9 @@ function tableConfig(reviewStatusDetails: (value: any) => void, suspendHandle?:
 | 
											
												
													
														|  |                  let video = b?.creativeComponents?.video
 |  |                  let video = b?.creativeComponents?.video
 | 
											
												
													
														|  |                  return video?.length > 0 ? <Popover
 |  |                  return video?.length > 0 ? <Popover
 | 
											
												
													
														|  |                      placement='right'
 |  |                      placement='right'
 | 
											
												
													
														|  | -                    content={< div >
 |  | 
 | 
											
												
													
														|  | 
 |  | +                    content={<div>
 | 
											
												
													
														|  |                          <Space style={{ maxWidth: 300, display: 'flex', flexFlow: 'row wrap', margin: '10px 0' }}>
 |  |                          <Space style={{ maxWidth: 300, display: 'flex', flexFlow: 'row wrap', margin: '10px 0' }}>
 | 
											
												
													
														|  | 
 |  | +                            <strong>视频ID:{video?.[0]?.value?.videoId}</strong>
 | 
											
												
													
														|  |                              {video?.map((item: { value: { videoUrl: string | undefined } }, index: React.Key | null | undefined) => <video key={index} src={item?.value?.videoUrl} style={{ width: 250 }} controls />)}
 |  |                              {video?.map((item: { value: { videoUrl: string | undefined } }, index: React.Key | null | undefined) => <video key={index} src={item?.value?.videoUrl} style={{ width: 250 }} controls />)}
 | 
											
												
													
														|  |                          </Space>
 |  |                          </Space>
 | 
											
												
													
														|  |                      </div >}
 |  |                      </div >}
 |