From 285c3ee4e5a419dad03110f03920d8f3bbfb5fed Mon Sep 17 00:00:00 2001
From: Andrian Roshandy <andrianovsky95@gmail.com>
Date: Mon, 6 Oct 2025 07:56:29 +0700
Subject: [PATCH] Merged Stash

---
 app/components/app/encounter/process.vue |  3 +-
 app/components/app/prescription/list.vue | 55 ++++++++++++++++++++++++
 2 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 app/components/app/prescription/list.vue

diff --git a/app/components/app/encounter/process.vue b/app/components/app/encounter/process.vue
index 237c04c2..b90559f5 100644
--- a/app/components/app/encounter/process.vue
+++ b/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' },
diff --git a/app/components/app/prescription/list.vue b/app/components/app/prescription/list.vue
new file mode 100644
index 00000000..1d7cca7e
--- /dev/null
+++ b/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>