diff --git a/components/layout/full/vertical-header/VerticalHeader.vue b/components/layout/full/vertical-header/VerticalHeader.vue
index c1b7cb4..66e447c 100644
--- a/components/layout/full/vertical-header/VerticalHeader.vue
+++ b/components/layout/full/vertical-header/VerticalHeader.vue
@@ -1,23 +1,31 @@
+
+
+
+
+
+
+ mdi-close
+
+
+
+
+
+
+
+ {{ isReadonly ? 'Tutup' : 'Batal' }}
+
+
+ Reset
+
+
+ Simpan
+
+
+
+
+
diff --git a/components/pendaftaran/TableAntrian.vue b/components/pendaftaran/TableAntrian.vue
index 0c81ef2..0f7f6cb 100644
--- a/components/pendaftaran/TableAntrian.vue
+++ b/components/pendaftaran/TableAntrian.vue
@@ -1,6 +1,7 @@
+
+
+
+
-
-
{
+
+
+
-
-
+
+
- {{ new Date(item.TglDaftar).toLocaleDateString('id-ID', { year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric' }) }}
+ {{ new Date(item.TglDaftar).toLocaleDateString('id-ID', {
+ year: 'numeric', month: 'short',
+ day: 'numeric', hour: 'numeric', minute: 'numeric' }) }}
diff --git a/pages/antrean/list-kategori.vue b/pages/antrean/list-kategori.vue
index a0e465a..a7d8e6f 100644
--- a/pages/antrean/list-kategori.vue
+++ b/pages/antrean/list-kategori.vue
@@ -1,26 +1,14 @@
-
-
-
-
-
-
-
-
-
-
- mdi-information-outline
-
-
-
-
-
-
-
- {{ kategori.jumlah_antrean}} Antrean
-
-
-
-
-
+
+
+
+
+
+
+
+ {{ numberFormat(kategori.jumlah_antrean) }} Antrean
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/antrean/list-spesialis.vue b/pages/antrean/list-spesialis.vue
index 60bb5f0..37abbd7 100644
--- a/pages/antrean/list-spesialis.vue
+++ b/pages/antrean/list-spesialis.vue
@@ -1,102 +1,109 @@
-
-
-
-
-
-
-
-
- {{ countAntreanBySpesialis(spesialis.kode) }} Antrean
-
-
-
-
- Sub Spesialis:
-
-
-
- mdi-chevron-right
-
-
- {{ subSpesialis.subspesialis }}
-
-
-
- {{ countAntreanBySubSpesialis(subSpesialis.kode) }} Antrean
-
-
-
-
-
-
- Tidak ada sub spesialis
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ {{ spesialis.JmlAntrian }} Antrean
+
+
+
+
+ Sub Spesialis:
+
+
+
+ mdi-chevron-right
+
+
+ {{ subSpesialis.SubSpesialis }}
+
+
+
+ {{ subSpesialis.JmlAntrian }} Antrean
+
+
+
+
+
+
+ Tidak ada sub spesialis
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/antrean/spesialis/[kode].vue b/pages/antrean/spesialis/[kode].vue
index 2e7a4b8..c727604 100644
--- a/pages/antrean/spesialis/[kode].vue
+++ b/pages/antrean/spesialis/[kode].vue
@@ -1,41 +1,25 @@
-
-
-
+ mdi-clipboard-plus
+ {{ modalTitle }}
+
+
+
+
+
+
+
+ + {{ loadingText }} +
+
+
+
+
+
+
+ + {{ emptyText }} +
+
+
+
+
+
+
+
+
+ + {{ errorText }} +
+
+
+
-
+
-
-
+
+
+ Loading...
-No kategori found
-
- mdi-chevron-right
-
- {{ kategori.kategori }}
-
+ mdi-chevron-right
+
+ {{ kategori.kategori }}
+
- mdi-chevron-right
-
- Spesialis: {{ spesialis.spesialis }}
-
+ mdi-chevron-right
+
+ {{ spesialis.Spesialis }}
+
-
+
+
+
+
-
-
+
+
+
-
+
@@ -16,20 +16,14 @@
- mdi-hospital-building
- ![home]()
-
+ Antrean Operasi
-- RSUD Dr. Saiful Anwar Provinsi Jawa Timur -
-
-
-
-
Login
+Login
+
mdi-lock-outline
Not Authenticated
-
-
-
-
-
-
+
+
@@ -97,7 +83,7 @@
-
@@ -107,13 +93,14 @@
+
+
diff --git a/pages/dashboard.vue b/pages/dashboard.vue
index 6c90636..c9e94b9 100644
--- a/pages/dashboard.vue
+++ b/pages/dashboard.vue
@@ -1,34 +1,211 @@
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+
+
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -139,14 +433,24 @@ definePageMeta({
{{ item.total }}
-
-
- {{ item.active }}
+
+
+ {{ item.belum }}
-
+
+
+ {{ item.selesai }}
+
+
+
+
+ {{ item.tunda }}
+
+
+
- {{ item.inactive }}
+ {{ item.batal }}
@@ -159,14 +463,11 @@ definePageMeta({
@@ -177,14 +478,24 @@ definePageMeta({
{{ item.total }}
-
-
- {{ item.active }}
+
+
+ {{ item.belum }}
-
+
+
+ {{ item.selesai }}
+
+
+
+
+ {{ item.tunda }}
+
+
+
- {{ item.inactive }}
+ {{ item.batal }}
diff --git a/pages/setting/hak-akses/form.vue b/pages/setting/hak-akses/form.vue
index d4486ba..99871be 100644
--- a/pages/setting/hak-akses/form.vue
+++ b/pages/setting/hak-akses/form.vue
@@ -1,8 +1,9 @@
-
-
-
diff --git a/pages/setting/hak-akses/index.vue b/pages/setting/hak-akses/index.vue
index a73936c..e4a77e7 100644
--- a/pages/setting/hak-akses/index.vue
+++ b/pages/setting/hak-akses/index.vue
@@ -1,5 +1,4 @@
-
-
diff --git a/pages/setting/user/form.vue b/pages/setting/user/form.vue
index 874de70..6c3e790 100644
--- a/pages/setting/user/form.vue
+++ b/pages/setting/user/form.vue
@@ -3,6 +3,10 @@ import BaseBreadcrumb from '@/components/shared/BaseBreadcrumb.vue';
import hakAksesData from '~/data/mock/hakAkses.json';
import type { PageMode } from '~/types/common';
+definePageMeta({
+ middleware: 'auth'
+});
+
const route = useRoute();
const router = useRouter();
@@ -135,10 +139,6 @@ onMounted(() => {
}
}
});
-
-definePageMeta({
- middleware: 'auth'
-});
diff --git a/pages/setting/user/index.vue b/pages/setting/user/index.vue
index 5c679c2..a3d3d4c 100644
--- a/pages/setting/user/index.vue
+++ b/pages/setting/user/index.vue
@@ -1,22 +1,8 @@
-
-
diff --git a/public/images/logos/Logo-antrean-new.svg b/public/images/logos/Logo-antrean-new.svg
new file mode 100644
index 0000000..d1e8b48
--- /dev/null
+++ b/public/images/logos/Logo-antrean-new.svg
@@ -0,0 +1,16 @@
+
diff --git a/public/images/logos/Logo-antrean-new.webp b/public/images/logos/Logo-antrean-new.webp
new file mode 100644
index 0000000..1f1b5c0
Binary files /dev/null and b/public/images/logos/Logo-antrean-new.webp differ
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 6962e76..b2015e9 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -9,7 +9,7 @@ $white: #fff !default;
// cards
$card-title-size: 18px !default;
-$body-font-family: "Manrope", sans-serif !default;
+$body-font-family: sans-serif !default;
$border-radius-root: 8px;
$btn-letter-spacing: 0 !default;
// Global Shadowsss
diff --git a/scssold/_variables.scss b/scssold/_variables.scss
index 6962e76..b2015e9 100644
--- a/scssold/_variables.scss
+++ b/scssold/_variables.scss
@@ -9,7 +9,7 @@ $white: #fff !default;
// cards
$card-title-size: 18px !default;
-$body-font-family: "Manrope", sans-serif !default;
+$body-font-family: sans-serif !default;
$border-radius-root: 8px;
$btn-letter-spacing: 0 !default;
// Global Shadowsss
diff --git a/services/antrean.ts b/services/antrean.ts
index c073028..fd228e6 100644
--- a/services/antrean.ts
+++ b/services/antrean.ts
@@ -7,3 +7,8 @@ export const getAntrianOperasi = async (params: { type?: string; limit?: number;
})
return response.data
}
+
+export const getAntrianPerSpesialis = async () => {
+ const response = await api.get('/dashboard/antrian-per-spesialis')
+ return response.data
+}
diff --git a/types/antrean.ts b/types/antrean.ts
index 8c56778..4280622 100644
--- a/types/antrean.ts
+++ b/types/antrean.ts
@@ -8,6 +8,14 @@ export const STATUS = {
BATAL: '4'
} as const;
+export const statusOptions = [
+ { value: null, label: 'Semua Status' },
+ { value: STATUS.BELUM, label: 'Belum' },
+ { value: STATUS.SELESAI, label: 'Selesai' },
+ { value: STATUS.TUNDA, label: 'Tunda' },
+ { value: STATUS.BATAL, label: 'Batal' }
+];
+
export interface AntreanOperasi {
id: number;
jenisKelamin: string;
diff --git a/utils/helpers.ts b/utils/helpers.ts
new file mode 100644
index 0000000..9e8be24
--- /dev/null
+++ b/utils/helpers.ts
@@ -0,0 +1,255 @@
+/**
+ * Format number with thousand separators
+ * @param value - Number to format
+ * @param decimals - Number of decimal places (default: 0)
+ * @param decimalSeparator - Decimal separator (default: ',')
+ * @param thousandSeparator - Thousand separator (default: '.')
+ * @returns Formatted number string
+ *
+ * @example
+ * numberFormat(1234567.89) // "1.234.567"
+ * numberFormat(1234567.89, 2) // "1.234.567,89"
+ * numberFormat(1234.5, 2, '.', ',') // "1,234.50"
+ */
+export function numberFormat(
+ value: number | string | null | undefined,
+ decimals: number = 0,
+ decimalSeparator: string = ',',
+ thousandSeparator: string = '.'
+): string {
+ if (value === null || value === undefined || value === '') {
+ return '0';
+ }
+
+ const num = typeof value === 'string' ? parseFloat(value) : value;
+
+ if (isNaN(num)) {
+ return '0';
+ }
+
+ const fixedNum = num.toFixed(decimals);
+ const parts = fixedNum.split('.');
+
+ // Format integer part with thousand separator
+ parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, thousandSeparator);
+
+ // Join with decimal separator if decimals exist
+ if (decimals > 0 && parts[1]) {
+ return parts.join(decimalSeparator);
+ }
+
+ return parts[0];
+}
+
+/**
+ * Format number as currency (Indonesian Rupiah)
+ * @param value - Number to format
+ * @param decimals - Number of decimal places (default: 0)
+ * @param prefix - Currency prefix (default: 'Rp ')
+ * @returns Formatted currency string
+ *
+ * @example
+ * currencyFormat(1234567) // "Rp 1.234.567"
+ * currencyFormat(1234567.89, 2) // "Rp 1.234.567,89"
+ */
+export function currencyFormat(
+ value: number | string | null | undefined,
+ decimals: number = 0,
+ prefix: string = 'Rp '
+): string {
+ return prefix + numberFormat(value, decimals);
+}
+
+/**
+ * Format number as percentage
+ * @param value - Number to format (0-100 or 0-1)
+ * @param decimals - Number of decimal places (default: 2)
+ * @param isDecimal - Whether value is in decimal form (0-1) or percentage form (0-100)
+ * @returns Formatted percentage string
+ *
+ * @example
+ * percentageFormat(45.5) // "45,50%"
+ * percentageFormat(0.455, 2, true) // "45,50%"
+ */
+export function percentageFormat(
+ value: number | string | null | undefined,
+ decimals: number = 2,
+ isDecimal: boolean = false
+): string {
+ if (value === null || value === undefined || value === '') {
+ return '0%';
+ }
+
+ const num = typeof value === 'string' ? parseFloat(value) : value;
+
+ if (isNaN(num)) {
+ return '0%';
+ }
+
+ const percentage = isDecimal ? num * 100 : num;
+ return numberFormat(percentage, decimals) + '%';
+}
+
+/**
+ * Format file size
+ * @param bytes - File size in bytes
+ * @param decimals - Number of decimal places (default: 2)
+ * @returns Formatted file size string
+ *
+ * @example
+ * fileSizeFormat(1024) // "1,00 KB"
+ * fileSizeFormat(1048576) // "1,00 MB"
+ */
+export function fileSizeFormat(
+ bytes: number | string | null | undefined,
+ decimals: number = 2
+): string {
+ if (bytes === null || bytes === undefined || bytes === '') {
+ return '0 Bytes';
+ }
+
+ const num = typeof bytes === 'string' ? parseFloat(bytes) : bytes;
+
+ if (num === 0) return '0 Bytes';
+ if (isNaN(num)) return '0 Bytes';
+
+ const k = 1024;
+ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+ const i = Math.floor(Math.log(Math.abs(num)) / Math.log(k));
+
+ return numberFormat(num / Math.pow(k, i), decimals) + ' ' + sizes[i];
+}
+
+/**
+ * Abbreviate large numbers
+ * @param value - Number to abbreviate
+ * @param decimals - Number of decimal places (default: 1)
+ * @returns Abbreviated number string
+ *
+ * @example
+ * abbreviateNumber(1234) // "1,2 K"
+ * abbreviateNumber(1234567) // "1,2 M"
+ * abbreviateNumber(1234567890) // "1,2 B"
+ */
+export function abbreviateNumber(
+ value: number | string | null | undefined,
+ decimals: number = 1
+): string {
+ if (value === null || value === undefined || value === '') {
+ return '0';
+ }
+
+ const num = typeof value === 'string' ? parseFloat(value) : value;
+
+ if (isNaN(num)) {
+ return '0';
+ }
+
+ if (Math.abs(num) < 1000) {
+ return numberFormat(num, 0);
+ }
+
+ const units = ['K', 'M', 'B', 'T'];
+ const unit = Math.floor((Math.abs(num).toString().length - 1) / 3);
+ const unitValue = Math.pow(1000, unit);
+ const shortValue = num / unitValue;
+
+ return numberFormat(shortValue, decimals) + ' ' + units[unit - 1];
+}
+
+/**
+ * Parse formatted number string back to number
+ * @param value - Formatted number string
+ * @param decimalSeparator - Decimal separator used in the string
+ * @param thousandSeparator - Thousand separator used in the string
+ * @returns Parsed number
+ *
+ * @example
+ * parseNumber("1.234.567,89") // 1234567.89
+ * parseNumber("1,234.50", '.', ',') // 1234.50
+ */
+export function parseNumber(
+ value: string | null | undefined,
+ decimalSeparator: string = ',',
+ thousandSeparator: string = '.'
+): number {
+ if (!value) return 0;
+
+ // Remove thousand separators and replace decimal separator with dot
+ const cleanValue = value
+ .replace(new RegExp('\\' + thousandSeparator, 'g'), '')
+ .replace(decimalSeparator, '.');
+
+ const num = parseFloat(cleanValue);
+ return isNaN(num) ? 0 : num;
+}
+
+/**
+ * Format phone number to Indonesian format
+ * @param value - Phone number to format
+ * @returns Formatted phone number
+ *
+ * @example
+ * phoneFormat("081234567890") // "0812-3456-7890"
+ * phoneFormat("628123456789") // "62-812-3456-7890"
+ */
+export function phoneFormat(value: string | null | undefined): string {
+ if (!value) return '';
+
+ const cleaned = value.replace(/\D/g, '');
+
+ if (cleaned.startsWith('62')) {
+ // International format
+ const match = cleaned.match(/^(\d{2})(\d{3})(\d{4})(\d+)$/);
+ if (match) {
+ return `${match[1]}-${match[2]}-${match[3]}-${match[4]}`;
+ }
+ } else if (cleaned.startsWith('0')) {
+ // Local format
+ const match = cleaned.match(/^(\d{4})(\d{4})(\d+)$/);
+ if (match) {
+ return `${match[1]}-${match[2]}-${match[3]}`;
+ }
+ }
+
+ return cleaned;
+}
+
+/**
+ * Capitalize first letter of each word
+ * @param value - String to capitalize
+ * @returns Capitalized string
+ *
+ * @example
+ * capitalize("hello world") // "Hello World"
+ */
+export function capitalize(value: string | null | undefined): string {
+ if (!value) return '';
+
+ return value
+ .toLowerCase()
+ .split(' ')
+ .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+ .join(' ');
+}
+
+/**
+ * Truncate string with ellipsis
+ * @param value - String to truncate
+ * @param length - Maximum length
+ * @param suffix - Suffix to add (default: '...')
+ * @returns Truncated string
+ *
+ * @example
+ * truncate("Hello World", 8) // "Hello..."
+ */
+export function truncate(
+ value: string | null | undefined,
+ length: number,
+ suffix: string = '...'
+): string {
+ if (!value) return '';
+ if (value.length <= length) return value;
+
+ return value.substring(0, length) + suffix;
+}
- 
-
-
- {{ item.title }}
-- {{ item.subtitle }} -
-
+ 
+
+ {{ AuthCuroselData[0].title }}
++ {{ AuthCuroselData[0].subtitle }} +
© 2026 RSUD Dr. Saiful Anwar Provinsi Jawa Timur. All rights reserved.
+© 2026 RSUD Dr. Saiful Anwar Provinsi Jawa Timur. All rights reserved.
+
+
+
+
+
+
+
+
-
-
+
-
Total Antrian Aktif
-{{ totalActive }}
+Belum
+{{ totalBelum }}
-
-
+
-
Total Antrian Tidak Aktif
-{{ totalInactive }}
+Selesai
+{{ totalSelesai }}
-
-
+
-
Total Semua Antrian
-{{ totalAll }}
+Tunda
+{{ totalTunda }}
+
+
+
+
+
+ Batal
+{{ totalBatal }}
+
+
+
+
+ Perbandingan Status Antrean
+
+
+
+
+ Perbandingan Kategori Antrean
+
+
+
+
+ Antrean Per Hari ({{ months[selectedMonth].text }} {{ selectedYear }})
+
-
- Antrian Per Spesialis
+Antrean Per Spesialis
-
-