effendy/antrean-operasi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FE) : card list antrean

Browse Source
This commit is contained in:
Yusron alamsyah
2026-03-05 13:51:16 +07:00
parent 2d901f1fe3
commit d24c2a2b11
9 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/pendaftaran/CardAntrianList.vue
+3 -3
View File
@@ -206,7 +206,7 @@ onUnmounted(() => {
</div>
<!-- Medical Details Grid -->
<v-row dense class="mt-2">
<v-col cols="4">
<v-col cols="3">
<div class="d-flex align-center mb-2">
<Icon icon="solar:card-bold" height="16" class="mr-2 text-primary" />
<span class="text-body-1">{{ item.NoRekamMedis || '-' }}</span>
@@ -217,7 +217,7 @@ onUnmounted(() => {
</div>
</v-col>
<v-col cols="4">
<v-col cols="5">
<div class="d-flex align-center mb-2">
<Icon icon="solar:clipboard-list-bold" height="16" class="mr-2 text-primary" />
<span class="text-body-1">{{ item.Kategori.split('-')[1]?.trim() || item.Kategori }}</span>
@@ -230,7 +230,7 @@ onUnmounted(() => {
<v-col cols="4" class="d-flex justify-end align-end">
<v-btn-group density="compact" variant="outlined">
<template v-for="action in getActions(item)" :key="action.event">
<v-btn v-bind="props" :color="action.color"
<v-btn :color="action.color"
:prepend-icon="action.icon" size="small" variant="tonal"
@click.stop="handleActionClick(action.event, item)">
{{ action.tooltip }}
components/pendaftaran/CardAntrianListV2.vue
+16 -16
View File
@@ -155,6 +155,10 @@ onUnmounted(() => {
<Icon class="ml-1" :icon="getGenderIcon(item.JenisKelamin)"
:class="getGenderColor(item.JenisKelamin)" height="16" />
</h3>
<div class="d-flex align-center mt-2">
<Icon icon="solar:calendar-date-bold" height="14" class="mr-1 text-medium-emphasis" />
<span class="text-body-2 text-medium-emphasis" >{{ formatDate(item.TglDaftar) }}</span>
</div>
<div class="d-flex ga-2 mt-2">
<v-chip size="small" color="primary" variant="outlined" label
class="font-weight-medium">
@@ -174,29 +178,25 @@ onUnmounted(() => {
<v-col cols="4">
<v-row dense class="mt-6">
<!-- Left Column -->
<v-col cols="6">
<div class="d-flex align-center mb-2">
<Icon icon="solar:card-bold" height="16" class="mr-2 text-primary" />
<span class="font-weight-medium">{{ item.NoRekamMedis || '-' }}</span>
</div>
<v-col cols="12" class="d-flex justify-space-between">
<div class="d-flex align-center">
<Icon icon="solar:calendar-bold" height="16" class="mr-2 text-primary" />
<span class="font-weight-medium">{{ formatDate(item.TglDaftar) }}</span>
<Icon icon="solar:card-bold" height="16" class="mr-2 text-primary" />
<span style="font-size: 13px;">{{ item.NoRekamMedis || '-' }}</span>
</div>
<div class="d-flex align-center mb-2">
<Icon icon="solar:clipboard-list-bold" height="16" class="mr-2 text-primary" />
<span style="font-size: 13px;">{{ item.Kategori.split('-')[1]?.trim() ||
item.Kategori }}</span>
</div>
</v-col>
<!-- Right Column -->
<v-col cols="6">
<div class="d-flex align-center mb-2">
<Icon icon="solar:clipboard-list-bold" height="16" class="mr-2 text-primary" />
<span class="font-weight-medium">{{ item.Kategori.split('-')[1]?.trim() ||
item.Kategori }}</span>
</div>
<div class="d-flex align-center">
<v-col cols="12">
<div class="d-flex">
<Icon icon="solar:users-group-rounded-bold" height="16"
class="mr-2 text-primary" />
<span class="font-weight-medium">
{{ item.Spesialis.toUpperCase() }} <br>
<span style="font-size: 13px;">
{{ item.Spesialis.toUpperCase() }} -
{{item.SubSpesialis.toUpperCase() }}
</span>
</div>
components/pendaftaran/MedisPasienV2.vue
+2 -2
View File
@@ -383,7 +383,7 @@ defineExpose({
ref="diagnosisInput"
v-model="diagnosisForm.kodeDiagnosa"
:items="diagnosisOptions"
placeholder="Search..."
placeholder="Cari..."
variant="outlined"
density="compact"
hide-details
@@ -514,7 +514,7 @@ defineExpose({
ref="tindakanInput"
v-model="tindakanForm.kodeTindakan"
:items="tindakanOptions"
placeholder="Search..."
placeholder="Cari..."
variant="outlined"
density="compact"
hide-details