✨ feat (soapi): integrate early,rehab,function

app/components/content/soapi/form-function.vue

@@ -1,9 +1,54 @@
 <script setup lang="ts">
+import { z } from 'zod'
 import Entry from '~/components/app/soapi/entry.vue'
+import Action from '~/components/pub/my-ui/nav-footer/ba-dr-su.vue'
 import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
+import { FunctionSoapiSchema } from '~/schemas/soapi.schema'
+import { toast } from '~/components/pub/ui/toast'
+import { handleActionSave, handleActionEdit } from '~/handlers/soapi-early.handler'
 
 const isOpen = ref(false)
 const data = ref([])
+const schema = FunctionSoapiSchema
+const model = ref({
+  'prim-compl': '',
+  'past-disease': '',
+  'current-disease': '',
+  gcs: '',
+  'respiratory-rate': '',
+  'respiratory-rate-type': '',
+  pulse: '',
+  'pulse-type': '',
+  'right-arm-bp': '',
+  'left-arm-bp': '',
+  'axillary-temp': '',
+  'rektal-temp': '',
+  skin: '',
+  head: '',
+  ear: '',
+  nose: '',
+  'oral-cavity': '',
+  eye: '',
+  'other-body-part': '',
+  neck: '',
+  thyroid: '',
+  thorax: '',
+  heart: '',
+  lung: '',
+  abdomen: '',
+  heart2: '',
+  lien: '',
+  back: '',
+  extremity: '',
+  gender: '',
+  rectum: '',
+  'system-syaraf': '',
+  'nervous-system': '',
+  'cardio-respiratory': '',
+  imaging: '',
+  laboratory: '',
+})
+
 const isLoading = reactive<DataTableLoader>({
   isTableLoading: false,
 })
@@ -21,19 +66,36 @@ onMounted(() => {
   getPatientList()
 })
 
-function handleClick(type: string) {
+function handleOpen(type: string) {
   console.log(type)
   isOpen.value = true
 }
 
+const entryRehabRef = ref()
+async function actionHandler(type: string) {
+  console.log(type)
+  const result = await entryRehabRef.value?.validate()
+  if (result?.valid) {
+    console.log('✅ Valid data:', result.data)
+    handleActionSave(result.data, {}, toast)
+  } else {
+    console.log('❌ Ada error di form', result)
+  }
+}
+
 provide('table_data_loader', isLoading)
 </script>
 <template>
   <Entry
+    ref="entryRehabRef"
+    v-model="model"
+    :schema="schema"
     type="function"
-    :exclude-fields="['prim-compl', 'sec-compl']"
-    @click="handleClick"
+    @modal="handleOpen"
   />
+  <div class="my-2 flex justify-end py-2">
+    <Action @click="actionHandler" />
+  </div>
   <Dialog
     v-model:open="isOpen"
     title="Pilih Prosedur"