8x48/KnowStreaming
1
0
Fork 0
mirror of https://github.com/didi/KnowStreaming.git synced 2025-12-24 03:42:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Optimize] 健康检查项时间和结果显示(didi#930)

Browse Source
This commit is contained in:
erge
2023-02-20 16:24:45 +08:00
committed by lucasun
parent ae8cc3092b
commit 18e3fbf41d
2 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
km-console/packages/layout-clusters-fe/src/components/CardBar/index.tsx
View File

@@ -165,17 +165,21 @@ const CardBar = (props: CardBarProps) => {
dataIndex: 'passed',
width: '30%',
render(value: boolean, record: any) {
const icon = value ? <IconFont type="icon-zhengchang"></IconFont> : <IconFont type="icon-yichang"></IconFont>;
const txt = value ? '已通过' : '未通过';
const notPassedResNameList = record.notPassedResNameList || [];
return (
<div style={{ display: 'flex', width: 240 }}>
<div style={{ marginRight: 6 }}>
{icon} {txt}
if (record?.updateTime) {
const icon = value ? <IconFont type="icon-zhengchang"></IconFont> : <IconFont type="icon-yichang"></IconFont>;
const txt = value ? '已通过' : '未通过';
const notPassedResNameList = record.notPassedResNameList || [];
return (
<div style={{ display: 'flex', width: 240 }}>
<div style={{ marginRight: 6 }}>
{icon} {txt}
</div>
{<TagsWithHide list={notPassedResNameList} expandTagContent="更多" />}
</div>
{<TagsWithHide list={notPassedResNameList} expandTagContent="更多" />}
</div>
);
);
} else {
return '-';
}
},
},
];

30
km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/config.tsx
View File

@@ -215,7 +215,7 @@ export const getDetailColumn = (clusterId: number) => [
width: 190,
dataIndex: 'updateTime',
render: (text: string) => {
return moment(text).format(timeFormat);
return text ? moment(text).format(timeFormat) : '-';
},
},
{
@@ -224,21 +224,25 @@ export const getDetailColumn = (clusterId: number) => [
width: 280,
// eslint-disable-next-line react/display-name
render: (passed: boolean, record: any) => {
if (passed) {
if (record?.updateTime) {
if (passed) {
return (
<>
<IconFont type="icon-zhengchang" />
<span style={{ marginLeft: 4 }}>通过</span>
</>
);
}
return (
<>
<IconFont type="icon-zhengchang" />
<span style={{ marginLeft: 4 }}>通过</span>
</>
<div style={{ display: 'flex', alignItems: 'center', width: '240px' }}>
<IconFont type="icon-yichang" />
<div style={{ marginLeft: 4, marginRight: 6, flexShrink: 0 }}>未通过</div>
<TagsWithHide list={record.notPassedResNameList || []} expandTagContent="更多" />
</div>
);
} else {
return '-';
}
return (
<div style={{ display: 'flex', alignItems: 'center', width: '240px' }}>
<IconFont type="icon-yichang" />
<div style={{ marginLeft: 4, marginRight: 6, flexShrink: 0 }}>未通过</div>
<TagsWithHide list={record.notPassedResNameList || []} expandTagContent="更多" />
</div>
);
},
},
];