feat/encounter: done

app/components/content/encounter/status.vue

@@ -1,14 +1,19 @@
 <script setup lang="ts">
 //
 import { getValueLabelList as getDoctorValueLabelList } from '~/services/doctor.service'
+import { getValueLabelList as getEmployeeValueLabelList } from '~/services/employee.service'
 import { getValueLabelList as getUnitValueLabelList } from '~/services/unit.service'
 import type { CheckInFormData, CheckOutFormData } from '~/schemas/encounter.schema'
 import { CheckInSchema, CheckOutSchema } from '~/schemas/encounter.schema'
 
 //
-import Checkin from '~/components/app/encounter/checkin-entry.vue'
-import Checkout from '~/components/app/encounter/checkout-entry.vue'
+import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
+import CheckInView from '~/components/app/encounter/check-in-view.vue'
+import CheckInEntry from '~/components/app/encounter/check-in-entry.vue'
+import CheckOutView from '~/components/app/encounter/check-out-view.vue'
+import CheckOutEntry from '~/components/app/encounter/check-out-entry.vue'
 import type { Encounter } from '~/models/encounter'
+import { checkIn } from '~/services/encounter.service'
 
 //
 const props = defineProps<{
@@ -16,19 +21,19 @@ const props = defineProps<{
 }>()
 
 // doctors
-const doctors = await getDoctorValueLabelList()
-
-// units
+const doctors = await getDoctorValueLabelList({'includes': 'employee,employee-person'})
+const employees = await getEmployeeValueLabelList({'includes': 'person', 'position-code': 'reg'})
 const units = await getUnitValueLabelList()
 
 // check in
 const checkInValues = ref<any>({
-  dischargeMethod_code: '',
-  unit_id: 0,
-  responsibleDoctor_id: 0,
+  discharge_method_code: '',
+  responsible_doctor_id: 0,
+  // registeredAt: '',
 })
 const checkInIsLoading = ref(false)
 const checkInIsReadonly = ref(false)
+const checkInDialogOpen = ref(false)
 
 // check out
 const checkOutValues = ref<any>({
@@ -38,12 +43,21 @@ const checkOutValues = ref<any>({
 })
 const checkOutIsLoading = ref(false)
 const checkOutIsReadonly = ref(false)
+const checkOutDialogOpen = ref(false)
 
-function checkInSubmit(values: CheckInFormData) {
-  console.log(values)
+function editCheckIn() {
+  checkInDialogOpen.value = true
 }
 
-function checkOutSubmit(values: CheckOutFormData) {
+function submitCheckIn(values: CheckInFormData) {
+  checkIn(props.encounter.id, values)
+}
+
+function editCheckOut() {
+  checkOutDialogOpen.value = true
+}
+
+function submitCheckOut(values: CheckOutFormData) {
   console.log(values)
 }
 </script>
@@ -52,28 +66,60 @@ function checkOutSubmit(values: CheckOutFormData) {
   <div class="lg:grid grid-cols-2">
     <div class="border-r lg:pe-4 xl:pe-5 mb-10">
       <div class="mb-4 xl:mb-5 text-base text-center font-semibold">Informasi Masuk</div>
-      <Checkin
-        :schema="CheckInSchema"
-        :doctors="doctors"
+      <CheckInView
         :encounter="encounter"
-        :values="checkInValues"
         :is-loading="checkInIsLoading"
         :is-readonly="checkInIsReadonly"
-        @submit="checkInSubmit"
+        @edit="editCheckIn"
       />
     </div>
     <div class="lg:ps-4 xl:ps-5">
       <Separator class="lg:hidden my-4 xl:my-5" />
       <div class="mb-4 xl:mb-5 text-base text-center font-semibold">Informasi Keluar</div>
-      <Checkout
-        :schema="CheckOutSchema"
-        :doctors="doctors"
-        :units="units"
-        :values="checkOutValues"
+      <CheckOutView
+        :encounter="encounter"
         :is-loading="checkOutIsLoading"
         :is-readonly="checkOutIsReadonly"
-        @submit="checkOutSubmit"
+        @edit="editCheckOut"
       />
     </div>
   </div>
+
+  <Dialog
+    v-model:open="checkInDialogOpen"
+    title="Ubah Informasi Masuk"
+    size="md"
+    prevent-outside
+  >
+    <CheckInEntry
+      :schema="CheckInSchema"
+      :values="checkInValues"
+      :encounter="encounter"
+      :doctors="doctors"
+      :employees="employees"
+      :is-loading="checkInIsLoading"
+      :is-readonly="checkInIsReadonly"
+      @submit="submitCheckIn"
+      @cancel="checkInDialogOpen = false"
+    />
+  </Dialog>
+
+  <Dialog
+    v-model:open="checkOutDialogOpen"
+    title="Ubah Informasi Keluar"
+    size="lg"
+    prevent-outside
+  >
+    <CheckOutEntry
+      :schema="CheckOutSchema"
+      :values="checkOutValues"
+      :encounter="encounter"
+      :units="units"
+      :doctors="doctors"
+      :is-loading="checkInIsLoading"
+      :is-readonly="checkInIsReadonly"
+      @submit="submitCheckOut"
+      @cancel="checkInDialogOpen = false"
+    />
+  </Dialog>
 </template>