munawwirul_jamal/simrsx-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' into fe-prescription-56

Browse Source
This commit is contained in:
Andrian Roshandy
2025-09-29 08:27:01 +07:00
parent 4fbd8ee757 97d36f1279
commit ba77ed1bb5
47 changed files with 1267 additions and 566 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/app.vue
-1
View File
@@ -20,7 +20,6 @@ useHead({
<NuxtPage />
</NuxtLayout>
</div>
<Toaster />
</ConfigProvider>
</template>
app/assets/css/main.css
+4
View File
@@ -173,6 +173,10 @@ body {
@apply bg-slate-100 dark:bg-slate-800 ;
}
body, table, label {
@apply md:!text-xs xl:!text-sm 2xl:!text-base;
}
/* Container */
.container {
width: 100%;
app/components/app/medicine/entry-form.vue
+1 -1
View File
@@ -38,7 +38,7 @@ const items = [
</Field>
</FieldGroup>
<FieldGroup :column="2">
<Label>Metode Pemberian</Label>
<Label>Cara Pemberian</Label>
<Field name="phone">
<Select :items="items" />
</Field>
app/components/app/prescription-item/list-entry.ts
+66
View File
@@ -0,0 +1,66 @@
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'))
export const cols: Col[] = [{}, {}, {}, {}, {}, {}, { width: 50 }]
export const header: Th[][] = [
[
{ label: 'Nama' },
{ label: 'Bentuk' },
{ label: 'Freq' },
{ label: 'Dosis' },
{ label: 'Interval' },
{ label: 'Total' },
{ label: '' },
],
]
export const keys = ['name', 'uom_code', 'frequency', 'multiplier', 'interval', 'total', 'action']
export const delKeyNames: KeyLabel[] = [
{ key: 'code', label: 'Kode' },
{ key: 'name', label: 'Nama' },
]
export const funcParsed: RecStrFuncUnknown = {
cateogry: (rec: unknown): unknown => {
return (rec as SmallDetailDto).medicineCategory?.name || '-'
},
group: (rec: unknown): unknown => {
return (rec as SmallDetailDto).medicineGroup?.name || '-'
},
method: (rec: unknown): unknown => {
return (rec as SmallDetailDto).medicineMethod?.name || '-'
},
unit: (rec: unknown): unknown => {
return (rec as SmallDetailDto).medicineUnit?.name || '-'
},
}
export const funcComponent: RecStrFuncComponent = {
action: (rec: unknown, idx: number): RecComponent => {
const res: RecComponent = {
idx,
rec: rec as object,
component: action,
}
return res
},
}
export const funcHtml: RecStrFuncUnknown = {
// (_rec) {
// return '-'
// },
}
app/components/app/prescription-item/list-entry.vue
+19
View File
@@ -0,0 +1,19 @@
<script setup lang="ts">
import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-entry'
defineProps<{
data: any[]
}>()
</script>
<template>
<PubBaseDataTable
:rows="data"
:cols="cols"
:header="header"
:keys="keys"
:func-parsed="funcParsed"
:func-html="funcHtml"
:func-component="funcComponent"
/>
</template>
app/components/app/prescription/entry.vue
+32
View File
@@ -0,0 +1,32 @@
<template>
<div>
<PubCustomUiDocEntryBlock mode="preview" :colCount=3>
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell />
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>Tgl Order</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell />
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>Status</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
</PubCustomUiDocEntryBlock>
</div>
</template>
app/components/app/prescription/list.vue
+42
View File
@@ -0,0 +1,42 @@
<template>
<div class="p-10 text-center">
<div class="mb-4 xl:mb-5">Belum Ada Data</div>
<div>
<Button>
<Icon name="i-lucide-plus" class="me-2 align-middle" />
Tambah Order
</Button>
</div>
</div>
<Separator class="my-5" />
<div>
<PubCustomUiDocEntryBlock mode="preview" :colCount=3>
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell />
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>Tgl Order</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
<PubCustomUiDocEntryCell />
<PubCustomUiDocEntryCell>
<PubCustomUiDocEntryLabel>Status</PubCustomUiDocEntryLabel>
<PubCustomUiDocEntryField>
<Input />
</PubCustomUiDocEntryField>
</PubCustomUiDocEntryCell>
</PubCustomUiDocEntryBlock>
</div>
</template>
app/components/content/division/list.vue
-2
View File
@@ -176,7 +176,6 @@ function handleCancelConfirmation() {
</script>
<template>
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<AppDivisonList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
@@ -202,7 +201,6 @@ function handleCancelConfirmation() {
</div>
</template>
</RecordConfirmation>
</div>
</template>
<style scoped>
app/components/content/equipment/list.vue
+1 -5
View File
@@ -130,11 +130,8 @@ onMounted(async () => {
</script>
<template>
<div class="p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" class="mb-4 xl:mb-5" />
<AppEquipmentList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
</div>
<Dialog
v-model:open="isFormEntryDialogOpen"
@@ -177,5 +174,4 @@ onMounted(async () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
app/components/content/installation/list.vue
-2
View File
@@ -179,7 +179,6 @@ function handleCancelConfirmation() {
</script>
<template>
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<AppInstallationList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
@@ -200,7 +199,6 @@ function handleCancelConfirmation() {
</div>
</template>
</RecordConfirmation>
</div>
</template>
<style scoped>
app/components/content/medicine-group/list.vue
+1 -5
View File
@@ -112,11 +112,8 @@ onMounted(async () => {
</script>
<template>
<div class="p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" class="mb-4 xl:mb-5" />
<AppMedicineGroupList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
</div>
<Dialog
v-model:open="isFormEntryDialogOpen"
@@ -158,5 +155,4 @@ onMounted(async () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
app/components/content/medicine-method/list.vue
+1 -5
View File
@@ -112,11 +112,8 @@ onMounted(async () => {
</script>
<template>
<div class="p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" class="mb-4 xl:mb-5" />
<AppMedicineMethodList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
</div>
<Dialog
v-model:open="isFormEntryDialogOpen"
@@ -158,5 +155,4 @@ onMounted(async () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
app/components/content/prescription/list.vue
+69
View File
@@ -0,0 +1,69 @@
<script setup lang="ts">
import type { DataTableLoader } from '~/components/pub/base/data-table/type'
import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
import PrescriptionItemListEntry from '~/components/app/prescription-item/list-entry.vue'
const data = ref([])
const refSearchNav: RefSearchNav = {
onClick: () => {
// open filter modal
},
onInput: (_val: string) => {
// filter patient list
},
onClear: () => {
// clear url param
},
}
const isLoading = reactive<DataTableLoader>({
isTableLoading: false,
})
const recId = ref<number>(0)
const recAction = ref<string>('')
const recItem = ref<any>(null)
const headerPrep: HeaderPrep = {
title: 'Resep Obat',
icon: 'i-lucide-panel-bottom',
addNav: {
label: 'Tambah',
onClick: () => navigateTo('/tools-equipment-src/equipment/add'),
},
}
provide('rec_id', recId)
provide('rec_action', recAction)
provide('rec_item', recItem)
provide('table_data_loader', isLoading)
onMounted(() => {
getMaterialList()
})
async function getMaterialList() {
isLoading.dataListLoading = true
// const resp = await xfetch('/api/v1/material')
// if (resp.success) {
// data.value = (resp.body as Record<string, any>).data
// }
isLoading.dataListLoading = false
}
</script>
<template>
<Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
<AppPrescriptionList v-if="!isLoading.dataListLoading" />
<AppPrescriptionEntry />
<PrescriptionItemListEntry :data=[] />
<div>
<Button>
Tambah
</Button>
</div>
</template>
app/components/content/specialist/list.vue
-2
View File
@@ -202,7 +202,6 @@ watch(recId, () => {
</script>
<template>
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<AppSpecialistList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
@@ -234,7 +233,6 @@ watch(recId, () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
<style scoped>
app/components/content/subspecialist/list.vue
-2
View File
@@ -203,7 +203,6 @@ watch(recId, () => {
</script>
<template>
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<AppSubspecialistList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
@@ -237,5 +236,4 @@ watch(recId, () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
app/components/content/tools/list.vue
+1 -5
View File
@@ -131,11 +131,8 @@ onMounted(async () => {
</script>
<template>
<div class="p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" class="mb-4 xl:mb-5" />
<AppToolsList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
</div>
<Dialog
v-model:open="isFormEntryDialogOpen"
@@ -178,5 +175,4 @@ onMounted(async () => {
</div>
</template>
</RecordConfirmation>
</div>
</template>
app/components/content/unit/list.vue
-2
View File
@@ -177,7 +177,6 @@ function handleCancelConfirmation() {
</script>
<template>
<div class="rounded-md border p-4">
<Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
<AppUnitList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
@@ -201,7 +200,6 @@ v-model:open="isRecordConfirmationOpen" action="delete" :record="recItem"
</div>
</template>
</RecordConfirmation>
</div>
</template>
<style scoped>
app/components/layout/SidebarNavGroup.vue
+2 -2
View File
@@ -22,7 +22,7 @@ const openCollapsible = ref(false)
<Collapsible :key="item.title" v-model:open="openCollapsible" as-child class="group/collapsible ">
<SidebarMenuItem>
<CollapsibleTrigger as-child>
<SidebarMenuButton :tooltip="item.title" :size="size">
<SidebarMenuButton :tooltip="item.title" :size="size" class="md:!text-xs xl:!text-sm 2xl:!text-base">
<Icon :name="item.icon || ''" mode="svg" />
<span class="mx-2">{{ item.title }}</span>
<Icon
@@ -37,7 +37,7 @@ const openCollapsible = ref(false)
<SidebarMenuSubButton as-child>
<NuxtLink
:to="subItem.link"
class="mx-4 rounded-lg py-5 text-sm transition-all duration-200"
class="mx-4 rounded-lg py-5 text-sm transition-all duration-200 md:!text-xs xl:!text-sm 2xl:!text-base"
active-class="bg-primary text-white"
@click="setOpenMobile(false)"
>
app/components/layout/SidebarNavLink.vue
+1 -1
View File
@@ -21,7 +21,7 @@ const { setOpenMobile } = useSidebar()
<SidebarMenuButton as-child :tooltip="item.title" :size="size" class="">
<NuxtLink
:to="item.link"
class="group flex items-center gap-3 rounded-lg px-2 py-4 text-sm transition-all duration-200"
class="group flex items-center gap-3 rounded-lg px-2 py-4 text-sm transition-all duration-200 md:!text-xs xl:!text-sm 2xl:!text-base"
active-class="bg-primary text-white"
@click="setOpenMobile(false)"
>
app/components/pub/custom-ui/doc-entry/block.vue
+1 -1
View File
@@ -30,7 +30,7 @@ const getLabelSizeIdx = (size: string) => {
const settingClass = computed(() => {
const breakPointIdx = getBreakpointIdx(props.gridPoint)
let cls = breakpoints[breakPointIdx]
cls += ' gap-4 xl:gap-5 ' + [
cls += ' gap-x-4 xl:gap-x-5 gap-y-2 xl:gap-y-3 ' + [
'grid-cols-1', 'grid-cols-2', 'grid-cols-3', 'grid-cols-4', 'grid-cols-5',
'grid-cols-6', 'grid-cols-7', 'grid-cols-8', 'grid-cols-9', 'grid-cols-10',
][props.colCount - 1]
app/components/pub/custom-ui/form/label.vue
+2 -2
View File
@@ -1,7 +1,7 @@
<script setup lang="ts">
const props = withDefaults(
defineProps<{
labelFor: string
labelFor?: string
size?: 'default' | 'narrow' | 'wide'
height?: 'default' | 'compact'
position?: 'default' | 'dynamic'
@@ -48,7 +48,7 @@ const labelClass = computed(() => [props.stacked ? 'block mb-1 text-sm font-medi
<template>
<div :class="wrapperClass">
<label class="block text-base font-medium text-gray-600" :class="labelClass" :for="labelFor">
<label class="block" :class="labelClass" :for="labelFor">
<slot />
</label>
</div>
app/components/pub/custom-ui/nav-header/prep.vue
+12 -10
View File
@@ -23,21 +23,23 @@ function btnClick() {
<header>
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="ml-3 text-lg font-bold text-gray-900">
<Icon :name="props.prep.icon!" class="mr-2 size-4 align-middle md:size-6" />
<div class="text-lg font-semibold text-gray-900">
<Icon :name="props.prep.icon!" class="mr-2 size-4 md:size-6 align-middle" />
{{ props.prep.title }}
</div>
</div>
<div class="flex items-center">
<div v-if="props.refSearchNav" class="ml-3 text-lg text-gray-900">
<!-- <Input -->
<!-- type="text" placeholder="Search" -->
<!-- class="w-full rounded-md border bg-white px-4 py-2 text-gray-900 sm:text-sm" @click="emitSearchNavClick" -->
<!-- @input="onInput" -->
<!-- /> -->
<div v-if="props.refSearchNav" class="text-lg text-gray-900">
<Input
type="text"
placeholder="Search"
class="sm:text-sm"
@click="emitSearchNavClick"
@input="onInput"
/>
</div>
<div v-if="prep.addNav" class="m-2 flex items-center">
<Button size="md" class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">
<div v-if="prep.addNav" class="flex items-center ms-2">
<Button class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">
<Icon name="i-lucide-plus" class="mr-2 h-4 w-4 align-middle" />
{{ prep.addNav.label }}
</Button>
app/components/pub/ui/input/Input.vue
+1 -1
View File
@@ -24,7 +24,7 @@ const modelValue = useVModel(props, 'modelValue', emits, {
v-model="modelValue"
:class="
cn(
'border-input ring-offset-background placeholder:text-muted-foreground flex h-9 w-full rounded-md border border-gray-400 px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50',
'border-input dark:bg-slate-950 ring-offset-background placeholder:text-muted-foreground flex h-8 xl:h-9 w-full rounded-md border border-gray-400 px-3 py-2 md:text-xs xl:text-sm file:border-0 file:bg-transparent md:file:text-xs xl:file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50',
props.class,
)
"
app/components/pub/ui/label/Label.vue
+1 -1
View File
@@ -19,7 +19,7 @@ const delegatedProps = computed(() => {
v-bind="delegatedProps"
:class="
cn(
'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
'md:!text-xs xl:text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
props.class,
)
"
app/components/pub/ui/select/SelectTrigger.vue
+1 -1
View File
@@ -21,7 +21,7 @@ const iconName = computed(() => props.iconName || 'i-radix-icons-caret-sort')
v-bind="forwardedProps"
:class="
cn(
'border-input ring-offset-background placeholder:text-muted-foreground relative flex h-10 w-full rounded-md border border-gray-400 pl-3 pr-8 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50',
'border-input ring-offset-background placeholder:text-muted-foreground relative flex h-9 md:h-8 xl:h-9 w-full rounded-md border border-gray-400 pl-3 pr-8 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50',
props.class,
)
"
app/layouts/default.vue
+26 -90
View File
@@ -3,18 +3,22 @@ import CardContent from '~/components/pub/ui/card/CardContent.vue'
const route = useRoute()
const contentFrame = computed(() => route.meta.contentFrame)
const contentContent = computed(() => {
const contentFrameClass = computed(() => {
switch (contentFrame.value) {
case 'cf-container-lg':
return 'cf-frame cf-container-lg-content'
case 'cf-container-2xl':
return 'cf-container-2xl'
case 'cf-container-2xl':
return 'cf-container-xl'
case 'cf-container-xl':
return 'cf-container-lg'
case 'cf-container-md':
return 'cf-frame cf-container-md-content'
return 'cf-container-md'
case 'cf-container-sm':
return 'cf-frame cf-container-sm-content'
return 'cf-container-sm'
case 'cf-full-width':
return 'cf-frame-width'
return 'cf-full-width'
default:
return 'cf-frame'
return 'cf-container-lg'
}
})
</script>
@@ -24,8 +28,8 @@ const contentContent = computed(() => {
<LayoutAppSidebar />
<SidebarInset>
<LayoutHeader />
<div class="w-full min-w-0 flex-1 overflow-x-auto p-4 xl:p-5 2xl:p-6">
<div v-if="contentFrame !== 'cf-no-frame'" :class="`contentFrame ${contentContent} ${contentFrame}`">
<div :class="`w-full p-4 xl:p-5 2xl:p-6 flex justify-center ${contentFrameClass}`">
<div v-if="contentFrame !== 'cf-no-frame'">
<Card>
<CardContent>
<slot />
@@ -39,34 +43,24 @@ const contentContent = computed(() => {
</template>
<style scoped>
.cf-container,
.cf-container-lg,
.cf-container-md,
.cf-container-sm {
/* container-type: inline-size;
max-width: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 0.375rem;
padding-bottom: 5rem; */
/* padding-left: 1rem;
padding-right: 1rem; */
}
.cf-container > *,
.cf-container-lg > *,
.cf-container-md > *,
.cf-container-sm > *,
.cf-full-width {
/* margin-left: auto;
margin-right: auto; */
/* padding: 0.75rem;
padding-bottom: 5rem; */
/* background-color: hsl(var(--background));
border-radius: 0.375rem;
border: 1px solid hsl(var(--border));
border-color: rgb(226 232 240);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
width: 100%;
}
.cf-full-width > * {
width: 100%;
}
.cf-container-2xl > * {
max-width: 1400px;
}
.cf-container-xl > * {
max-width: 1200px;
}
.cf-container-lg > * {
@@ -80,62 +74,4 @@ const contentContent = computed(() => {
.cf-container-sm > * {
max-width: 576px;
}
.cf-frame-width {
/* margin-left: auto;
margin-right: auto;
background-color: hsl(var(--background));
border-radius: 0.375rem;
border: 1px solid hsl(var(--border));
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 100%; */
/* padding: 1rem; */
}
.cf-frame {
/* margin-left: auto;
margin-right: auto;
padding: 1rem;
background-color: hsl(var(--background));
border-radius: 0.375rem;
border: 1px solid hsl(var(--border));
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 100%; */
}
@media (min-width: 640px) {
.cf-container,
.cf-container-lg,
.cf-container-md,
.cf-container-sm {
/* padding-left: 2rem;
padding-right: 2rem; */
}
.cf-frame {
/* padding: 2rem; */
}
.cf-frame-width {
/* padding: 2rem; */
}
}
@media (min-width: 1024px) {
.cf-container,
.cf-container-lg,
.cf-container-md,
.cf-container-sm {
/* padding-left: 3rem;
padding-right: 3rem; */
}
.cf-frame {
/* padding: 3rem; */
}
.cf-frame-width {
/* padding: 3rem; */
}
}
</style>
app/pages/(features)/org-src/division/index.vue
+3 -5
View File
@@ -32,10 +32,8 @@ const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentDivisionList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/org-src/installation/index.vue
+3 -5
View File
@@ -32,10 +32,8 @@ const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentInstallationList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/org-src/specialist/index.vue
+3 -5
View File
@@ -32,10 +32,8 @@ const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentSpecialistList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/org-src/subspecialist/index.vue
+3 -5
View File
@@ -32,10 +32,8 @@ const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentSubspecialistList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/org-src/unit/index.vue
+3 -5
View File
@@ -32,10 +32,8 @@ const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentUnitList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/equipment/index.vue
+4 -6
View File
@@ -7,7 +7,7 @@ definePageMeta({
middleware: ['rbac'],
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
title: 'Daftar User',
contentFrame: 'cf-full-width',
contentFrame: 'cf-container-lg',
})
const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = true // hasReadAccess(roleAccess)
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentEquipmentList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/medicine-method/index.vue
+4 -6
View File
@@ -7,7 +7,7 @@ definePageMeta({
middleware: ['rbac'],
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
title: 'Daftar Dokter',
contentFrame: 'cf-full-width',
contentFrame: 'cf-container-lg',
})
const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentMedicineMethodList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/medicine-type/index.vue
+4 -6
View File
@@ -7,7 +7,7 @@ definePageMeta({
middleware: ['rbac'],
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
title: 'Daftar Dokter',
contentFrame: 'cf-full-width',
contentFrame: 'cf-container-lg',
})
const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentMedicineGroupList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/medicine/add.vue
+2 -2
View File
@@ -34,8 +34,8 @@ const canCreate = hasCreateAccess(roleAccess)
</script>
<template>
<div v-if="canCreate">
<template v-if="canCreate">
<ContentMedicineEntry />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/medicine/index.vue
+3 -5
View File
@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentMedicineList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/(features)/tools-equipment-src/tools/index.vue
+4 -6
View File
@@ -7,7 +7,7 @@ definePageMeta({
middleware: ['rbac'],
roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
title: 'Daftar User',
contentFrame: 'cf-full-width',
contentFrame: 'cf-container-lg',
})
const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = true // hasReadAccess(roleAccess)
</script>
<template>
<div>
<div v-if="canRead">
<template v-if="canRead">
<ContentToolsList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
<Error v-else :status-code="403" />
</template>
app/pages/_dev/prescription/list.vue
+41
View File
@@ -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: 'Daftar Divisi',
contentFrame: 'cf-container-lg',
})
const route = useRoute()
useHead({
title: () => route.meta.title as string,
})
// const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
// 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)
const canRead = true
</script>
<template>
<div>
<div v-if="canRead">
<ContentPrescriptionList />
</div>
<Error v-else :status-code="403" />
</div>
</template>
eslint.config.js
+1
View File
@@ -42,6 +42,7 @@ export default withNuxt(
// Allow more flexible code style
'style/max-statements-per-line': ['error', { max: 3 }],
'antfu/if-newline': 'off', // Disable newline after if requirement
'antfu/top-level-function': false,
},
},
{
public/side-menu-items/doc.json
+116
View File
@@ -0,0 +1,116 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Rawat Jalan",
"icon": "i-lucide-stethoscope",
"children": [
{
"title": "Triase",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/encounter"
},
{
"title": "Konsultasi",
"icon": "i-lucide-building-2",
"link": "/outpatient/consultation"
}
]
},
{
"title": "IGD",
"icon": "i-lucide-zap",
"children": [
{
"title": "Triase",
"icon": "i-lucide-stethoscope",
"link": "/emergency/triage"
},
{
"title": "Kunjungan",
"icon": "i-lucide-building-2",
"link": "/emergency/encounter"
},
{
"title": "Konsultasi",
"icon": "i-lucide-building-2",
"link": "/emergency/consultation"
}
]
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"children": [
{
"title": "Kunjungan",
"icon": "i-lucide-building-2",
"link": "/rehab/encounter"
},
{
"title": "Konsultasi",
"icon": "i-lucide-building-2",
"link": "/rehab/consultation"
}
]
},
{
"title": "Rawat Inap",
"icon": "i-lucide-building-2",
"children": [
{
"title": "Kunjungan",
"icon": "i-lucide-building-2",
"link": "/inpatient/encounter"
},
{
"title": "Konsultasi",
"icon": "i-lucide-building-2",
"link": "/inpatient/consultation"
}
]
}
]
},
{
"heading": "Ruang Tindakan Rajal",
"items": [
{
"title": "Kemoterapi",
"icon": "i-lucide-droplets",
"link": "/cemotherapy/encounter"
},
{
"title": "Hemofilia",
"icon": "i-lucide-droplet-off",
"link": "/hemophilia/encounter"
}
]
},
{
"heading": "Ruang Tindakan Anak",
"items": [
{
"title": "Thalasemi",
"icon": "i-lucide-baby",
"link": "/thalasemia/encounter"
},
{
"title": "Echocardiography",
"icon": "i-lucide-baby",
"link": "/echocardiography/encounter"
},
{
"title": "Spirometri",
"icon": "i-lucide-baby",
"link": "/spirometry/encounter"
}
]
}
]
public/side-menu-items/lab.json
+58
View File
@@ -0,0 +1,58 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Lab - Order",
"icon": "i-lucide-microscope",
"link": "/lab-order"
},
{
"title": "Lab Mikro - Order",
"icon": "i-lucide-microscope",
"link": "/micro-lab-order"
},
{
"title": "Lab PA - Order",
"icon": "i-lucide-microscope",
"link": "/pa-lab-order"
},
{
"title": "Radiologi - Order",
"icon": "i-lucide-radio",
"link": "/radiology-order"
},
{
"title": "Gizi",
"icon": "i-lucide-egg-fried",
"link": "/nutrition-order"
},
{
"title": "Pembayaran",
"icon": "i-lucide-banknote-arrow-up",
"link": "/payment"
}
]
},
{
"heading": "Source",
"items": [
{
"title": "Umum",
"icon": "i-lucide-airplay",
"children": [
{
"title": "Uom",
"icon": "i-lucide-airplay",
"link": "/common/uom"
}
]
}
]
}
]
public/side-menu-items/miw.json
+32
View File
@@ -0,0 +1,32 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Rawat Jalan",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/encounter"
},
{
"title": "IGD",
"icon": "i-lucide-zap",
"link": "/emergency/encounter"
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"link": "/rehab/polyclinic-queue"
},
{
"title": "Rawat Inap",
"icon": "i-lucide-building-2",
"link": "/inpatient/encounter"
}
]
}
]
public/side-menu-items/nur.json
+95
View File
@@ -0,0 +1,95 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Rawat Jalan",
"icon": "i-lucide-stethoscope",
"children": [
{
"title": "Antrian Poliklinik",
"link": "/outpatient/polyclinic-queue"
},
{
"title": "Pendaftaran",
"link": "/outpatient/encounter"
}
]
},
{
"title": "IGD",
"icon": "i-lucide-zap",
"children": [
{
"title": "Triase",
"link": "/emergency/triage"
},
{
"title": "Pemeriksaan",
"link": "/emergency/encounter"
}
]
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"link": "/rehab",
"children": [
{
"title": "Antrean Poliklinik",
"link": "/rehab/polyclinic-queue"
},
{
"title": "Kunjungan",
"link": "/rehab/encounter"
}
]
},
{
"title": "Rawat Inap",
"icon": "i-lucide-building-2",
"link": "/inpatient/encounter"
}
]
},
{
"heading": "Ruang Tindakan Rajal",
"items": [
{
"title": "Kemoterapi",
"icon": "i-lucide-droplets",
"link": "/cemotherapy/encounter"
},
{
"title": "Hemofilia",
"icon": "i-lucide-droplet-off",
"link": "/hemophilia/encounter"
}
]
},
{
"heading": "Ruang Tindakan Anak",
"items": [
{
"title": "Thalasemi",
"icon": "i-lucide-baby",
"link": "/thalasemia/encounter"
},
{
"title": "Echocardiography",
"icon": "i-lucide-baby",
"link": "/echocardiography/encounter"
},
{
"title": "Spirometri",
"icon": "i-lucide-baby",
"link": "/spirometry/encounter"
}
]
}
]
public/side-menu-items/nut.json
+67
View File
@@ -0,0 +1,67 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Rawat Jalan",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/encounter"
},
{
"title": "IGD",
"icon": "i-lucide-zap",
"link": "/emergency/encounter"
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"link": "/rehab/encounter"
},
{
"title": "Rawat Inap",
"icon": "i-lucide-building-2",
"link": "/inpatient/encounter"
}
]
},
{
"heading": "Ruang Tindakan Rajal",
"items": [
{
"title": "Kemoterapi",
"icon": "i-lucide-droplets",
"link": "/outpatient-medical-act/cemotherapy"
},
{
"title": "Hemofilia",
"icon": "i-lucide-droplet-off",
"link": "/outpatient-medical-act/hemophilia"
}
]
},
{
"heading": "Ruang Tindakan Anak",
"items": [
{
"title": "Thalasemi",
"icon": "i-lucide-baby",
"link": "/child-medical-act/thalasemia"
},
{
"title": "Echocardiography",
"icon": "i-lucide-baby",
"link": "/child-medical-act/echocardiography"
},
{
"title": "Spirometri",
"icon": "i-lucide-baby",
"link": "/child-medical-act/spirometry"
}
]
}
]
public/side-menu-items/pha.json
+75
View File
@@ -0,0 +1,75 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Obat - Order",
"icon": "i-lucide-briefcase-medical",
"children": [
{
"title": "Permintaan",
"icon": "i-lucide-user",
"link": "/medication/order"
},
{
"title": "Standing Order",
"icon": "i-lucide-user",
"link": "/medication/standing-order"
}
]
}
]
},
{
"heading": "Source",
"items": [
{
"title": "Peralatan dan Perlengkapan",
"icon": "i-lucide-layout-dashboard",
"children": [
{
"title": "Obat",
"icon": "i-lucide-stethoscope",
"link": "/tools-equipment-src/medicine"
},
{
"title": "Peralatan",
"icon": "i-lucide-tools",
"link": "/tools-equipment-src/tools"
},
{
"title": "Perlengkapan (BMHP)",
"icon": "i-lucide-stethoscope",
"link": "/tools-equipment-src/equipment"
},
{
"title": "Metode Obat",
"icon": "i-lucide-user",
"link": "/tools-equipment-src/medicine-method"
},
{
"title": "Jenis Obat",
"icon": "i-lucide-user",
"link": "/tools-equipment-src/medicine-type"
}
]
},
{
"title": "Umum",
"icon": "i-lucide-airplay",
"children": [
{
"title": "Uom",
"icon": "i-lucide-airplay",
"link": "/common/uom"
}
]
}
]
}
]
public/side-menu-items/reg.json
+75
View File
@@ -0,0 +1,75 @@
[
{
"heading": "Menu Utama",
"items": [
{
"title": "Dashboard",
"icon": "i-lucide-home",
"link": "/"
},
{
"title": "Rawat Jalan",
"icon": "i-lucide-stethoscope",
"children": [
{
"title": "Antrian Pendaftaran",
"link": "/outpatient/registration-queue"
},
{
"title": "Kunjungan",
"link": "/outpatient/encounter"
}
]
},
{
"title": "IGD",
"icon": "i-lucide-zap",
"link": "/emergency/encounter"
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"link": "/rehab",
"children": [
{
"title": "Antrean Pendaftaran",
"link": "/rehab/registration-queue"
},
{
"title": "Kunjungan",
"link": "/rehab/encounter"
}
]
},
{
"title": "Rawat Inap",
"icon": "i-lucide-building-2",
"children": [
{
"title": "Permintaan",
"link": "/inpatient/request"
},
{
"title": "Kunjungan",
"link": "/inpatient/encounter"
}
]
}
]
},
{
"heading": "Client",
"items": [
{
"title": "Pasien",
"icon": "i-lucide-users",
"link": "/client/patient"
},
{
"title": "Rekam Medis",
"icon": "i-lucide-file-text",
"link": "/client/medical-record"
}
]
}
]
public/side-menu-items/sys.json
+97 -79
View File
@@ -13,23 +13,19 @@
"children": [
{
"title": "Antrian Pendaftaran",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/registration-queue"
},
{
"title": "Pendaftaran",
"icon": "i-lucide-building-2",
"link": "/outpatient/registration"
"title": "Antrian Poliklinik",
"link": "/outpatient/polyclinic-queue"
},
{
"title": "Antrian Pemeriksaan",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/examination-queue"
"title": "Kunjungan",
"link": "/outpatient/encounter"
},
{
"title": "Pendaftaran",
"icon": "i-lucide-building-2",
"link": "/outpatient/examination"
"title": "Konsultasi",
"link": "/outpatient/consultation"
}
]
},
@@ -39,18 +35,37 @@
"children": [
{
"title": "Triase",
"icon": "i-lucide-stethoscope",
"link": "/emergency/triage"
},
{
"title": "Pendaftaran",
"icon": "i-lucide-building-2",
"link": "/emergency/registration"
"title": "Kunjungan",
"link": "/emergency/encounter"
},
{
"title": "Pemeriksaan",
"icon": "i-lucide-building-2",
"link": "/emergency/examination"
"title": "Konsultasi",
"link": "/emergency/consultation"
}
]
},
{
"title": "Rehab Medik",
"icon": "i-lucide-bike",
"children": [
{
"title": "Antrean Pendaftaran",
"link": "/rehab/registration-queue"
},
{
"title": "Antrean Poliklinik",
"link": "/rehab/polyclinic-queue"
},
{
"title": "Kunjungan",
"link": "/rehab/encounter"
},
{
"title": "Konsultasi",
"link": "/rehab/consultation"
}
]
},
@@ -60,45 +75,15 @@
"children": [
{
"title": "Permintaan",
"icon": "i-lucide-stethoscope",
"link": "/outpatient/request"
},
{
"title": "Pendaftaran",
"icon": "i-lucide-building-2",
"link": "/outpatient/registration"
},
{
"title": "Pemeriksaan",
"icon": "i-lucide-building-2",
"link": "/outpatient/examination"
}
]
},
{
"title": "Rehabilitasi Medik",
"icon": "i-lucide-bike",
"link": "/rehabilitasi",
"children": [
{
"title": "Antrian Poliklinik",
"icon": "i-lucide-stethoscope",
"link": "/rehab/examination-queue"
},
{
"title": "Pendaftaran",
"icon": "i-lucide-building-2",
"link": "/rehab/registration"
},
{
"title": "Antrian Pemeriksaan",
"icon": "i-lucide-stethoscope",
"link": "/rehab/examination-queue"
"link": "/inpatient/request"
},
{
"title": "Kunjungan",
"icon": "i-lucide-building-2",
"link": "/rehab/encounter"
"link": "/inpatient/encounter"
},
{
"title": "Konsultasi",
"link": "/inpatient/consultation"
}
]
},
@@ -108,12 +93,10 @@
"children": [
{
"title": "Permintaan",
"icon": "i-lucide-user",
"link": "/medication/order"
},
{
"title": "Standing Order",
"icon": "i-lucide-user",
"link": "/medication/standing-order"
}
]
@@ -150,6 +133,41 @@
}
]
},
{
"heading": "Ruang Tindakan Rajal",
"items": [
{
"title": "Kemoterapi",
"icon": "i-lucide-droplets",
"link": "/cemotherapy/encounter"
},
{
"title": "Hemofilia",
"icon": "i-lucide-droplet-off",
"link": "/hemophilia/encounter"
}
]
},
{
"heading": "Ruang Tindakan Anak",
"items": [
{
"title": "Thalasemi",
"icon": "i-lucide-baby",
"link": "/thalasemia/encounter"
},
{
"title": "Echocardiography",
"icon": "i-lucide-baby",
"link": "/echocardiography/encounter"
},
{
"title": "Spirometri",
"icon": "i-lucide-baby",
"link": "/spirometry/encounter"
}
]
},
{
"heading": "Client",
"items": [
@@ -210,27 +228,22 @@
"children": [
{
"title": "Obat",
"icon": "i-lucide-stethoscope",
"link": "/tools-equipment-src/medicine"
},
{
"title": "Peralatan",
"icon": "i-lucide-tools",
"link": "/tools-equipment-src/tools"
},
{
"title": "Perlengkapan (BMHP)",
"icon": "i-lucide-stethoscope",
"link": "/tools-equipment-src/equipment"
},
{
"title": "Metode Obat",
"icon": "i-lucide-user",
"link": "/tools-equipment-src/medicine-method"
},
{
"title": "Jenis Obat",
"icon": "i-lucide-user",
"link": "/tools-equipment-src/medicine-type"
}
]
@@ -241,48 +254,54 @@
"children": [
{
"title": "Pegawai",
"icon": "i-lucide-stethoscope",
"link": "/human-src/employee"
},
{
"title": "PPDS",
"icon": "i-lucide-user",
"link": "/human-src/specialist-intern"
}
]
},
{
"title": "Pemeriksaan Penunjang",
"icon": "i-lucide-layout-list",
"children": [
{
"title": "Checkup",
"link": "/mcu-src/mcu"
}
]
},
{
"title": "Layanan",
"icon": "i-lucide-layout-list",
"children": [
{
"title": "Counter",
"icon": "i-lucide-stethoscope",
"link": "/service-src/counter"
},
{
"title": "Public Screen (Big Screen)",
"icon": "i-lucide-tools",
"link": "/service-src/public-screen"
},
{
"title": "Kasur",
"icon": "i-lucide-tools",
"link": "/service-src/bed"
},
{
"title": "Kamar",
"icon": "i-lucide-stethoscope",
"link": "/service-src/chamber"
},
{
"title": "Ruang",
"link": "/service-src/chamber"
},
{
"title": "Lantai",
"icon": "i-lucide-user",
"link": "/service-src/floor"
},
{
"title": "Gedung",
"icon": "i-lucide-user",
"link": "/service-src/building"
}
]
@@ -293,27 +312,22 @@
"children": [
{
"title": "Divisi",
"icon": "i-lucide-stethoscope",
"link": "/org-src/division"
},
{
"title": "Instalasi",
"icon": "i-lucide-tools",
"link": "/org-src/installation"
},
{
"title": "Unit",
"icon": "i-lucide-tools",
"link": "/org-src/unit"
},
{
"title": "Specialist",
"icon": "i-lucide-stethoscope",
"link": "/org-src/specialist"
},
{
"title": "Sub Specialist",
"icon": "i-lucide-user",
"link": "/org-src/subspecialist"
}
]
@@ -322,17 +336,21 @@
"title": "Umum",
"icon": "i-lucide-airplay",
"children": [
{
"title": "Item & Pricing",
"icon": "i-lucide-airplay",
"link": "/common/item"
},
{
"title": "Uom",
"icon": "i-lucide-airplay",
"link": "/common/uom"
}
]
},
{
"title": "Keuangan",
"icon": "i-lucide-airplay",
"children": [
{
"title": "Item & Pricing",
"link": "/common/item"
}
]
}
]
}