Merged Stash

app/components/app/encounter/process.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import AssesmentFunctionList from './assesment-function/list.vue'
+import PrescriptionList from '~/components/content/prescription/list.vue'
 
 const props = defineProps<{
   initialActiveTab: string
@@ -26,7 +27,7 @@ const tabs: TabItem[] = [
   { value: 'education-assessment', label: 'Asesmen Kebutuhan Edukasi' },
   { value: 'consent', label: 'General Consent' },
   { value: 'patient-note', label: 'CPRJ' },
-  { value: 'prescription', label: 'Order Obat' },
+  { value: 'prescription', label: 'Order Obat', component: PrescriptionList },
   { value: 'device', label: 'Order Alkes' },
   { value: 'mcu-radiology', label: 'Order Radiologi' },
   { value: 'mcu-lab-pc', label: 'Order Lab PK' },

app/components/app/prescription/list.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import * as DE from '~/components/pub/my-ui/doc-entry';
+import type { PaginationMeta } from '~/components/pub/my-ui/pagination/pagination.type'
+
+interface Props {
+  data: any[]
+  paginationMeta: PaginationMeta
+}
+defineProps<Props>()
+
+</script>
+
+<template>
+  {{ data.length }}
+  <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>
+    <DE.Block mode="preview" :colCount=3>
+      <DE.Cell>
+        <DE.Label>DPJP</DE.Label>
+        <DE.Field>
+            <Input />
+        </DE.Field>
+      </DE.Cell>
+      <DE.Cell />
+      <DE.Cell>
+        <DE.Label>Tgl Order</DE.Label>
+        <DE.Field>
+            <Input />
+        </DE.Field>
+      </DE.Cell>
+      <DE.Cell>
+        <DE.Label>DPJP</DE.Label>
+        <DE.Field>
+            <Input />
+        </DE.Field>
+      </DE.Cell>
+      <DE.Cell />
+      <DE.Cell>
+        <DE.Label>Status</DE.Label>
+        <DE.Field>
+            <Input />
+        </DE.Field>
+      </DE.Cell>
+    </DE.Block>
+  </div>
+</template>