Merge branch 'master' of http://120.79.193.119:9090/r/gzzfw/frontEnd/gzDyh ...

liuwh

2024-09-14 221546808c11df777199def992e4abbf1fc31b5a

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

@@ -1,11 +1,12 @@
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 }) => {
  console.log(applyDialog, 'applyDialog');
  return (
    <>
      {
@@ -49,14 +50,19 @@
              <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th>
              <td>
                {
                  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}
                          {resIndex !== res.fileList.length - 1 && <>，</>}
                        </a>
                      })
                  item.file?.map((result, resIndex) => {
                    if (result.response) {
                      //新上传的，前端数据
                      const newData = result.response.data[0]
                      return <div style={{ display: 'inline-block' }}>
                        <PreviewImage name={newData.name} src={newData.showUrl} />
                        {resIndex !== item.file?.length - 1 && <>，</>}
                      </div>
                    } else {
                      return <div style={{ display: 'inline-block' }}>
                        <PreviewImage name={result.name} src={result.showUrl} />
                        {resIndex !== item.file?.length - 1 && <>，</>}
                      </div>
                    }
                  })
                }
@@ -74,6 +80,7 @@
}

const AgentDialog = ({ agentDialog }) => {
  console.log(agentDialog, 'agentDialog');
  return (
    <>
      {agentDialog?.map((item, index) => (
@@ -119,14 +126,19 @@
            <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th>
            <td>
              {
                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}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }
@@ -134,28 +146,32 @@
            <th bgcolor="#F7F8FA" className="table-title">代理人授权委托书</th>
            <td>
              {
                item.fileInfoList?.map(res => {
                  if (res.ownerType == '22_00018-207') {
                    return res.fileList.map((result, resIndex) => {
                      return <a href="your-link-here.html" target="_blank">
                        <img src={link} alt="" className="title-file" />{result.trueName}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file1?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }
            </td>
          </tr>

        </table>

      ))}
    </>
  )
}

const Respondent = ({ respondent }) => {
  console.log(respondent, 'respondent');
  return (
    <>
      {respondent?.map((item, index) => (
@@ -182,14 +198,19 @@
            <th bgcolor="#F7F8FA" className="table-title">企业登记材料</th>
            <td>
              {
                item.fileInfoList?.map(res => {
                  if (res.ownerType == '22_00018-203') {
                    return res.fileList.map((result, resIndex) => {
                      return <a href="your-link-here.html" target="_blank">
                        <img src={link} alt="" className="title-file" />{result.trueName}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }
@@ -197,14 +218,19 @@
            <th bgcolor="#F7F8FA" className="table-title" >法定代表人身份证明材料</th>
            <td>
              {
                item.fileInfoList?.map(res => {
                  if (res.ownerType == '22_00018-204') {
                    return res.fileList.map((result, resIndex) => {
                      return <a href="your-link-here.html" target="_blank">
                        <img src={link} alt="" className="title-file" />{result.trueName}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file1?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }
@@ -220,6 +246,7 @@
}

const Company = ({ company }) => {
  console.log(company, 'company');
  return (
    <>
      {company?.map((item, index) => (
@@ -246,14 +273,19 @@
            <th bgcolor="#F7F8FA" className="table-title">机构登记材料</th>
            <td>
              {
                item.fileInfoList?.map(res => {
                  if (res.ownerType == '22_00018-203') {
                    return res.fileList.map((result, resIndex) => {
                      return <a href="your-link-here.html" target="_blank">
                        <img src={link} alt="" className="title-file" />{result.trueName}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }
@@ -261,14 +293,19 @@
            <th bgcolor="#F7F8FA" className="table-title" >机构代表人身份证明材料</th>
            <td>
              {
                item.fileInfoList?.map(res => {
                  if (res.ownerType == '22_00018-204') {
                    return res.fileList.map((result, resIndex) => {
                      return <a href="your-link-here.html" target="_blank">
                        <img src={link} alt="" className="title-file" />{result.trueName}
                        {resIndex !== res.fileList.length - 1 && <>，</>}
                      </a>
                    })
                item.file1?.map((result, resIndex) => {
                  if (result.response) {
                    //新上传的，前端数据
                    const newData = result.response.data[0]
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={newData.name} src={newData.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  } else {
                    return <div style={{ display: 'inline-block' }}>
                      <PreviewImage name={result.name} src={result.showUrl} />
                      {resIndex !== item.file?.length - 1 && <>，</>}
                    </div>
                  }
                })
              }