Trent/vigilcare-clinical
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refractor. Update styling
CI / backend (push) Successful in 10m14s
Details
CI / frontend (push) Successful in 1m55s
Details

Browse Source
This commit is contained in:
Trent
2026-08-11 06:48:07 +08:00
parent e3f3a3ced8
commit 87e551c0d7
57 changed files with 450 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vigilcare-dashboard/src/components/ward/PatientRow.vue
+19 -19
View File
@@ -67,67 +67,67 @@ function onKeydown(event) {
@keydown="onKeydown"
@click="emit('activate')"
>
<td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
<td class="whitespace-nowrap px-3 py-2.5 text-sm text-ink-secondary">
{{ patientRoom(patient) }}
</td>
<td class="px-4 py-4">
<td class="px-3 py-2.5">
<div class="flex flex-wrap items-center gap-2">
<div class="text-sm font-medium text-gray-900 dark:text-white">
<div class="text-sm font-medium text-ink">
{{ patient.firstName }} {{ patient.lastName }}
</div>
<span
v-if="simulated"
class="inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wide bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200"
class="inline-flex items-center rounded-sm px-1.5 py-0.5 text-[10px] font-bold uppercase bg-amber-100 text-amber-900 dark:bg-amber-900/40 dark:text-amber-200"
title="Simulated patient"
>
SIM
</span>
</div>
<div class="text-xs text-gray-500 dark:text-gray-400">{{ patient.mrn }}</div>
<div class="text-xs text-ink-muted">{{ patient.mrn }}</div>
</td>
<td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
<td class="whitespace-nowrap px-3 py-2.5 text-sm text-ink-secondary">
{{ formatDepartment(patient.department) }}
</td>
<td class="whitespace-nowrap px-4 py-4 text-right">
<td class="whitespace-nowrap px-3 py-2.5 text-right">
<Badge :variant="riskVariant">{{ patient.news2Score ?? '—' }}</Badge>
</td>
<td class="whitespace-nowrap px-4 py-4 text-right text-sm">
<td class="whitespace-nowrap px-3 py-2.5 text-right text-sm">
<div class="flex flex-col items-end gap-1">
<span class="font-medium text-gray-900 dark:text-white">{{ patient.sofaScore ?? '—' }}</span>
<span class="font-medium text-ink">{{ patient.sofaScore ?? '—' }}</span>
<Badge v-if="patient.sofaDelta != null && patient.sofaDelta > 0" :variant="sofaVariant" size="xs">
Δ+{{ patient.sofaDelta }}
</Badge>
</div>
</td>
<td class="whitespace-nowrap px-4 py-4 text-right text-sm">
<td class="whitespace-nowrap px-3 py-2.5 text-right text-sm">
<div class="flex flex-col items-end gap-1">
<Badge :variant="gcsVariant">{{ patient.gcsScore ?? '—' }}</Badge>
<span v-if="patient.gcsClassification" class="text-xs text-gray-500 dark:text-gray-400">
<span v-if="patient.gcsClassification" class="text-xs text-ink-muted">
{{ formatGcsClassification(patient.gcsClassification) }}
</span>
</div>
</td>
<td class="whitespace-nowrap px-4 py-4 text-right text-sm text-gray-700 dark:text-gray-300">
<td class="whitespace-nowrap px-3 py-2.5 text-right text-sm text-ink-secondary">
{{ patient.qsofaScore ?? '—' }}
</td>
<td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
<td class="whitespace-nowrap px-3 py-2.5 text-sm text-ink-secondary">
{{ patient.attendingPhysician ?? '—' }}
</td>
<td class="whitespace-nowrap px-4 py-4 text-sm text-gray-700 dark:text-gray-300">
<td class="whitespace-nowrap px-3 py-2.5 text-sm text-ink-secondary">
{{ formatLengthOfStay(patient.admittedAt) }}
</td>
<td class="whitespace-nowrap px-4 py-4 text-sm" :class="stalenessClass(vitalsStaleness)">
<td class="whitespace-nowrap px-3 py-2.5 text-sm" :class="stalenessClass(vitalsStaleness)">
{{ formatLastObservation(patient.lastObservationAt) }}
</td>
<td class="whitespace-nowrap px-4 py-4">
<td class="whitespace-nowrap px-3 py-2.5">
<Badge v-if="patient.sepsisActive" variant="critical">Active</Badge>
<span v-else class="text-sm text-gray-400">No</span>
<span v-else class="text-sm text-ink-muted">No</span>
</td>
<td class="whitespace-nowrap px-4 py-4">
<td class="whitespace-nowrap px-3 py-2.5">
<Badge v-if="patient.openAlertCount > 0" :variant="patient.openAlertCount > 2 ? 'critical' : 'warning'">
{{ patient.openAlertCount }}
</Badge>
<span v-else class="text-sm text-gray-400">0</span>
<span v-else class="text-sm text-ink-muted">0</span>
</td>
</tr>
</template>