Merge branch 'dev' of github.com:dikstub-rssa/simrs-fe into feat/satusehat

2025-08-21 10:02:38 +07:00
parent d913724d62 746d39ea14
commit e4b634e76a
10 changed files with 345 additions and 1 deletions
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import ListProsedur from './sep-prosedur/list.vue'
+
+const tabs = [
+  { value: 'sep-prosedur', label: 'Sep Prosedur', component: ListProsedur },
+  { value: 'konsultasi', label: 'Konsultasi' },
+  { value: 'surat', label: 'Surat Kontrol' },
+  { value: 'catatan', label: 'Catatan Perkembangan Pasien' },
+  { value: 'medis', label: 'Pengkajian Awal Medis & Asesmen Fungsi' },
+  { value: 'keperawatan', label: 'Pengkajian Awal Keperawatan' },
+  { value: 'protokol', label: 'Protokol Terapi' },
+  { value: 'tindakan', label: 'Tindakan' },
+  { value: 'obat', label: 'Order Obat' },
+  { value: 'bmhp', label: 'Order BMHP & Alkes' },
+  { value: 'radiologi', label: 'Pemeriksaan Radiologi' },
+  { value: 'labpk', label: 'Pemeriksaan Lab PK' },
+  { value: 'labmikro', label: 'Order Lab Mikro' },
+  { value: 'labpa', label: 'Order Lab PA' },
+  { value: 'ambulance', label: 'Ambulance' },
+  { value: 'resume', label: 'Resume' },
+]
+</script>
+
+<template>
+  <Tabs default-value="sep-prosedur" class="w-full">
+    <div class="scrollbar-hide overflow-x-auto">
+      <TabsList class="inline-flex gap-2 whitespace-nowrap bg-transparent p-2">
+        <TabsTrigger
+          v-for="tab in tabs"
+          :key="tab.value"
+          :value="tab.value"
+          class="flex-shrink-0 rounded-full px-4 py-2 text-sm font-medium data-[state=active]:bg-green-600 data-[state=inactive]:bg-gray-100 data-[state=active]:text-white data-[state=inactive]:text-gray-700"
+        >
+          {{ tab.label }}
+        </TabsTrigger>
+      </TabsList>
+    </div>
+
+    <div class="mt-4">
+      <TabsContent v-for="tab in tabs" :key="`content-${tab.value}`" :value="tab.value">
+        <div class="rounded-md border p-4">
+          <component :is="tab.component" v-bind="tab.props || {}" :label="tab.label" />
+        </div>
+      </TabsContent>
+    </div>
+  </Tabs>
+</template>
+
+<style>
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+</style>
@@ -0,0 +1,3 @@
+<template>
+  <div>halo</div>
+</template>
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
+import RehabSepProsedurList from '~/components/app/rehab/registration/sep-prosedur/list.vue'
+
+const props = defineProps<{
+  label: string
+}>()
+
+const data = ref([])
+
+const refSearchNav: RefSearchNav = {
+  onClick: () => {
+    // open filter modal
+  },
+  onInput: (_val: string) => {
+    // filter patient list
+  },
+  onClear: () => {
+    // clear url param
+  },
+}
+
+// Loading state management
+const isLoading = reactive({
+  summary: false,
+  table: false,
+})
+const recId = ref<number>(0)
+const recAction = ref<string>('')
+const recItem = ref<any>(null)
+
+const hreaderPrep: HeaderPrep = {
+  title: props.label,
+  icon: 'i-lucide-users',
+  addNav: {
+    label: 'Tambah',
+    onClick: () => navigateTo('/rehab/registration-queue/sep-prosedur/add'),
+  },
+}
+
+async function getPatientList() {
+  const resp = await xfetch('/api/v1/patient')
+  console.log('data patient', resp)
+  if (resp.success) {
+    data.value = (resp.body as Record<string, any>).data
+  }
+}
+
+onMounted(() => {
+  getPatientList()
+})
+
+provide('rec_id', recId)
+provide('rec_action', recAction)
+provide('rec_item', recItem)
+</script>
+
+<template>
+  <PubNavHeaderPrep :prep="{ ...hreaderPrep }" :ref-search-nav="refSearchNav" />
+  <div class="my-4 flex flex-1 flex-col gap-4 md:gap-8">
+    <RehabSepProsedurList :data="data" />
+  </div>
+</template>
+/template>