feat/tidy-up:

- mengurangi elm yg tidak diperlukan
- menyesuaikan font-size sesuai breakpoint

app/components/app/medicine/entry-form.vue

@@ -38,7 +38,7 @@ const items = [
             </Field>
           </FieldGroup>
           <FieldGroup :column="2">
-            <Label>Metode Pemberian</Label>
+            <Label>Cara Pemberian</Label>
             <Field name="phone">
               <Select :items="items" />
             </Field>

app/components/app/prescription-item/list-entry.ts

@@ -0,0 +1,66 @@
+import type {
+  Col,
+  KeyLabel,
+  RecComponent,
+  RecStrFuncComponent,
+  RecStrFuncUnknown,
+  Th,
+} from '~/components/pub/custom-ui/data/types'
+import { defineAsyncComponent } from 'vue'
+
+type SmallDetailDto = any
+
+const action = defineAsyncComponent(() => import('~/components/pub/custom-ui/data/dropdown-action-dud.vue'))
+
+export const cols: Col[] = [{}, {}, {}, {}, {}, {}, { width: 50 }]
+
+export const header: Th[][] = [
+  [
+    { label: 'Nama' },
+    { label: 'Bentuk' },
+    { label: 'Freq' },
+    { label: 'Dosis' },
+    { label: 'Interval' },
+    { label: 'Total' },
+    { label: '' },
+  ],
+]
+
+export const keys = ['name', 'uom_code', 'frequency', 'multiplier', 'interval', 'total', 'action']
+
+export const delKeyNames: KeyLabel[] = [
+  { key: 'code', label: 'Kode' },
+  { key: 'name', label: 'Nama' },
+]
+
+export const funcParsed: RecStrFuncUnknown = {
+  cateogry: (rec: unknown): unknown => {
+    return (rec as SmallDetailDto).medicineCategory?.name || '-'
+  },
+  group: (rec: unknown): unknown => {
+    return (rec as SmallDetailDto).medicineGroup?.name || '-'
+  },
+  method: (rec: unknown): unknown => {
+    return (rec as SmallDetailDto).medicineMethod?.name || '-'
+  },
+  unit: (rec: unknown): unknown => {
+    return (rec as SmallDetailDto).medicineUnit?.name || '-'
+  },
+}
+
+export const funcComponent: RecStrFuncComponent = {
+  action: (rec: unknown, idx: number): RecComponent => {
+    const res: RecComponent = {
+      idx,
+      rec: rec as object,
+      component: action,
+    }
+    return res
+  },
+}
+
+export const funcHtml: RecStrFuncUnknown = {
+  // (_rec) {
+  //   return '-'
+  // },
+}

app/components/app/prescription-item/list-entry.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-entry'
+
+defineProps<{
+  data: any[]
+}>()
+</script>
+
+<template>
+  <PubBaseDataTable
+    :rows="data"
+    :cols="cols"
+    :header="header"
+    :keys="keys"
+    :func-parsed="funcParsed"
+    :func-html="funcHtml"
+    :func-component="funcComponent"
+  />
+</template>

app/components/app/prescription/entry.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <PubCustomUiDocEntryBlock mode="preview" :colCount=3>
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell />
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>Tgl Order</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell />
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>Status</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+    </PubCustomUiDocEntryBlock>
+  </div>
+</template>

app/components/app/prescription/list.vue

@@ -0,0 +1,42 @@
+<template>
+  <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>
+    <PubCustomUiDocEntryBlock mode="preview" :colCount=3>
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell />
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>Tgl Order</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+      <PubCustomUiDocEntryCell />
+      <PubCustomUiDocEntryCell>
+        <PubCustomUiDocEntryLabel>Status</PubCustomUiDocEntryLabel>
+        <PubCustomUiDocEntryField>
+            <Input />
+        </PubCustomUiDocEntryField>
+      </PubCustomUiDocEntryCell>
+    </PubCustomUiDocEntryBlock>
+  </div>
+</template>