✨ feat (user): implement user management feature
This commit is contained in:
Abizrh
@@ -0,0 +1,42 @@
|
||||
<script setup lang="ts">
|
||||
import Block from '~/components/pub/custom-ui/form/block.vue'
|
||||
import FieldGroup from '~/components/pub/custom-ui/form/field-group.vue'
|
||||
import Field from '~/components/pub/custom-ui/form/field.vue'
|
||||
import Label from '~/components/pub/custom-ui/form/label.vue'
|
||||
|
||||
const props = defineProps<{ modelValue: any }>()
|
||||
const emit = defineEmits(['update:modelValue', 'event'])
|
||||
|
||||
const data = computed({
|
||||
get: () => props.modelValue,
|
||||
set: (val) => emit('update:modelValue', val),
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<form id="entry-form">
|
||||
<div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
|
||||
<Icon name="i-lucide-user" class="me-2" />
|
||||
<span class="font-semibold">Tambah</span> Dokter
|
||||
</div>
|
||||
|
||||
<div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
|
||||
<div class="flex flex-col justify-between">
|
||||
<Block>
|
||||
<FieldGroup :column="2">
|
||||
<Label>Username</Label>
|
||||
<Field>
|
||||
<Input type="text" name="username" />
|
||||
</Field>
|
||||
</FieldGroup>
|
||||
<FieldGroup :column="2">
|
||||
<Label>Password</Label>
|
||||
<Field>
|
||||
<Input type="password" name="password" />
|
||||
</Field>
|
||||
</FieldGroup>
|
||||
</Block>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</template>
|
||||
@@ -0,0 +1,109 @@
|
||||
import type {
|
||||
Col,
|
||||
KeyLabel,
|
||||
RecComponent,
|
||||
RecStrFuncComponent,
|
||||
RecStrFuncUnknown,
|
||||
Th,
|
||||
} from '~/components/pub/custom-ui/data/types'
|
||||
import { defineAsyncComponent } from 'vue'
|
||||
|
||||
type SmallDetailDto = any
|
||||
|
||||
const action = defineAsyncComponent(() => import('~/components/pub/custom-ui/data/dropdown-action-dud.vue'))
|
||||
|
||||
const doctorStatus = {
|
||||
0: 'Tidak Aktif',
|
||||
1: 'Aktif',
|
||||
}
|
||||
|
||||
export const cols: Col[] = [
|
||||
{ width: 100 },
|
||||
{ width: 250 },
|
||||
{},
|
||||
{ width: 100 },
|
||||
{ width: 100 },
|
||||
{},
|
||||
{},
|
||||
{},
|
||||
{ width: 100 },
|
||||
{ width: 100 },
|
||||
{ width: 100 },
|
||||
{ width: 50 },
|
||||
]
|
||||
|
||||
export const header: Th[][] = [
|
||||
[
|
||||
{ label: 'Kode JKN' },
|
||||
{ label: 'Nama' },
|
||||
{ label: 'No KTP' },
|
||||
{ label: 'No SIP' },
|
||||
{ label: 'No IHS' },
|
||||
{ label: 'Telpon' },
|
||||
{ label: 'Fee Ranap' },
|
||||
{ label: 'Fee Rajal' },
|
||||
{ label: 'Status' },
|
||||
],
|
||||
]
|
||||
|
||||
export const keys = [
|
||||
'bpjs_code',
|
||||
'name',
|
||||
'identity_number',
|
||||
'sip_no',
|
||||
'ihs_number',
|
||||
'phone',
|
||||
'inPatient_itemPrice',
|
||||
'outPatient_itemPrice',
|
||||
'status',
|
||||
'action',
|
||||
]
|
||||
|
||||
export const delKeyNames: KeyLabel[] = [
|
||||
{ key: 'code', label: 'Kode' },
|
||||
{ key: 'name', label: 'Nama' },
|
||||
]
|
||||
|
||||
export const funcParsed: RecStrFuncUnknown = {
|
||||
name: (rec: unknown): unknown => {
|
||||
console.log(rec)
|
||||
const recX = rec as SmallDetailDto
|
||||
return `${recX.frontTitle} ${recX.name} ${recX.endTitle}`.trim()
|
||||
},
|
||||
identity_number: (rec: unknown): unknown => {
|
||||
const recX = rec as SmallDetailDto
|
||||
if (recX.identity_number?.substring(0, 5) === 'BLANK') {
|
||||
return '(TANPA NIK)'
|
||||
}
|
||||
return recX.identity_number
|
||||
},
|
||||
inPatient_itemPrice: (rec: unknown): unknown => {
|
||||
const recX = rec as SmallDetailDto
|
||||
return Number(recX.inPatient_itemPrice.price).toLocaleString('id-ID')
|
||||
},
|
||||
outPatient_itemPrice: (rec: unknown): unknown => {
|
||||
const recX = rec as SmallDetailDto
|
||||
return Number(recX.outPatient_itemPrice.price).toLocaleString('id-ID')
|
||||
},
|
||||
status: (rec: unknown): unknown => {
|
||||
const recX = rec as SmallDetailDto
|
||||
return doctorStatus[recX.status_code as keyof typeof doctorStatus]
|
||||
},
|
||||
}
|
||||
|
||||
export const funcComponent: RecStrFuncComponent = {
|
||||
action(rec, idx) {
|
||||
const res: RecComponent = {
|
||||
idx,
|
||||
rec: rec as object,
|
||||
component: action,
|
||||
}
|
||||
return res
|
||||
},
|
||||
}
|
||||
|
||||
export const funcHtml: RecStrFuncUnknown = {
|
||||
patient_address(_rec) {
|
||||
return '-'
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
<script setup lang="ts">
|
||||
import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg'
|
||||
|
||||
defineProps<{
|
||||
data: any[]
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<PubBaseDataTable
|
||||
:rows="data"
|
||||
:cols="cols"
|
||||
:header="header"
|
||||
:keys="keys"
|
||||
:func-parsed="funcParsed"
|
||||
:func-html="funcHtml"
|
||||
:func-component="funcComponent"
|
||||
/>
|
||||
</template>
|
||||
@@ -0,0 +1,29 @@
|
||||
<script setup lang="ts">
|
||||
import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
|
||||
|
||||
const data = ref({
|
||||
name: '',
|
||||
specialization: '',
|
||||
hospital: '',
|
||||
})
|
||||
|
||||
function onClick(type: string) {
|
||||
if (type === 'cancel') {
|
||||
navigateTo('/human-src/user')
|
||||
} else if (type === 'draft') {
|
||||
// do something
|
||||
} else if (type === 'submit') {
|
||||
// do something
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<AppDoctorEntryForm v-model="data" />
|
||||
</div>
|
||||
<AppUserEntryForm v-model="data" />
|
||||
<div class="my-2 flex justify-end py-2">
|
||||
<Action @click="onClick" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,53 @@
|
||||
<script setup lang="ts">
|
||||
import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
|
||||
import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
|
||||
|
||||
const data = ref([])
|
||||
|
||||
const refSearchNav: RefSearchNav = {
|
||||
onClick: () => {
|
||||
// open filter modal
|
||||
},
|
||||
onInput: (_val: string) => {
|
||||
// filter patient list
|
||||
},
|
||||
onClear: () => {
|
||||
// clear url param
|
||||
},
|
||||
}
|
||||
|
||||
const recId = ref<number>(0)
|
||||
const recAction = ref<string>('')
|
||||
const recItem = ref<any>(null)
|
||||
|
||||
const headerPrep: HeaderPrep = {
|
||||
title: 'User',
|
||||
icon: 'i-lucide-users',
|
||||
addNav: {
|
||||
label: 'Tambah',
|
||||
onClick: () => navigateTo('/human-src/user/add'),
|
||||
},
|
||||
}
|
||||
|
||||
useAsyncData('getDoctor', () => xfetch('/api/v1/doctor'), { server: false, immediate: true })
|
||||
|
||||
async function getDoctorList() {
|
||||
const resp = await xfetch('/api/v1/doctor')
|
||||
if (resp.success) {
|
||||
data.value = (resp.body as Record<string, any>).data
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getDoctorList()
|
||||
})
|
||||
|
||||
provide('rec_id', recId)
|
||||
provide('rec_action', recAction)
|
||||
provide('rec_item', recItem)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
|
||||
<AppDoctorList :data="data" />
|
||||
</template>
|
||||
|
||||
+169
-119
@@ -1,170 +1,220 @@
|
||||
export interface ActiveStatusCode {
|
||||
code: 'active' | 'inactive'
|
||||
name: 'Aktif' | 'Tidak Aktif'
|
||||
export const activeStatusCodes: Record<string, string> = {
|
||||
active: 'Aktif',
|
||||
inactive: 'Tidak Aktif',
|
||||
}
|
||||
|
||||
export interface DataStatusCode {
|
||||
code: 'new' | 'review' | 'process' | 'done' | 'canceled' | 'rejected' | 'skiped'
|
||||
name: 'Baru' | 'Review' | 'Proses' | 'Selesai' | 'Dibatalkan' | 'Ditolak' | 'Dilewati'
|
||||
export const dataStatusCodes: Record<string, string> = {
|
||||
new: 'Baru',
|
||||
review: 'Review',
|
||||
process: 'Proses',
|
||||
done: 'Selesai',
|
||||
canceled: 'Dibatalkan',
|
||||
rejected: 'Ditolak',
|
||||
skiped: 'Dilewati',
|
||||
}
|
||||
|
||||
export interface UserStatusCode {
|
||||
code: 'new' | 'active' | 'inactive' | 'blocked' | 'suspended'
|
||||
name: 'Baru' | 'Aktif' | 'Tidak Aktif' | 'Diblokir' | 'Dibekukan'
|
||||
export const userStatusCodes: Record<string, string> = {
|
||||
new: 'Baru',
|
||||
active: 'Aktif',
|
||||
inactive: 'Tidak Aktif',
|
||||
blocked: 'Diblokir',
|
||||
suspended: 'Dibekukan',
|
||||
}
|
||||
|
||||
export interface ItemGroupCode {
|
||||
code: 'infra' | 'medicine' | 'device' | 'material'
|
||||
name: 'Infrastruktur' | 'Obat' | 'Peralatan' | 'Perlengkapan'
|
||||
export const itemGroupCodes: Record<string, string> = {
|
||||
infra: 'Infrastruktur',
|
||||
medicine: 'Obat',
|
||||
device: 'Peralatan',
|
||||
material: 'Perlengkapan',
|
||||
}
|
||||
|
||||
export interface UnitTypeCode {
|
||||
code: 'reg' | 'exa' | 'pay' | 'pha' | 'lab' | 'rad'
|
||||
name: 'Registrasi' | 'Pemeriksaan' | 'Pembayaran' | 'Farmasai' | 'Laboratorium' | 'Radiologi'
|
||||
export const unitTypeCodes: Record<string, string> = {
|
||||
reg: 'Registrasi',
|
||||
exa: 'Pemeriksaan',
|
||||
pay: 'Pembayaran',
|
||||
pha: 'Farmasai',
|
||||
lab: 'Laboratorium',
|
||||
rad: 'Radiologi',
|
||||
}
|
||||
|
||||
export interface QueueStatusCode {
|
||||
code: 'wait' | 'proc' | 'done' | 'cancel' | 'skip'
|
||||
name: 'Tunggu' | 'Proses' | 'Selesai' | 'Batal' | 'Dilewati'
|
||||
export const queueStatusCodes: Record<string, string> = {
|
||||
wait: 'Tunggu',
|
||||
proc: 'Proses',
|
||||
done: 'Selesai',
|
||||
cancel: 'Batal',
|
||||
skip: 'Dilewati',
|
||||
}
|
||||
|
||||
export interface EncounterClassCode {
|
||||
code: 'outpatient' | 'ambulatory' | 'emergency' | 'inpatient' | 'draft' | 'done' | 'cancel' | 'skip'
|
||||
name: 'Rawat Jalan' | 'Rawat Jalan' | 'Gawat Darurat' | 'Rawat Inap' | 'Draft' | 'Selesai' | 'Batal' | 'Dilewati'
|
||||
export const encounterClassCodes: Record<string, string> = {
|
||||
outpatient: 'Rawat Jalan',
|
||||
ambulatory: 'Rawat Jalan',
|
||||
emergency: 'Gawat Darurat',
|
||||
inpatient: 'Rawat Inap',
|
||||
draft: 'Draft',
|
||||
done: 'Selesai',
|
||||
cancel: 'Batal',
|
||||
skip: 'Dilewati',
|
||||
}
|
||||
|
||||
export interface TimeUnitCode {
|
||||
code: 'sec' | 'min' | 'hour' | 'day' | 'week' | 'month' | 'year'
|
||||
name: 'Detik' | 'Menit' | 'Jam' | 'Hari' | 'Minggu' | 'Bulan' | 'Tahun'
|
||||
export const timeUnitCodes: Record<string, string> = {
|
||||
sec: 'Detik',
|
||||
min: 'Menit',
|
||||
hour: 'Jam',
|
||||
day: 'Hari',
|
||||
week: 'Minggu',
|
||||
month: 'Bulan',
|
||||
year: 'Tahun',
|
||||
}
|
||||
|
||||
export interface DischargeMethodCode {
|
||||
code: 'home' | 'home-request'
|
||||
name: 'Home' | 'Home Request'
|
||||
export const dischargeMethodCodes: Record<string, string> = {
|
||||
home: 'Home',
|
||||
'home-request': 'Home Request',
|
||||
}
|
||||
|
||||
export interface GenderCode {
|
||||
code: 'male' | 'female' | 'not-stated' | 'unknown'
|
||||
name: 'Laki' | 'Perempuan' | 'Tidak Disebutkan' | 'Tidak Diketahui'
|
||||
export const genderCodes: Record<string, string> = {
|
||||
male: 'Laki - Laki',
|
||||
female: 'Perempuan',
|
||||
'not-stated': 'Tidak Disebutkan',
|
||||
unknown: 'Tidak Diketahui',
|
||||
}
|
||||
|
||||
export interface ReligionCode {
|
||||
code: 'islam' | 'protestan' | 'katolik' | 'hindu' | 'buda' | 'konghucu'
|
||||
name: 'Islam' | 'Protestan' | 'Katolik' | 'Hindu' | 'Buda' | 'Konghucu'
|
||||
export const religionCodes: Record<string, string> = {
|
||||
islam: 'Islam',
|
||||
protestan: 'Protestan',
|
||||
katolik: 'Katolik',
|
||||
hindu: 'Hindu',
|
||||
buda: 'Buda',
|
||||
konghucu: 'Konghucu',
|
||||
}
|
||||
|
||||
export interface EducationCode {
|
||||
code: 'TS' | 'TK' | 'SD' | 'SMP' | 'SMA' | 'D1' | 'D2' | 'D3' | 'S1' | 'S2' | 'S3'
|
||||
name: 'TS' | 'TK' | 'SD' | 'SMP' | 'SMA' | 'D1' | 'D2' | 'D3' | 'S1' | 'S2' | 'S3'
|
||||
export const educationCodes: Record<string, string> = {
|
||||
TS: 'TS',
|
||||
TK: 'TK',
|
||||
SD: 'SD',
|
||||
SMP: 'SMP',
|
||||
SMA: 'SMA',
|
||||
D1: 'D1',
|
||||
D2: 'D2',
|
||||
D3: 'D3',
|
||||
S1: 'S1',
|
||||
S2: 'S2',
|
||||
S3: 'S3',
|
||||
}
|
||||
|
||||
export interface OccupationCode {
|
||||
code: 'tidak-bekerja' | 'pns' | 'polisi' | 'tni' | 'guru' | 'wiraswasta' | 'kary-swasta' | 'lainnya'
|
||||
name:
|
||||
| 'Tidak Bekerja'
|
||||
| 'Pegawai Negeri Sipil'
|
||||
| 'Polisi'
|
||||
| 'TNI'
|
||||
| 'Guru'
|
||||
| 'Wiraswasta'
|
||||
| 'Karyawan Swasta'
|
||||
| 'Lainnya'
|
||||
export const occupationCodes: Record<string, string> = {
|
||||
'tidak-bekerja': 'Tidak Bekerja',
|
||||
pns: 'Pegawai Negeri Sipil',
|
||||
polisi: 'Polisi',
|
||||
tni: 'TNI',
|
||||
guru: 'Guru',
|
||||
wiraswasta: 'Wiraswasta',
|
||||
'kary-swasta': 'Karyawan Swasta',
|
||||
lainnya: 'Lainnya',
|
||||
}
|
||||
|
||||
export interface PersonContactType {
|
||||
code: 'phone' | 'm-phone' | 'email' | 'fax'
|
||||
name: 'Telepon' | 'HP / Ponsel' | 'Email' | 'Fax'
|
||||
export const personContactTypes: Record<string, string> = {
|
||||
phone: 'Telepon',
|
||||
'm-phone': 'HP / Ponsel',
|
||||
email: 'Email',
|
||||
fax: 'Fax',
|
||||
}
|
||||
|
||||
export interface DayCode {
|
||||
code: '0' | '1' | '2' | '3' | '4' | '5' | '6'
|
||||
name: 'Minggu' | '' | '' | '' | '' | '' | 'Sabtu'
|
||||
export const dayCodes: Record<string, string> = {
|
||||
'0': 'Minggu',
|
||||
'1': '',
|
||||
'2': '',
|
||||
'3': '',
|
||||
'4': '',
|
||||
'5': '',
|
||||
'6': 'Sabtu',
|
||||
}
|
||||
|
||||
export interface PaymentMethodCode {
|
||||
code: 'cash' | 'debit' | 'credit' | 'insurance' | 'membership'
|
||||
name: 'Cash' | 'Debit' | 'Kredit' | 'Asuransi' | 'Membership'
|
||||
export const paymentMethodCodes: Record<string, string> = {
|
||||
cash: 'Cash',
|
||||
debit: 'Debit',
|
||||
credit: 'Kredit',
|
||||
insurance: 'Asuransi',
|
||||
membership: 'Membership',
|
||||
}
|
||||
|
||||
export interface TransportationCode {
|
||||
code: 'ambulance' | 'car' | 'motor-cycle' | 'other'
|
||||
name: 'Ambulans' | 'Mobil' | 'Motor' | 'Lainnya'
|
||||
export const transportationCodes: Record<string, string> = {
|
||||
ambulance: 'Ambulans',
|
||||
car: 'Mobil',
|
||||
'motor-cycle': 'Motor',
|
||||
other: 'Lainnya',
|
||||
}
|
||||
|
||||
export interface PersonConditionCode {
|
||||
code: 'res' | 'emg' | 'urg' | 'lurg' | 'nurg' | 'doa'
|
||||
name: 'Resutiasi' | 'Darurat' | 'Mendesak' | 'Kurang Mendesak' | 'Mendesak' | 'Meninggal Saat Tiba'
|
||||
export const personConditionCodes: Record<string, string> = {
|
||||
res: 'Resutiasi',
|
||||
emg: 'Darurat',
|
||||
urg: 'Mendesak',
|
||||
lurg: 'Kurang Mendesak',
|
||||
nurg: 'Mendesak',
|
||||
doa: 'Meninggal Saat Tiba',
|
||||
}
|
||||
|
||||
export interface EmergencyClassCode {
|
||||
code: 'emg' | 'eon'
|
||||
name: 'Darurat' | 'Ponek'
|
||||
export const emergencyClassCodes: Record<string, string> = {
|
||||
emg: 'Darurat',
|
||||
eon: 'Ponek',
|
||||
}
|
||||
|
||||
export interface OutpatientClassCode {
|
||||
code: 'op' | 'icu' | 'hcu' | 'vk'
|
||||
name: 'Rawat Inap' | 'ICU' | 'HCU' | 'Kamar Bersalin'
|
||||
export const outpatientClassCodes: Record<string, string> = {
|
||||
op: 'Rawat Inap',
|
||||
icu: 'ICU',
|
||||
hcu: 'HCU',
|
||||
vk: 'Kamar Bersalin',
|
||||
}
|
||||
|
||||
export interface CheckupScopeCode {
|
||||
code: 'lab' | 'mic-lab' | 'pa-lab' | 'rad'
|
||||
name: 'Laboratorium' | 'Microbacterial Laboratorium' | 'Patology Anatomy Laboratorium' | 'Radiology'
|
||||
export const checkupScopeCodes: Record<string, string> = {
|
||||
lab: 'Laboratorium',
|
||||
'mic-lab': 'Microbacterial Laboratorium',
|
||||
'pa-lab': 'Patology Anatomy Laboratorium',
|
||||
rad: 'Radiology',
|
||||
}
|
||||
|
||||
export interface EmployeePositionCode {
|
||||
code: 'doctor' | 'nurse' | 'nutritionist' | 'laborant' | 'pharmacy' | 'payment' | 'payment-verificator' | 'management'
|
||||
name:
|
||||
| 'Dokter'
|
||||
| 'Perawat'
|
||||
| 'Ahli Gisi'
|
||||
| 'Laboran'
|
||||
| 'Farmasi'
|
||||
| 'Pembayaran'
|
||||
| 'Konfirmasi Pembayaran'
|
||||
| 'Management'
|
||||
export const employeePositionCodes: Record<string, string> = {
|
||||
doctor: 'Dokter',
|
||||
nurse: 'Perawat',
|
||||
nutritionist: 'Ahli Gisi',
|
||||
laborant: 'Laboran',
|
||||
pharmacy: 'Farmasi',
|
||||
payment: 'Pembayaran',
|
||||
'payment-verificator': 'Konfirmasi Pembayaran',
|
||||
management: 'Management',
|
||||
}
|
||||
|
||||
export interface SubjectCode {
|
||||
code:
|
||||
| 'pri-compl'
|
||||
| 'sec-compl'
|
||||
| 'cur-disea-hist'
|
||||
| 'pas-disea-hist'
|
||||
| 'fam-disea-hist'
|
||||
| 'alg-hist'
|
||||
| 'alg-react'
|
||||
| 'med-hist'
|
||||
name:
|
||||
| 'Primary Complaint'
|
||||
| 'Secondary Complaint'
|
||||
| 'Current Disease History'
|
||||
| 'Past Disease History'
|
||||
| 'Family Disease History'
|
||||
| 'Allergic Hist'
|
||||
| 'Allergic Reaction'
|
||||
| 'Medication Hist'
|
||||
export const subjectCodes: Record<string, string> = {
|
||||
'pri-compl': 'Primary Complaint',
|
||||
'sec-compl': 'Secondary Complaint',
|
||||
'cur-disea-hist': 'Current Disease History',
|
||||
'pas-disea-hist': 'Past Disease History',
|
||||
'fam-disea-hist': 'Family Disease History',
|
||||
'alg-hist': 'Allergic Hist',
|
||||
'alg-react': 'Allergic Reaction',
|
||||
'med-hist': 'Medication Hist',
|
||||
}
|
||||
|
||||
export interface ObjectCode {
|
||||
code: 'consc-level' | 'consc-level-det' | 'syst-bp' | 'diast-bp' | 'hear-rt' | 'temp' | 'spo2' | 'weight' | 'height'
|
||||
name:
|
||||
| 'Tingkat Kesadaran'
|
||||
| 'Detail Tingkat Kesadaran'
|
||||
| 'Tekanan Darah Systolic'
|
||||
| 'Tekanan Darah Diastolic'
|
||||
| 'Detak Jantung'
|
||||
| 'Suhu'
|
||||
| 'SpO2'
|
||||
| 'Berat Badan'
|
||||
| 'Tinggi Badan'
|
||||
export const objectCodes: Record<string, string> = {
|
||||
'consc-level': 'Tingkat Kesadaran',
|
||||
'consc-level-det': 'Detail Tingkat Kesadaran',
|
||||
'syst-bp': 'Tekanan Darah Systolic',
|
||||
'diast-bp': 'Tekanan Darah Diastolic',
|
||||
'hear-rt': 'Detak Jantung',
|
||||
temp: 'Suhu',
|
||||
spo2: 'SpO2',
|
||||
weight: 'Berat Badan',
|
||||
height: 'Tinggi Badan',
|
||||
}
|
||||
|
||||
export interface AssessmentCode {
|
||||
code: 'early-diag' | 'late-diag' | 'sec-diag'
|
||||
name: 'Diagnosis Awal' | 'Diagnosis Akhir' | 'Diagnosis Sekunder'
|
||||
export const assessmentCodes: Record<string, string> = {
|
||||
'early-diag': 'Diagnosis Awal',
|
||||
'late-diag': 'Diagnosis Akhir',
|
||||
'sec-diag': 'Diagnosis Sekunder',
|
||||
}
|
||||
|
||||
export interface InstructionCode {
|
||||
code: 'detail' | 'med-act' | 'medication' | 'material'
|
||||
name: 'Detail Instruksi' | 'Tindakan medis' | 'Obat' | 'BMHP'
|
||||
export const instructionCodes: Record<string, string> = {
|
||||
detail: 'Detail Instruksi',
|
||||
'med-act': 'Tindakan medis',
|
||||
medication: 'Obat',
|
||||
material: 'BMHP',
|
||||
}
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
<script setup lang="ts">
|
||||
import type { PagePermission } from '~/models/role'
|
||||
import Error from '~/components/pub/base/error/error.vue'
|
||||
import { PAGE_PERMISSIONS } from '~/lib/page-permission'
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['rbac'],
|
||||
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
|
||||
title: 'Tambah User',
|
||||
contentFrame: 'cf-full-width',
|
||||
})
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
useHead({
|
||||
title: () => route.meta.title as string,
|
||||
})
|
||||
|
||||
const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
|
||||
|
||||
const { checkRole, hasCreateAccess } = useRBAC()
|
||||
|
||||
// Check if user has access to this page
|
||||
const hasAccess = checkRole(roleAccess)
|
||||
if (!hasAccess) {
|
||||
throw createError({
|
||||
statusCode: 403,
|
||||
statusMessage: 'Access denied',
|
||||
})
|
||||
}
|
||||
|
||||
// Define permission-based computed properties
|
||||
const canCreate = hasCreateAccess(roleAccess)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div v-if="canCreate">
|
||||
<FlowUserEntry />
|
||||
</div>
|
||||
<Error v-else :status-code="403" />
|
||||
</template>
|
||||
@@ -0,0 +1,40 @@
|
||||
<script setup lang="ts">
|
||||
import type { PagePermission } from '~/models/role'
|
||||
import Error from '~/components/pub/base/error/error.vue'
|
||||
import { PAGE_PERMISSIONS } from '~/lib/page-permission'
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['rbac'],
|
||||
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
|
||||
title: 'Daftar User',
|
||||
contentFrame: 'cf-full-width',
|
||||
})
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
useHead({
|
||||
title: () => route.meta.title as string,
|
||||
})
|
||||
|
||||
const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
|
||||
|
||||
const { checkRole, hasReadAccess } = useRBAC()
|
||||
|
||||
// Check if user has access to this page
|
||||
const hasAccess = checkRole(roleAccess)
|
||||
if (!hasAccess) {
|
||||
navigateTo('/403')
|
||||
}
|
||||
|
||||
// Define permission-based computed properties
|
||||
const canRead = hasReadAccess(roleAccess)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div v-if="canRead">
|
||||
<FlowUserList />
|
||||
</div>
|
||||
<Error v-else :status-code="403" />
|
||||
</div>
|
||||
</template>
|
||||
+4
-2
@@ -10,6 +10,7 @@ export default withNuxt(
|
||||
stylistic: {
|
||||
semi: false,
|
||||
quotes: 'single',
|
||||
quoteProps: 'as-needed',
|
||||
// Less strict formatting
|
||||
jsx: false,
|
||||
trailingComma: 'all',
|
||||
@@ -18,14 +19,15 @@ export default withNuxt(
|
||||
{
|
||||
rules: {
|
||||
// Basic rules
|
||||
'quotes': ['error', 'single', { avoidEscape: true }],
|
||||
quotes: ['error', 'single', { avoidEscape: true }],
|
||||
'style/quote-props': 'off',
|
||||
'style/no-trailing-spaces': ['error', { ignoreComments: true }],
|
||||
|
||||
'no-console': 'off',
|
||||
|
||||
// Relax strict formatting rules
|
||||
'style/brace-style': 'off', // Allow inline if
|
||||
'curly': ['error', 'multi-line'], // Only require braces for multi-line
|
||||
curly: ['error', 'multi-line'], // Only require braces for multi-line
|
||||
'style/arrow-parens': 'off',
|
||||
|
||||
// UnoCSS - make it warning instead of error, or disable completely
|
||||
|
||||
@@ -30,6 +30,17 @@
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Karyawan",
|
||||
"icon": "i-lucide-users",
|
||||
"children": [
|
||||
{
|
||||
"title": "User",
|
||||
"icon": "i-lucide-user",
|
||||
"link": "/human-src/user"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Dokter",
|
||||
"icon": "i-lucide-cross",
|
||||
|
||||
Reference in New Issue
Block a user