From e978022eaa03c076b18c851a7c0852402e80fd1c Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 06 Sep 2024 16:38:42 +0800 Subject: [PATCH] feat: 识别文字 --- gz-customerSystem/src/views/register/visit/component/previewTable.jsx | 110 +++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 78 insertions(+), 32 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/previewTable.jsx b/gz-customerSystem/src/views/register/visit/component/previewTable.jsx index 1478a43..b4a700a 100644 --- a/gz-customerSystem/src/views/register/visit/component/previewTable.jsx +++ b/gz-customerSystem/src/views/register/visit/component/previewTable.jsx @@ -10,11 +10,11 @@ <table border="1" align="center" cellpadding="6" className="table"> <tr> <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> - <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName}</div><div className="title-personRemark">{item.perClassName}</div></div></td> + <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName || '-'}</div><div className="title-personRemark">自然人</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> - <td width='380'>{item.phone}</td> + <td width='380'>{item.mobile || '-'}</td> <th bgcolor="#F7F8FA" className="table-title" width='140'>性别</th> - <td>{item.sex}</td> + <td>{item.sexName || '-'}</td> <td rowspan="4" width="112" height='147' style={{ padding: '0px' }}> <img border="0" src={person} alt="" style={{ width: '100%', @@ -26,23 +26,23 @@ </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">证件类型</th> - <td>{item.certiTypeName}</td> + <td>{item.certiTypeName || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">证件号码</th> - <td>{item.certiNo}</td> + <td>{item.certiNo || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">民族</th> - <td>{item.nationName}</td> + <td>{item.nationName || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">联系地址</th> - <td>{item.addr}</td> + <td>{item.addr || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">户籍地址</th> - <td>{item.placeAddr}</td> + <td>{item.placeAddr || '-'}</td> <th bgcolor="#F7F8FA" className="table-title" rowspan="2" >是否有个人极端倾向</th> - <td rowspan="2" >{item.extreme}</td> + <td rowspan="2" >{item.extreme === 1 ? '是' : '否' || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">工作单位</th> - <td>{item.workUnit}</td> + <td>{item.workUnit || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th> <td> <a href="your-link-here.html" target="_blank"> @@ -68,42 +68,42 @@ <table border="1" align="center" cellpadding="6" className="table" style={{ marginTop: '20px', marginBottom: '20px' }}> <tr> <th bgcolor="#F7F8FA" className="table-title" width="120">姓名</th> - <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName}</div><div className="title-personRemark">{item.perClassName}</div></div></td> + <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName || '-'}</div><div className="title-personRemark">代理人</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> - <td width='380'>{item.phone}</td> + <td width='380'>{item.mobile || '-'}</td> <th bgcolor="#F7F8FA" className="table-title" width="140">性别</th> - <td>{item.sex}</td> + <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%' }} /> </td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">证件类型</th> - <td>{item.certiTypeName}</td> + <td>{item.certiTypeName || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">证件号码</th> - <td>{item.certiNo}</td> + <td>{item.certiNo || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">民族</th> - <td>{item.nationName}</td> + <td>{item.nationName || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">联系地址</th> - <td>{item.addr}</td> + <td>{item.addr || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">户籍地址</th> - <td>{item.placeAddr}</td> + <td>{item.placeAddr || '-'}</td> <th bgcolor="#F7F8FA" className="table-title" >是否有个人极端倾向</th> - <td>{item.extreme}</td> + <td>{item.extreme || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">工作单位</th> - <td>{item.workUnit}</td> + <td>{item.workUnit || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">委托关系</th> - <td>{item.agentRelateName}</td> + <td>{item.agentRelate || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">委托类型</th> - <td>{item.agentTypeName}</td> + <td>{item.agentType || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">代理对象</th> - <td>{item.perTypeName}</td> + <td>{item.personId || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">身份证明材料</th> <td> <a href="your-link-here.html" target="_blank"> @@ -125,30 +125,30 @@ ) } -const Respondent = ({ respondent}) => { +const Respondent = ({ respondent }) => { return ( <> {respondent?.map((item, index) => ( <table border="1" align="center" cellpadding="6" className="table" style={{ marginTop: '20px', marginBottom: '20px' }}> <tr> <th bgcolor="#F7F8FA" className="table-title" width="120">企业名称</th> - <td width='380'><div style={{ display: 'flex' }}><div>{item.orgaType}</div><div className="title-personRemark">{item.perClassName}</div></div></td> + <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName}</div><div className="title-personRemark">{item.perClassName}</div></div></td> <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> - <td width='380'>{item.phone}</td> + <td width='380'>{item.mobile || '-'}</td> <th bgcolor="#F7F8FA" className="table-title" width="120">企业所在地</th> - <td>{item.address}</td> + <td>{item.addr || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">企业类型</th> - <td>{item.companyType}</td> + <td>{item.orgaTypeName || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">法定代表人</th> - <td>{item.legalPerson}</td> + <td>{item.deputy || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">统一社会信用代码</th> - <td>{item.creditCode}</td> + <td>{item.orgaCode || '-'}</td> </tr> <tr> <th bgcolor="#F7F8FA" className="table-title">住所</th> - <td>{item.president}</td> + <td>{item.placeAddr || '-'}</td> <th bgcolor="#F7F8FA" className="table-title">企业登记材料</th> <td> <a href="your-link-here.html" target="_blank"> @@ -171,4 +171,50 @@ } -export { ApplyDialog, AgentDialog,Respondent }; \ No newline at end of file +const Company = ({ company }) => { + return ( + <> + {company?.map((item, index) => ( + <table border="1" align="center" cellpadding="6" className="table" style={{ marginTop: '20px', marginBottom: '20px' }}> + <tr> + <th bgcolor="#F7F8FA" className="table-title" width="120">机构名称</th> + <td width='380'><div style={{ display: 'flex' }}><div>{item.trueName}</div><div className="title-personRemark">{item.perClassName}</div></div></td> + <th bgcolor="#F7F8FA" className="table-title" width="120">联系方式</th> + <td width='380'>{item.mobile || '-'}</td> + <th bgcolor="#F7F8FA" className="table-title" width="120">机构所在地</th> + <td>{item.addr || '-'}</td> + </tr> + <tr> + <th bgcolor="#F7F8FA" className="table-title">机构类型</th> + <td>{item.orgaTypeName || '-'}</td> + <th bgcolor="#F7F8FA" className="table-title">机构代表人</th> + <td>{item.deputy || '-'}</td> + <th bgcolor="#F7F8FA" className="table-title">机构组织代码</th> + <td>{item.orgaCode || '-'}</td> + </tr> + <tr> + <th bgcolor="#F7F8FA" className="table-title">住所</th> + <td>{item.placeAddr || '-'}</td> + <th bgcolor="#F7F8FA" className="table-title">机构登记材料</th> + <td> + <a href="your-link-here.html" target="_blank"> + <img src={link} alt="" className="title-file" />广东好又多贸易有限公司营业执照副本.pdf + </a> + </td> + <th bgcolor="#F7F8FA" className="table-title" >机构代表人身份证明材料</th> + <td> + <a href="your-link-here.html" target="_blank"> + <img src={link} alt="" className="title-file" />江照月法人身份证明.pdf + </a> + </td> + </tr> + </table> + + )) + } + </> + ) + +} + +export { ApplyDialog, AgentDialog, Respondent, Company }; \ No newline at end of file -- Gitblit v1.8.0