| | |
| | | <Image.PreviewGroup> |
| | | <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}> |
| | | {evidenceImages.map((img, index) => { |
| | | // 判断 show_url 是否以 http 开头 |
| | | const isFullUrl = img.show_url && img.show_url.startsWith('http'); |
| | | // 如果是完整URL直接使用,否则拼接 platformUrl |
| | | const imgUrl = img.show_url |
| | | ? (platformUrl ? `${platformUrl}/${img.show_url}` : img.show_url) |
| | | ? (isFullUrl ? img.show_url : (platformUrl ? `${platformUrl}/${img.show_url}` : img.show_url)) |
| | | : ''; |
| | | // 获取文件名:true_name 为空时取 file_name |
| | | const fileName = img.true_name || img.file_name || `材料${index + 1}`; |
| | | const rawFileName = img.true_name || img.file_name || `材料${index + 1}`; |
| | | // 获取文件类型后缀 |
| | | const suffix = img.suffix || ''; |
| | | // 检查文件名是否已包含后缀,避免重复 |
| | | const fileName = suffix && rawFileName.toLowerCase().endsWith(`.${suffix.toLowerCase()}`) |
| | | ? rawFileName |
| | | : (suffix ? `${rawFileName}.${suffix}` : rawFileName); |
| | | const isPdf = suffix.toLowerCase() === 'pdf'; |
| | | |
| | | if (isPdf) { |
| | |
| | | > |
| | | <i className="fas fa-file-pdf" style={{ fontSize: 32, color: '#ff4d4f' }} /> |
| | | <span style={{ fontSize: 10, color: '#666', marginTop: 4, maxWidth: 90, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}> |
| | | {fileName}.{suffix} |
| | | {fileName} |
| | | </span> |
| | | </div> |
| | | ); |