Files
AIclinicalresearch/frontend/src/pages/rvw/components/ScoreRing.tsx
HaHafeng dfc0fe0b9a feat(pkb): Integrate pgvector and create Dify replacement plan
Summary:
- Migrate PostgreSQL to pgvector/pgvector:pg15 Docker image
- Successfully install and verify pgvector 0.8.1 extension
- Create comprehensive Dify-to-pgvector migration plan
- Update PKB module documentation with pgvector status
- Update system documentation with pgvector integration

Key changes:
- docker-compose.yml: Switch to pgvector/pgvector:pg15 image
- Add EkbDocument and EkbChunk data model design
- Design R-C-R-G hybrid retrieval architecture
- Add clinical data JSONB fields (pico, studyDesign, regimen, safety, criteria, endpoints)
- Create detailed 10-day implementation roadmap

Documentation updates:
- PKB module status: pgvector RAG infrastructure ready
- System status: pgvector 0.8.1 integrated
- New: Dify replacement development plan (01-Dify替换为pgvector开发计划.md)
- New: Enterprise medical knowledge base solution V2

Tested: PostgreSQL with pgvector verified, frontend and backend functionality confirmed
2026-01-20 00:00:58 +08:00

54 lines
1.4 KiB
TypeScript

/**
* 评分环组件
*/
interface ScoreRingProps {
score: number;
size?: 'small' | 'medium' | 'large';
showLabel?: boolean;
}
export default function ScoreRing({ score, size = 'medium', showLabel = true }: ScoreRingProps) {
const sizeStyles = {
small: 'w-12 h-12 text-lg border-4',
medium: 'w-20 h-20 text-2xl border-6',
large: 'w-24 h-24 text-3xl border-8',
};
const getScoreStatus = (score: number) => {
if (score >= 80) return { class: 'pass', label: 'Pass', bgColor: 'bg-green-50', borderColor: 'border-green-500', textColor: 'text-green-700' };
if (score >= 60) return { class: 'warn', label: 'Warning', bgColor: 'bg-amber-50', borderColor: 'border-amber-500', textColor: 'text-amber-700' };
return { class: 'fail', label: 'Fail', bgColor: 'bg-red-50', borderColor: 'border-red-500', textColor: 'text-red-700' };
};
const status = getScoreStatus(score);
return (
<div
className={`rounded-full flex flex-col items-center justify-center ${sizeStyles[size]} ${status.bgColor} ${status.borderColor} ${status.textColor}`}
style={{ borderWidth: size === 'small' ? 4 : size === 'medium' ? 6 : 8 }}
>
<span className="font-bold">{score}</span>
{showLabel && size !== 'small' && (
<span className="text-[10px] font-bold uppercase">{status.label}</span>
)}
</div>
);
}