feat(platform): show active quality filters

This commit is contained in:
lingniu
2026-07-04 08:17:32 +08:00
parent c923ceefad
commit fc02376272
2 changed files with 80 additions and 0 deletions

View File

@@ -145,6 +145,11 @@ export function Quality({
const drillIssueType = (issueType: string) => {
applyFilters({ ...filters, issueType });
};
const filterSummary = [
filters.keyword ? `关键词:${filters.keyword}` : '',
filters.protocol ? `数据来源:${qualityProtocolLabel(filters.protocol)}` : '',
filters.issueType ? `问题类型:${qualityIssueLabel(filters.issueType)}` : ''
].filter(Boolean);
return (
<div className="vp-page">
@@ -190,6 +195,16 @@ export function Quality({
</Card>
</Col>
</Row>
{filterSummary.length > 0 ? (
<Card bordered title="当前筛选" style={{ marginTop: 16 }}>
<Space wrap>
{filterSummary.map((item) => (
<Tag key={item} color="blue">{item}</Tag>
))}
<Button size="small" onClick={() => applyFilters({})}></Button>
</Space>
</Card>
) : null}
<Card bordered title="问题来源分布" loading={loadingSummary} style={{ marginTop: 16 }}>
<Table
pagination={false}