完善漏洞中心展示卡样式
This commit is contained in:
parent
e84791ffd0
commit
c2e2482cd1
|
@ -11,5 +11,7 @@ export default {
|
|||
'component.ListCard.scan': '一键扫描',
|
||||
'component.ListCard.scanning': '扫描中',
|
||||
'component.ListCard.success': '扫描成功',
|
||||
'component.ListCard.failed': '扫描失败'
|
||||
'component.ListCard.failed': '扫描失败',
|
||||
'component.ListCard.scan_recent': '数据最近已更新,无需再次更新',
|
||||
|
||||
};
|
||||
|
|
|
@ -19,11 +19,13 @@ const ListCard=(props)=> {
|
|||
let res=await updataApi();
|
||||
if(res){
|
||||
setComplete(false);
|
||||
if(res.success){
|
||||
if(res.message == 'success'){
|
||||
message.success(intl.formatMessage({id:'component.ListCard.success',defaultMessage:'Scan success'}));
|
||||
setTimeout(()=>{
|
||||
window.location.reload();
|
||||
},1000)
|
||||
}else if(res.message == 'forbidden'){
|
||||
message.success(intl.formatMessage({id:'component.ListCard.scan_recent',defaultMessage:res.data}));
|
||||
}else{
|
||||
message.error(intl.formatMessage({id:'component.ListCard.failed',defaultMessage:'Scan failed'}));
|
||||
}
|
||||
|
@ -42,52 +44,52 @@ const ListCard=(props)=> {
|
|||
setResponsive(offset.width < 596);
|
||||
}}>
|
||||
<ProCard.Group direction={responsive ? 'column' : 'row'}>
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.needed_to_repair',
|
||||
defaultMessage: 'Need to repair',
|
||||
})}
|
||||
value={StatisticList?.cve_count} valueStyle={{ color: "red", textAlign:'center' }} />
|
||||
value={StatisticList?.cve_count} valueStyle={{ color: "red" }} />
|
||||
</ProCard>
|
||||
<Divider type={responsive ? 'horizontal' : 'vertical'} />
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.high_needed_to_repair',
|
||||
defaultMessage: 'High-risk need to Repair',
|
||||
})}
|
||||
value={StatisticList?.high_cve_count} valueStyle={{ color: "red", textAlign:'center' }} />
|
||||
value={StatisticList?.high_cve_count} valueStyle={{ color: "red" }} />
|
||||
</ProCard>
|
||||
<Divider type={responsive ? 'horizontal' : 'vertical'} />
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.hosts_with_vul',
|
||||
defaultMessage: 'Hosts with vulnerabilities',
|
||||
})}
|
||||
value={StatisticList?.affect_host_count} valueStyle={{ color: "red", textAlign:'center' }} />
|
||||
value={StatisticList?.affect_host_count} valueStyle={{ color: "red" }} />
|
||||
</ProCard>
|
||||
<Divider type={responsive ? 'horizontal' : 'vertical'} />
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.today_repaired',
|
||||
defaultMessage: 'Today has been repaired',
|
||||
})}
|
||||
value={StatisticList?.cvefix_today_count} valueStyle={{ color: "red", textAlign:'center' }} />
|
||||
value={StatisticList?.cvefix_today_count} valueStyle={{ color: "red" }} />
|
||||
</ProCard>
|
||||
<Divider type={responsive ? 'horizontal' : 'vertical'} />
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.cumulate_repaired',
|
||||
defaultMessage: 'Cumulative revision',
|
||||
})}
|
||||
value={StatisticList?.cvefix_all_count} valueStyle={{ color: "red",textAlign:'center' }} />
|
||||
value={StatisticList?.cvefix_all_count} valueStyle={{ color: "red" }} />
|
||||
</ProCard>
|
||||
<Divider type={responsive ? 'horizontal' : 'vertical'} />
|
||||
<ProCard>
|
||||
<ProCard bodyStyle={{textAlign:'center'}}>
|
||||
<Statistic title={intl.formatMessage({
|
||||
id: 'component.ListCard.latest_scan_time',
|
||||
defaultMessage: 'Latest scan time',
|
||||
})}
|
||||
value={StatisticList?.latest_scan_time} valueStyle={{ color: "white",fontSize:13,whiteSpace:'nowrap',textAlign:'center' }} />
|
||||
value={StatisticList?.latest_scan_time} valueStyle={{ color: "red",fontSize:16,whiteSpace:'nowrap' }} />
|
||||
</ProCard>
|
||||
<ProCard>
|
||||
<Button onClick={Scan} type="primary" loading={complete}>{complete ? <FormattedMessage id="component.ListCard.scanning" defaultMessage="Scanning" /> : <FormattedMessage id="component.ListCard.scan" defaultMessage="Scan" />}</Button>
|
||||
|
|
Loading…
Reference in New Issue