Merge branch 'dev' into feat/consultation-82

app/components/content/encounter/process.vue

@@ -1,7 +1,16 @@
 <script setup lang="ts">
+//
 import { computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
+// Components
+import CompTab from '~/components/pub/my-ui/comp-tab/comp-tab.vue'
+import type { TabItem } from '~/components/pub/my-ui/comp-tab/type'
+
+import Status from '~/components/app/encounter/status.vue'
+import AssesmentFunctionList from '~/components/content/assesment-function/list.vue'
+import EarlyMedicalAssesmentList from '~/components/content/soapi/entry.vue'
+
 const route = useRoute()
 const router = useRouter()
 
@@ -9,7 +18,7 @@ const router = useRouter()
 const activeTab = computed({
   get: () => (route.query?.tab && typeof route.query.tab === 'string' ? route.query.tab : 'status'),
   set: (val: string) => {
-    router.replace({ path: route.path, query: { tab: val } });
+    router.replace({ path: route.path, query: { tab: val } })
   },
 })
 
@@ -25,23 +34,38 @@ const data = {
   noBilling: '223332',
   dpjp: 'dr. Syaifullah, Sp.OT(K)',
 }
+
+const tabs: TabItem[] = [
+  { value: 'status', label: 'Status Masuk/Keluar', component: Status },
+  { value: 'early-medical-assessment', label: 'Pengkajian Awal Medis', component: EarlyMedicalAssesmentList },
+  { value: 'rehab-medical-assessment', label: 'Pengkajian Awal Medis Rehabilitasi Medis' },
+  { value: 'function-assessment', label: 'Asesmen Fungsi', component: AssesmentFunctionList },
+  { value: 'therapy-protocol', label: 'Protokol Terapi' },
+  { value: 'education-assessment', label: 'Asesmen Kebutuhan Edukasi' },
+  { value: 'consent', label: 'General Consent' },
+  { value: 'patient-note', label: 'CPRJ' },
+  { value: 'prescription', label: 'Order Obat' },
+  { value: 'device', label: 'Order Alkes' },
+  { value: 'mcu-radiology', label: 'Order Radiologi' },
+  { value: 'mcu-lab-pc', label: 'Order Lab PK' },
+  { value: 'mcu-lab-micro', label: 'Order Lab Mikro' },
+  { value: 'mcu-lab-pa', label: 'Order Lab PA' },
+  { value: 'medical-action', label: 'Order Ruang Tindakan' },
+  { value: 'mcu-result', label: 'Hasil Penunjang' },
+  { value: 'consultation', label: 'Konsultasi' },
+  { value: 'resume', label: 'Resume' },
+  { value: 'control', label: 'Surat Kontrol' },
+  { value: 'screening', label: 'Skrinning MPP' },
+  { value: 'supporting-document', label: 'Upload Dokumen Pendukung' },
+]
 </script>
 
 <template>
   <div class="w-full">
     <div class="mb-4">
-      <Button
-        class="flex items-center gap-2 rounded-full border border-orange-400 bg-orange-50 px-3 py-1 text-sm font-medium text-orange-600 hover:bg-orange-100"
-      >
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
-        </svg>
-        Kembali ke Daftar Kunjungan
-      </Button>
+      <PubMyUiNavContentBa label="Kembali ke Daftar Kunjungan" />
     </div>
-
     <AppEncounterQuickInfo :data="data" />
-
-    <AppEncounterProcess :initial-active-tab="activeTab" @change-tab="activeTab = $event" />
+    <CompTab :data="tabs" :initial-active-tab="activeTab" @change-tab="activeTab = $event" />
   </div>
 </template>