@@ -380,65 +380,6 @@ export default function DataQuality(props: Props = {}) {
380380 < div className = "mt-0 space-y-6" >
381381 { /* 数据集标签统计 */ }
382382 < LabelDistributionStats distribution = { ( dataset as any ) ?. distribution } />
383-
384- < div className = "grid md:grid-cols-2 gap-6" >
385- < Card title = { t ( "dataManagement.quality.titleDistribution" ) } >
386- { metrics . map ( ( item , index ) => (
387- < div key = { index } className = "space-y-2" >
388- < div className = "flex justify-between text-sm" >
389- < span > { item . metric } </ span >
390- < span className = "font-semibold" > { item . value } %</ span >
391- </ div >
392- < div className = "w-full bg-gray-200 rounded-full h-3" >
393- < div
394- className = { `${ item . color } h-3 rounded-full transition-all duration-500` }
395- style = { { width : `${ item . value } %` } }
396- />
397- </ div >
398- </ div >
399- ) ) }
400- </ Card >
401-
402- < Card title = { t ( "dataManagement.quality.titleIntegrity" ) } >
403- { integrityMetrics . map ( ( item , index ) => (
404- < div key = { index } className = "space-y-2" >
405- < div className = "flex justify-between text-sm" >
406- < span > { item . metric } </ span >
407- < span className = "font-semibold" > { item . value } %</ span >
408- </ div >
409- < div className = "w-full bg-gray-200 rounded-full h-3" >
410- < div
411- className = { `${ item . color } h-3 rounded-full transition-all duration-500` }
412- style = { { width : `${ item . value } %` } }
413- />
414- </ div >
415- </ div >
416- ) ) }
417- </ Card >
418- </ div >
419-
420- < Card className = "bg-gradient-to-r from-yellow-50 to-orange-50 border-yellow-200" >
421- < div className = "flex items-start gap-4" >
422- < AlertTriangle className = "w-6 h-6 text-yellow-600 mt-1 flex-shrink-0" />
423- < div >
424- < h4 className = "font-semibold text-yellow-800 mb-2" > { t ( "dataManagement.quality.recommendationTitle" ) } </ h4 >
425- < ul className = "text-sm text-yellow-700 space-y-2" >
426- < li className = "flex items-start gap-2" >
427- < span className = "w-1.5 h-1.5 bg-yellow-600 rounded-full mt-2 flex-shrink-0" />
428- { t ( "dataManagement.quality.recommendationReviewLowQuality" , { count : Math . max ( 1 , Math . round ( ( finalFileStats . lowQuality || 0 ) * 1 ) ) } ) }
429- </ li >
430- < li className = "flex items-start gap-2" >
431- < span className = "w-1.5 h-1.5 bg-yellow-600 rounded-full mt-2 flex-shrink-0" />
432- { t ( "dataManagement.quality.recommendationSupplementMetadata" , { missing : finalFileStats . missingFields || 0 } ) }
433- </ li >
434- < li className = "flex items-start gap-2" >
435- < span className = "w-1.5 h-1.5 bg-yellow-600 rounded-full mt-2 flex-shrink-0" />
436- { t ( "dataManagement.quality.recommendationBalanceDistribution" ) }
437- </ li >
438- </ ul >
439- </ div >
440- </ div >
441- </ Card >
442383 </ div >
443384 ) ;
444385}
0 commit comments