From 3ae864f005e8a874de01c15e14b83196a3f6f11b Mon Sep 17 00:00:00 2001
From: xusd <hugeinfo123>
Date: Wed, 18 Sep 2024 10:21:30 +0800
Subject: [PATCH] 新增一个测试环境
---
gz-customerSystem/src/views/register/visit/component/previewTable.jsx | 155 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 96 insertions(+), 59 deletions(-)
diff --git a/gz-customerSystem/src/views/register/visit/component/previewTable.jsx b/gz-customerSystem/src/views/register/visit/component/previewTable.jsx
index f756d12..36a8e61 100644
--- a/gz-customerSystem/src/views/register/visit/component/previewTable.jsx
+++ b/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>
}
})
}
--
Gitblit v1.8.0