feat: 图片

zhangyongtian

2024-09-13 621a3268a8c2cebf899e3ba824c49a1513cb619b

 gz-customerSystem/src/views/register/visit/component/previewTable.jsx

@@ -1,5 +1,8 @@
import React, { useEffect, useState } from 'react';
import { person, link } from '@/assets/images'
import { person1 } from '@/assets/images/icon'
import PreviewImage from '@/components/PreviewImage';



const ApplyDialog = ({ applyDialog }) => {
@@ -16,10 +19,10 @@
              <th bgcolor="#F7F8FA" className="table-title" width='140'>性别</th>
              <td>{item.sexName || '-'}</td>
              <td rowspan="4" width="112" height='147' style={{ padding: '0px' }}>
                <img border="0" src={person} alt="" style={{
                <img border="0" src={person1} alt="" style={{
                  width: '100%',
                  height: '100%',
                  objectFit: 'cover', // 保持原始宽高比并填充整个容器
                  // objectFit: 'cover', // 保持原始宽高比并填充整个容器
                  objectPosition: 'center', // 图片居中显示
                }} />
              </td>
@@ -49,10 +52,10 @@
                  item.fileInfoList?.map(res => {
                    if (res.ownerType == "22_00018-202") {
                      return res.fileList.map((result, resIndex) => {
                        return <a href="your-link-here.html" target="_blank">
                          <img src={link} alt="" className="title-file" />{result.trueName}
                        return <div style={{display: 'inline-block'}}>
                          <PreviewImage name={result.name} src={result.showUrl} />
                          {resIndex !== res.fileList.length - 1 && <>，</>}
                        </a>
                        </div>
                      })
                    }
                  })
@@ -83,7 +86,7 @@
            <th bgcolor="#F7F8FA" className="table-title" width="140">性别</th>
            <td>{item.sexName || '-'}</td>
            <td rowspan="4" width="112" height='147' style={{ padding: '0px' }}>
              <img border="0" src={person} alt="" style={{ width: '100%', height: '100%' }} />
              <img border="0" src={person1} alt="" style={{ width: '100%', height: '100%' }} />
            </td>
          </tr>
          <tr>