diff --git a/src/modules/14_KPI/views/report.vue b/src/modules/14_KPI/views/report.vue
index 8afb39273..3e4bf4369 100644
--- a/src/modules/14_KPI/views/report.vue
+++ b/src/modules/14_KPI/views/report.vue
@@ -324,17 +324,21 @@ const columns = ref<QTableProps["columns"]>([
 ]);
 
 function onClickModal() {
-  modal.value = !modal.value;
+  modal.value = true;
   if ((modal.value = true)) {
     fetchListPerson();
   }
 }
 
+function onCloseModal() {
+  modal.value = false;
+}
+
 function fetchListPerson() {}
 
 function onSelectPerson(id: string) {
   persanalId.value = id;
-  modal.value = false;
+  onCloseModal();
   fetchReport();
 }
 
@@ -624,7 +628,7 @@ onMounted(() => {
 
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 900px; max-width: 80vw">
-      <DialogHeader :tittle="'เลือกราชชื่อ'" :close="onClickModal" />
+      <DialogHeader :tittle="'เลือกราชชื่อ'" :close="onCloseModal" />
       <q-separator />
       <q-card-section class="q-col-gutter-sm">
         <div class="col-12">