From d24596a83eb0aa6b864cad0e25b5a8eb5049f526 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Sat, 15 Nov 2025 07:06:08 +0700
Subject: [PATCH] fix(encounter): modify dropdown action

---
 .../app/encounter/dropdown-action.vue         | 20 +++++++++++++++++++
 app/components/app/encounter/list.vue         |  4 ++--
 app/components/content/encounter/home.vue     | 10 ++++++++--
 app/components/content/encounter/list.vue     | 12 +++++++++++
 4 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/app/components/app/encounter/dropdown-action.vue b/app/components/app/encounter/dropdown-action.vue
index 89f72153..3078d4a3 100644
--- a/app/components/app/encounter/dropdown-action.vue
+++ b/app/components/app/encounter/dropdown-action.vue
@@ -10,6 +10,8 @@ const recId = inject<Ref<number>>('rec_id')!
 const recAction = inject<Ref<string>>('rec_action')!
 const recItem = inject<Ref<any>>('rec_item')!
 const activeKey = ref<string | null>(null)
+const activePosition = inject<Ref<string>>('position')
+const linkItemsFiltered = ref<LinkItem[]>([])
 const linkItems: LinkItem[] = [
   {
     label: 'Detail',
@@ -77,6 +79,24 @@ function remove() {
   recAction.value = ActionEvents.showConfirmDelete
   recItem.value = props.rec
 }
+
+linkItemsFiltered.value = [...linkItems]
+
+if (activePosition) {
+  switch (activePosition.value) {
+    case 'medical':
+      linkItemsFiltered.value = [...linkItems]
+      break
+    case 'verificator':
+      linkItemsFiltered.value = [
+        ...linkItems.filter((item) => ['Detail', 'Print'].includes(item.label)),
+      ]
+      break
+    default:
+      linkItemsFiltered.value = [...linkItems]
+      break
+  }
+}
 </script>
 
 <template>
diff --git a/app/components/app/encounter/list.vue b/app/components/app/encounter/list.vue
index 1d58d6a7..f1c5bde6 100644
--- a/app/components/app/encounter/list.vue
+++ b/app/components/app/encounter/list.vue
@@ -2,13 +2,13 @@
 import { config } from './list.cfg'
 
 const props = defineProps<{
-  data: any[]
+  data: any[],
 }>()
 </script>
 
 <template>
   <PubMyUiDataTable
     v-bind="config"
-    :rows="data"
+    :rows="props.data"
   />
 </template>
diff --git a/app/components/content/encounter/home.vue b/app/components/content/encounter/home.vue
index 6efce7d4..0acd0515 100644
--- a/app/components/content/encounter/home.vue
+++ b/app/components/content/encounter/home.vue
@@ -20,7 +20,6 @@ import Consultation from '~/components/content/consultation/list.vue'
 import ProtocolList from '~/components/app/chemotherapy/list.protocol.vue'
 import MedicineProtocolList from '~/components/app/chemotherapy/list.medicine.vue'
 
-const { getActiveRole } = useUserStore()
 const route = useRoute()
 const router = useRouter()
 
@@ -30,6 +29,7 @@ const props = defineProps<{
   subClassCode?: 'reg' | 'rehab' | 'chemo' | 'emg' | 'eon' | 'op' | 'icu' | 'hcu' | 'vk'
 }>()
 
+const { getActiveRole } = useUserStore()
 const activeRole = getActiveRole()
 const activePosition = ref(getPositionAs(activeRole))
 const tabs = ref([] as any)
@@ -375,6 +375,12 @@ function getMenus() {
     })
 }
 
+function handleClick(type: string) {
+  if (type === 'draft') {
+    router.back()
+  }
+}
+
 watch(getActiveRole, () => {
   const activeRole = getActiveRole()
   activePosition.value = getPositionAs(activeRole)
@@ -390,7 +396,7 @@ onMounted(async () => {
 <template>
   <div class="w-full">
     <div class="mb-4">
-      <PubMyUiNavContentBa label="Kembali ke Daftar Kunjungan" />
+      <PubMyUiNavContentBa label="Kembali ke Daftar Kunjungan" @click="handleClick" />
     </div>
     <EncounterQuickInfoFull
       v-if="data && data.patient && data.patient.person"
diff --git a/app/components/content/encounter/list.vue b/app/components/content/encounter/list.vue
index 85e5321f..a80b23d3 100644
--- a/app/components/content/encounter/list.vue
+++ b/app/components/content/encounter/list.vue
@@ -7,6 +7,9 @@ import Header from '~/components/pub/my-ui/nav-header/prep.vue'
 import Filter from '~/components/pub/my-ui/nav-header/filter.vue'
 import RecordConfirmation from '~/components/pub/my-ui/confirmation/record-confirmation.vue'
 
+// Libs
+import { getPositionAs } from '~/lib/roles'
+
 // Types
 import type { DataTableLoader } from '~/components/pub/my-ui/data-table/type'
 import type { Summary } from '~/components/pub/my-ui/summary-card/type'
@@ -19,6 +22,9 @@ import { getList as getEncounterList, remove as removeEncounter, cancel as cance
 // UI
 import { toast } from '~/components/pub/ui/toast'
 
+const { getActiveRole } = useUserStore()
+const activeRole = getActiveRole()
+const activePosition = ref(getPositionAs(activeRole))
 const props = defineProps<{
   classCode?: 'ambulatory' | 'emergency' | 'inpatient' | 'outpatient'
   subClassCode?: 'reg' | 'rehab' | 'chemo' | 'emg' | 'eon' | 'op' | 'icu' | 'hcu' | 'vk'
@@ -245,10 +251,16 @@ watch(
   },
 )
 
+watch(getActiveRole, () => {
+  const activeRole = getActiveRole()
+  activePosition.value = getPositionAs(activeRole)
+})
+
 provide('rec_id', recId)
 provide('rec_action', recAction)
 provide('rec_item', recItem)
 provide('table_data_loader', isLoading)
+provide('position', activePosition)
 
 onMounted(() => {
   getPatientList()