|
|
|
@ -356,8 +356,8 @@ const EnterpriseFile: React.FC<CustomerRetentionProps> = ({ customer }) => { |
|
|
|
const columnsHivePolicyInnerCoInsurer = [ |
|
|
|
const columnsHivePolicyInnerCoInsurer = [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
title: '联保机构', |
|
|
|
title: '联保机构', |
|
|
|
dataIndex: 'innerCoOrgCode', |
|
|
|
dataIndex: 'orgName', |
|
|
|
key: 'innerCoOrgCode', |
|
|
|
key: 'orgName', |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
title: '联保份额', |
|
|
|
title: '联保份额', |
|
|
|
@ -475,18 +475,24 @@ const EnterpriseFile: React.FC<CustomerRetentionProps> = ({ customer }) => { |
|
|
|
}, |
|
|
|
}, |
|
|
|
]; |
|
|
|
]; |
|
|
|
const handleCapture = () => { |
|
|
|
const handleCapture = () => { |
|
|
|
setLoading(true); |
|
|
|
|
|
|
|
setDownloadStat(true); |
|
|
|
setDownloadStat(true); |
|
|
|
setTimeout(function () { |
|
|
|
setLoading(true); |
|
|
|
downPdf("企业档案", "main-customer-htm").then(() => { |
|
|
|
setTimeout(() => { |
|
|
|
console.log("PDF已经生成并保存！"); |
|
|
|
downPdf("企业档案", "main-customer-htm") |
|
|
|
}).catch((error: any) => { |
|
|
|
.then(() => { |
|
|
|
console.error("生成PDF时发生错误: ", error); |
|
|
|
console.log("PDF已经生成并保存！"); |
|
|
|
}); |
|
|
|
setLoading(false); |
|
|
|
setLoading(false); |
|
|
|
setDownloadStat(false); |
|
|
|
setDownloadStat(false); |
|
|
|
}) |
|
|
|
|
|
|
|
.catch((error: any) => { |
|
|
|
|
|
|
|
console.error("生成PDF时发生错误: ", error); |
|
|
|
|
|
|
|
setLoading(false); |
|
|
|
|
|
|
|
setDownloadStat(false); |
|
|
|
|
|
|
|
}); |
|
|
|
}, 7000); |
|
|
|
}, 7000); |
|
|
|
} |
|
|
|
// }, 200);
|
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div style={{ height: 40 }}> |
|
|
|
<div style={{ height: 40 }}> |
|
|
|
@ -506,145 +512,158 @@ const EnterpriseFile: React.FC<CustomerRetentionProps> = ({ customer }) => { |
|
|
|
textAlign: 'center', |
|
|
|
textAlign: 'center', |
|
|
|
display: 'flex', |
|
|
|
display: 'flex', |
|
|
|
alignItems: 'center' |
|
|
|
alignItems: 'center' |
|
|
|
}}>企业档案</div></div> |
|
|
|
}}>{customer.customerName}企业档案</div></div> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<Descriptions title="企业基本信息"> |
|
|
|
<div className={downloadStat? 'asd': 'header-filter'} style={downloadStat?{}:{width: '99%', marginLeft: '0.5%'}}> |
|
|
|
{items.map(item => ( |
|
|
|
<div className={downloadStat? 'asd': 'list-filter'} style={downloadStat?{}:{display: 'flex', padding: 7}}> |
|
|
|
<Descriptions.Item label={item.label} key={item.key}> |
|
|
|
<Descriptions title="企业基本信息"> |
|
|
|
{item.children} |
|
|
|
{items.map(item => ( |
|
|
|
</Descriptions.Item> |
|
|
|
<Descriptions.Item label={item.label} key={item.key}> |
|
|
|
))} |
|
|
|
{item.children} |
|
|
|
</Descriptions> |
|
|
|
</Descriptions.Item> |
|
|
|
<br /> |
|
|
|
))} |
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
|
|
|
|
<div className="ant-descriptions-title">保单信息</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{items2.map(pItem => ( |
|
|
|
|
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
|
|
|
|
borderRadius: 5, |
|
|
|
|
|
|
|
padding: 10, |
|
|
|
|
|
|
|
backgroundColor: '#dce4f84a', |
|
|
|
|
|
|
|
marginTop: 10}}> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>基本信息</div> |
|
|
|
|
|
|
|
<Descriptions> |
|
|
|
|
|
|
|
{pItem.baseData.map((item: { label: string, key: string, children: string }) => ( |
|
|
|
|
|
|
|
<Descriptions.Item label={item.label} key={item.key}> |
|
|
|
|
|
|
|
{item.children} |
|
|
|
|
|
|
|
</Descriptions.Item> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</Descriptions> |
|
|
|
</Descriptions> |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>责任条款</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={pItem.policyCoverageList} |
|
|
|
|
|
|
|
columns={columnsPolicyCoverage} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>联保信息</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={pItem.hivePolicyInnerCoInsurerList} |
|
|
|
|
|
|
|
columns={columnsHivePolicyInnerCoInsurer} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br /> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
|
|
|
|
<br /> |
|
|
|
|
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
|
|
|
|
<div className="ant-descriptions-title">理赔记录</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{items3.map((item3, index) => ( |
|
|
|
<div className={downloadStat? 'asd': 'header-filter'} style={downloadStat?{}:{width: '99%', marginLeft: '0.5%'}}> |
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
<div className={downloadStat? 'asd': 'list-filter'} style={downloadStat?{}:{padding: 7}}> |
|
|
|
borderRadius: 5, |
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
padding: 10, |
|
|
|
<div className="ant-descriptions-title">保单信息</div> |
|
|
|
backgroundColor: '#dce4f84a'}}> |
|
|
|
</div> |
|
|
|
{(index === 0 || item3[0].children !== items3[index - 1][0].children) && ( |
|
|
|
{items2.map(pItem => ( |
|
|
|
<div style={{ marginBottom: 20, fontWeight: 600 }}> |
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
保单号： {item3[0].children} |
|
|
|
borderRadius: 5, |
|
|
|
|
|
|
|
padding: 10, |
|
|
|
|
|
|
|
backgroundColor: '#dce4f84a', |
|
|
|
|
|
|
|
marginTop: 10}}> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>基本信息</div> |
|
|
|
|
|
|
|
<Descriptions> |
|
|
|
|
|
|
|
{pItem.baseData.map((item: { label: string, key: string, children: string }) => ( |
|
|
|
|
|
|
|
<Descriptions.Item label={item.label} key={item.key}> |
|
|
|
|
|
|
|
{item.children} |
|
|
|
|
|
|
|
</Descriptions.Item> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</Descriptions> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>责任条款</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={pItem.policyCoverageList} |
|
|
|
|
|
|
|
columns={columnsPolicyCoverage} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>联保信息</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={pItem.hivePolicyInnerCoInsurerList} |
|
|
|
|
|
|
|
columns={columnsHivePolicyInnerCoInsurer} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
))} |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>基本信息</div> |
|
|
|
|
|
|
|
<Descriptions> |
|
|
|
|
|
|
|
{item3.slice(1, 4).map(tim => ( |
|
|
|
|
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
|
|
|
|
{tim.children} |
|
|
|
|
|
|
|
</Descriptions.Item> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</Descriptions> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>定损信息</div> |
|
|
|
|
|
|
|
<Descriptions> |
|
|
|
|
|
|
|
{item3.slice(5, 13).map(tim => ( |
|
|
|
|
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
|
|
|
|
{tim.children} |
|
|
|
|
|
|
|
</Descriptions.Item> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</Descriptions> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>赔付信息</div> |
|
|
|
|
|
|
|
<Descriptions> |
|
|
|
|
|
|
|
{item3.slice(14, 24).map(tim => ( |
|
|
|
|
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
|
|
|
|
{tim.children} |
|
|
|
|
|
|
|
</Descriptions.Item> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</Descriptions> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
|
|
|
|
<br /> |
|
|
|
|
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
|
|
|
|
<div className="ant-descriptions-title">服务记录</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{items4.map((item4, index) => ( |
|
|
|
<div className={downloadStat? 'asd': 'header-filter'} style={downloadStat?{}:{width: '99%', marginLeft: '0.5%'}}> |
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
<div className={downloadStat? 'asd': 'list-filter'} style={downloadStat?{}:{padding: 7}}> |
|
|
|
borderRadius: 5, |
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
padding: 10, |
|
|
|
<div className="ant-descriptions-title">理赔记录</div> |
|
|
|
backgroundColor: '#dce4f84a'}}> |
|
|
|
</div> |
|
|
|
<div style={{marginBottom: 20, fontWeight: 600}}>保单号： {item4.policyNumber}</div> |
|
|
|
{items3.map((item3, index) => ( |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>事故预防服务</div> |
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
<Table |
|
|
|
borderRadius: 5, |
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
padding: 10, |
|
|
|
dataSource={item4.accidentPreventionList} |
|
|
|
backgroundColor: '#dce4f84a'}}> |
|
|
|
columns={columnsAccidentPrevention} |
|
|
|
{(index === 0 || item3[0].children !== items3[index - 1][0].children) && ( |
|
|
|
bordered={true} |
|
|
|
<div style={{ marginBottom: 20, fontWeight: 600 }}> |
|
|
|
size={'small'} |
|
|
|
保单号： {item3[0].children} |
|
|
|
scroll={{ y: 300 }} |
|
|
|
</div> |
|
|
|
rowKey="key" |
|
|
|
)} |
|
|
|
pagination={false} |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>基本信息</div> |
|
|
|
/> |
|
|
|
<Descriptions> |
|
|
|
<br/> |
|
|
|
{item3.slice(1, 4).map(tim => ( |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>风险辨识</div> |
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
<Table |
|
|
|
{tim.children} |
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
</Descriptions.Item> |
|
|
|
dataSource={item4.riskList} |
|
|
|
))} |
|
|
|
columns={columnsRisk} |
|
|
|
</Descriptions> |
|
|
|
bordered={true} |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>定损信息</div> |
|
|
|
size={'small'} |
|
|
|
<Descriptions> |
|
|
|
scroll={{ y: 300 }} |
|
|
|
{item3.slice(5, 13).map(tim => ( |
|
|
|
pagination={false} |
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
/> |
|
|
|
{tim.children} |
|
|
|
<br/> |
|
|
|
</Descriptions.Item> |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>隐患排查</div> |
|
|
|
))} |
|
|
|
<Table |
|
|
|
</Descriptions> |
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>赔付信息</div> |
|
|
|
dataSource={item4.hazardInvestigationList} |
|
|
|
<Descriptions> |
|
|
|
columns={columnsHazardInvestigation} |
|
|
|
{item3.slice(14, 24).map(tim => ( |
|
|
|
bordered={true} |
|
|
|
<Descriptions.Item label={tim.title} key={tim.key}> |
|
|
|
size={'small'} |
|
|
|
{tim.children} |
|
|
|
scroll={{ y: 300 }} |
|
|
|
</Descriptions.Item> |
|
|
|
rowKey="key" |
|
|
|
))} |
|
|
|
pagination={false} |
|
|
|
</Descriptions> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
|
|
|
|
))} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
</div> |
|
|
|
|
|
|
|
<div className={downloadStat? 'asd': 'header-filter'} style={downloadStat?{}:{width: '99%', marginLeft: '0.5%'}}> |
|
|
|
|
|
|
|
<div className={downloadStat? 'asd': 'list-filter'} style={downloadStat?{}:{padding: 7}}> |
|
|
|
|
|
|
|
<div className="ant-descriptions-header"> |
|
|
|
|
|
|
|
<div className="ant-descriptions-title">服务记录</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{items4.map((item4, index) => ( |
|
|
|
|
|
|
|
<div style={{border: '1px solid #dce4f84a', |
|
|
|
|
|
|
|
borderRadius: 5, |
|
|
|
|
|
|
|
padding: 10, |
|
|
|
|
|
|
|
backgroundColor: '#dce4f84a'}}> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, fontWeight: 600}}>保单号： {item4.policyNumber}</div> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>事故预防服务</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={item4.accidentPreventionList} |
|
|
|
|
|
|
|
columns={columnsAccidentPrevention} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>风险辨识</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={item4.riskList} |
|
|
|
|
|
|
|
columns={columnsRisk} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<br/> |
|
|
|
|
|
|
|
<div style={{marginBottom: 20, color: '#4F85EA', fontWeight: 600}}>隐患排查</div> |
|
|
|
|
|
|
|
<Table |
|
|
|
|
|
|
|
className={downloadStat ? 'special-class' : 'regular-class'} |
|
|
|
|
|
|
|
dataSource={item4.hazardInvestigationList} |
|
|
|
|
|
|
|
columns={columnsHazardInvestigation} |
|
|
|
|
|
|
|
bordered={true} |
|
|
|
|
|
|
|
size={'small'} |
|
|
|
|
|
|
|
scroll={{ y: 300 }} |
|
|
|
|
|
|
|
rowKey="key" |
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
))} |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
liuyiliang
3 months ago