update komponen tabel
This commit is contained in:
bagus-arie05
@@ -1,64 +1,93 @@
|
||||
<!-- pages/data-pasien.vue -->
|
||||
<template>
|
||||
<div class="data-pasien">
|
||||
<!-- Header -->
|
||||
<div class="d-flex justify-space-between align-center mb-4">
|
||||
<h2>Data Pasien</h2>
|
||||
<div class="d-flex gap-2">
|
||||
<v-btn color=#ff9248 prepend-icon="mdi-plus" @click="addPatient" style="color:white">
|
||||
Tambah Pasien
|
||||
</v-btn>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Menggunakan komponen TabelData -->
|
||||
<TabelData
|
||||
:headers="headers"
|
||||
:items="pasienItems"
|
||||
title="Daftar Data Pasien"
|
||||
:show-search="true"
|
||||
>
|
||||
<template #actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<div class="data-pasien-container">
|
||||
<div class="data-pasien">
|
||||
<!-- Header -->
|
||||
<!-- <div class="d-flex justify-space-between align-center mb-4">
|
||||
<h2>Data Pasien</h2>
|
||||
<div class="d-flex gap-2">
|
||||
<v-btn
|
||||
|
||||
size="small"
|
||||
color=#ff9248
|
||||
variant="flat"
|
||||
@click="viewPasien(item)"
|
||||
style="color:white;"
|
||||
>VIEW</v-btn>
|
||||
<v-btn
|
||||
|
||||
size="small"
|
||||
color="grey-lighten-4"
|
||||
variant="flat"
|
||||
@click="editPasien(item)"
|
||||
>EDIT</v-btn>
|
||||
color="#ff9248"
|
||||
prepend-icon="mdi-plus"
|
||||
@click="addPatient"
|
||||
style="color: white"
|
||||
>
|
||||
Tambah Pasien
|
||||
</v-btn>
|
||||
</div>
|
||||
</template>
|
||||
</TabelData>
|
||||
</div> -->
|
||||
<div class="page-header">
|
||||
<div class="header-content">
|
||||
<div class="header-left">
|
||||
<div class="header-icon">
|
||||
<v-icon size="32" color="white">mdi-view-dashboard</v-icon>
|
||||
</div>
|
||||
<div class="header-text">
|
||||
<h1 class="page-title">Data Pasien</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<v-btn
|
||||
color="#ff9248"
|
||||
prepend-icon="mdi-plus"
|
||||
@click="addPatient"
|
||||
style="color: white"
|
||||
>
|
||||
Tambah Pasien
|
||||
</v-btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Menggunakan komponen TabelData -->
|
||||
<TabelData
|
||||
:headers="headers"
|
||||
:items="pasienItems"
|
||||
title="Daftar Data Pasien"
|
||||
:show-search="true"
|
||||
>
|
||||
<template #actions="{ item }">
|
||||
<div class="d-flex gap-1">
|
||||
<v-btn
|
||||
size="small"
|
||||
color="#ff9248"
|
||||
variant="flat"
|
||||
@click="viewPasien(item)"
|
||||
style="color: white"
|
||||
>VIEW</v-btn
|
||||
>
|
||||
<v-btn
|
||||
size="small"
|
||||
color="grey-lighten-4"
|
||||
variant="flat"
|
||||
@click="editPasien(item)"
|
||||
>EDIT</v-btn
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</TabelData>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from 'vue';
|
||||
import TabelData from '@/components/TabelData.vue';
|
||||
import { ref, computed } from "vue";
|
||||
import TabelData from "@/components/TabelData.vue";
|
||||
|
||||
// Headers untuk tabel
|
||||
const headers = [
|
||||
{ title: 'No', key: 'no', sortable: false, width: '60px' },
|
||||
{ title: 'Tgl Daftar', key: 'tgl_daftar', sortable: true, width: '140px' },
|
||||
{ title: 'No Barcode', key: 'no_barcode', sortable: true, width: '120px' },
|
||||
{ title: 'No Antrian', key: 'no_antrian', sortable: true, width: '100px' },
|
||||
{ title: 'No Klinik', key: 'no_klinik', sortable: true, width: '100px' },
|
||||
{ title: 'RM', key: 'rm', sortable: true, width: '100px' },
|
||||
{ title: 'Klinik', key: 'klinik', sortable: true, width: '120px' },
|
||||
{ title: 'Shift', key: 'shift', sortable: true, width: '80px' },
|
||||
{ title: 'Ket', key: 'keterangan', sortable: false, width: '150px' },
|
||||
{ title: 'Pembayaran', key: 'pembayaran', sortable: true, width: '100px' },
|
||||
{ title: 'Status', key: 'status', sortable: true, width: '120px' },
|
||||
{ title: 'Aksi', key: 'aksi', sortable: false, width: '100px' }
|
||||
{ title: "No", key: "no", sortable: false, width: "60px" },
|
||||
{ title: "Tgl Daftar", key: "tgl_daftar", sortable: true, width: "140px" },
|
||||
{ title: "No Barcode", key: "no_barcode", sortable: true, width: "120px" },
|
||||
{ title: "No Antrian", key: "no_antrian", sortable: true, width: "100px" },
|
||||
{ title: "No Klinik", key: "no_klinik", sortable: true, width: "100px" },
|
||||
{ title: "RM", key: "rm", sortable: true, width: "100px" },
|
||||
{ title: "Klinik", key: "klinik", sortable: true, width: "120px" },
|
||||
{ title: "Shift", key: "shift", sortable: true, width: "80px" },
|
||||
{ title: "Ket", key: "keterangan", sortable: false, width: "150px" },
|
||||
{ title: "Pembayaran", key: "pembayaran", sortable: true, width: "100px" },
|
||||
{ title: "Status", key: "status", sortable: true, width: "120px" },
|
||||
{ title: "Aksi", key: "aksi", sortable: false, width: "100px" },
|
||||
];
|
||||
|
||||
// Data pasien dengan informasi lengkap untuk edit
|
||||
@@ -66,275 +95,275 @@ const pasienItems = ref([
|
||||
{
|
||||
id: 1,
|
||||
no: 1,
|
||||
tgl_daftar: '2025-07-15 13:47:33',
|
||||
no_barcode: '25027100001',
|
||||
no_antrian: 'HO1001',
|
||||
no_klinik: '',
|
||||
rm: '',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-07-15 13:47:33",
|
||||
no_barcode: "25027100001",
|
||||
no_antrian: "HO1001",
|
||||
no_klinik: "",
|
||||
rm: "",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
// Data tambahan untuk form edit
|
||||
editData: {
|
||||
tanggal_daftar: '2025-07-15 13:47:33',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100001',
|
||||
no_antrian: 'HO1001',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-07-15 13:47:33",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100001",
|
||||
no_antrian: "HO1001",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
no: 2,
|
||||
tgl_daftar: '2025-07-24 13:50:01',
|
||||
no_barcode: '25027100002',
|
||||
no_antrian: 'OB1001',
|
||||
no_klinik: '',
|
||||
rm: '',
|
||||
klinik: 'KANDUNGAN',
|
||||
shift: 'Shift 1',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Barcode',
|
||||
tgl_daftar: "2025-07-24 13:50:01",
|
||||
no_barcode: "25027100002",
|
||||
no_antrian: "OB1001",
|
||||
no_klinik: "",
|
||||
rm: "",
|
||||
klinik: "KANDUNGAN",
|
||||
shift: "Shift 1",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
status: "Barcode",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-07-24 13:50:01',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100002',
|
||||
no_antrian: 'OB1001',
|
||||
no_klinik: '',
|
||||
no_rekammedik: '',
|
||||
klinik: 'KANDUNGAN',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-07-24 13:50:01",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100002",
|
||||
no_antrian: "OB1001",
|
||||
no_klinik: "",
|
||||
no_rekammedik: "",
|
||||
klinik: "KANDUNGAN",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
no: 3,
|
||||
tgl_daftar: '2025-07-24 13:50:37',
|
||||
no_barcode: '25027100003',
|
||||
no_antrian: 'OB1002',
|
||||
no_klinik: '',
|
||||
rm: '',
|
||||
klinik: 'KANDUNGAN',
|
||||
shift: 'Shift 1',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Barcode',
|
||||
tgl_daftar: "2025-07-24 13:50:37",
|
||||
no_barcode: "25027100003",
|
||||
no_antrian: "OB1002",
|
||||
no_klinik: "",
|
||||
rm: "",
|
||||
klinik: "KANDUNGAN",
|
||||
shift: "Shift 1",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
status: "Barcode",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-07-24 13:50:37',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100003',
|
||||
no_antrian: 'OB1002',
|
||||
no_klinik: '',
|
||||
no_rekammedik: '',
|
||||
klinik: 'KANDUNGAN',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-07-24 13:50:37",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100003",
|
||||
no_antrian: "OB1002",
|
||||
no_klinik: "",
|
||||
no_rekammedik: "",
|
||||
klinik: "KANDUNGAN",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
no: 4,
|
||||
tgl_daftar: '2025-07-28 08:18:20',
|
||||
no_barcode: '25027100004',
|
||||
no_antrian: 'AN1001',
|
||||
no_klinik: '',
|
||||
rm: '',
|
||||
klinik: 'ANAK',
|
||||
shift: 'Shift 1',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Barcode',
|
||||
tgl_daftar: "2025-07-28 08:18:20",
|
||||
no_barcode: "25027100004",
|
||||
no_antrian: "AN1001",
|
||||
no_klinik: "",
|
||||
rm: "",
|
||||
klinik: "ANAK",
|
||||
shift: "Shift 1",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
status: "Barcode",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-07-28 08:18:20',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100004',
|
||||
no_antrian: 'AN1001',
|
||||
no_klinik: '',
|
||||
no_rekammedik: '',
|
||||
klinik: 'ANAK',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: '',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-07-28 08:18:20",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100004",
|
||||
no_antrian: "AN1001",
|
||||
no_klinik: "",
|
||||
no_rekammedik: "",
|
||||
klinik: "ANAK",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
no: 5,
|
||||
tgl_daftar: '2025-08-13 00:00:02',
|
||||
no_barcode: '25027100005',
|
||||
no_antrian: 'HO1002',
|
||||
no_klinik: '',
|
||||
rm: '11412684',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100005',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:02",
|
||||
no_barcode: "25027100005",
|
||||
no_antrian: "HO1002",
|
||||
no_klinik: "",
|
||||
rm: "11412684",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100005",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:02',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100005',
|
||||
no_antrian: 'HO1002',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '11412684',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'Online 25#27100005',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:02",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100005",
|
||||
no_antrian: "HO1002",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "11412684",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "Online 25#27100005",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
no: 6,
|
||||
tgl_daftar: '2025-08-13 00:00:03',
|
||||
no_barcode: '25027100006',
|
||||
no_antrian: 'HO1003',
|
||||
no_klinik: '',
|
||||
rm: '',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100006',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:03",
|
||||
no_barcode: "25027100006",
|
||||
no_antrian: "HO1003",
|
||||
no_klinik: "",
|
||||
rm: "",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100006",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:03',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100006',
|
||||
no_antrian: 'HO1003',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '',
|
||||
klinik: 'HOM',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'Online 25#27100006',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:03",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100006",
|
||||
no_antrian: "HO1003",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "",
|
||||
klinik: "HOM",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "Online 25#27100006",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
no: 7,
|
||||
tgl_daftar: '2025-08-13 00:00:03',
|
||||
no_barcode: '25027100007',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: '',
|
||||
rm: '11555500',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100007',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:03",
|
||||
no_barcode: "25027100007",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "",
|
||||
rm: "11555500",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100007",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:03',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100007',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '11555500',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'FINGATMANA ONLINE',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:03",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100007",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "11555500",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "FINGATMANA ONLINE",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
no: 8,
|
||||
tgl_daftar: '2025-08-13 00:00:04',
|
||||
no_barcode: '25027100008',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: '',
|
||||
rm: '11333855',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100008',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:04",
|
||||
no_barcode: "25027100008",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "",
|
||||
rm: "11333855",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100008",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:04',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100008',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '11333855',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'Online 25#27100008',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:04",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100008",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "11333855",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "Online 25#27100008",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
no: 9,
|
||||
tgl_daftar: '2025-08-13 00:00:04',
|
||||
no_barcode: '25027100009',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: '',
|
||||
rm: '11565554',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100009',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:04",
|
||||
no_barcode: "25027100009",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "",
|
||||
rm: "11565554",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100009",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:04',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100009',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '11565554',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'Online 25#27100009',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:04",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100009",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "11565554",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "Online 25#27100009",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
no: 10,
|
||||
tgl_daftar: '2025-08-13 00:00:04',
|
||||
no_barcode: '25027100010',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: '',
|
||||
rm: '11627608',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1',
|
||||
keterangan: 'Online 25#27100010',
|
||||
pembayaran: 'JKN',
|
||||
status: 'Tunggu Daftar',
|
||||
tgl_daftar: "2025-08-13 00:00:04",
|
||||
no_barcode: "25027100010",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "",
|
||||
rm: "11627608",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1",
|
||||
keterangan: "Online 25#27100010",
|
||||
pembayaran: "JKN",
|
||||
status: "Tunggu Daftar",
|
||||
editData: {
|
||||
tanggal_daftar: '2025-08-13 00:00:04',
|
||||
tanggal_periksa: '2025-08-27',
|
||||
no_barcode: '25027100010',
|
||||
no_antrian: 'IP1001',
|
||||
no_klinik: 'Belum Mendapatkan Antrian Klinik',
|
||||
no_rekammedik: '11627608',
|
||||
klinik: 'IPD',
|
||||
shift: 'Shift 1 = Mulai Pukul 07:00',
|
||||
keterangan: 'Online 25#27100010',
|
||||
pembayaran: 'JKN'
|
||||
}
|
||||
}
|
||||
tanggal_daftar: "2025-08-13 00:00:04",
|
||||
tanggal_periksa: "2025-08-27",
|
||||
no_barcode: "25027100010",
|
||||
no_antrian: "IP1001",
|
||||
no_klinik: "Belum Mendapatkan Antrian Klinik",
|
||||
no_rekammedik: "11627608",
|
||||
klinik: "IPD",
|
||||
shift: "Shift 1 = Mulai Pukul 07:00",
|
||||
keterangan: "Online 25#27100010",
|
||||
pembayaran: "JKN",
|
||||
},
|
||||
},
|
||||
]);
|
||||
|
||||
// Methods
|
||||
const addPatient = () => {
|
||||
// Navigate to add patient page
|
||||
navigateTo('/data-pasien/add');
|
||||
navigateTo("/data-pasien/add");
|
||||
};
|
||||
|
||||
const viewPasien = (item) => {
|
||||
// Implement view functionality
|
||||
console.log('View pasien:', item);
|
||||
console.log("View pasien:", item);
|
||||
// You can navigate to a view page or open a modal
|
||||
// navigateTo(`/data-pasien/view/${item.id}`);
|
||||
};
|
||||
@@ -345,10 +374,55 @@ const editPasien = (item) => {
|
||||
};
|
||||
|
||||
// Provide data globally untuk diakses oleh halaman edit
|
||||
provide('pasienData', pasienItems);
|
||||
provide("pasienData", pasienItems);
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.data-pasien-container {
|
||||
background: #f5f7fa;
|
||||
min-height: 100vh;
|
||||
padding: 20px;
|
||||
}
|
||||
.page-header {
|
||||
background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
|
||||
border-radius: 16px;
|
||||
margin-bottom: 24px;
|
||||
box-shadow: 0 8px 32px rgba(25, 118, 210, 0.3);
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.header-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 16px;
|
||||
padding: 16px;
|
||||
margin-right: 20px;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 32px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.data-pasien {
|
||||
padding: 20px;
|
||||
}
|
||||
@@ -360,4 +434,4 @@ provide('pasienData', pasienItems);
|
||||
.gap-2 {
|
||||
gap: 8px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user