Patient Card Component

Componente de tarjeta de paciente siguiendo el diseño de Figma

Paciente🐈

Rufino

Siamés

3 años y 0 meses
4.5 kg
Chip: 982000123456789
Paciente🐕
Luna

Luna

Golden Retriever

4 años y 2 meses
28.5 kg
No Chip
Paciente🐕
Max

Max

Labrador

4 años y 9 meses
32 kg
Chip: 982000987654321
Paciente🐈

Mimi

Persa

2 años y 8 meses
3.2 kg
Chip: 982000555666777
Paciente🦜

Charlie

Canario

2 años y 4 meses
0.02 kg
No Chip
Paciente🐰

Bella

Holland Lop

3 años y 6 meses
1.8 kg
No Chip

Cargando información del paciente...

Error al cargar paciente

No se pudo cargar la información del paciente

Uso del Componente

<PatientCard
  :patient="patientData"
  :species-emoji="getSpeciesEmoji(patient.species)"
  :breed-name="patient.breed"
  :patient-age="calculateAge(patient.birthDate)"
  @edit="handleEdit"
/>

Props

PropTipoRequeridoDescripción
patientObjectNoObjeto con datos del paciente
speciesEmojiStringNoEmoji del tipo de animal
breedNameStringNoNombre de la raza
patientAgeStringNoEdad calculada del paciente
loadingBooleanNoMuestra estado de carga
errorStringNoMensaje de error a mostrar