From b720074409da0737f12e59c596f7c082417da279 Mon Sep 17 00:00:00 2001
From: waruneeauy <warunee.auy@gmail.com>
Date: Thu, 12 Jun 2025 12:23:14 +0700
Subject: [PATCH] fix bug watch props of appeal complain

---
 src/modules/07_appealComplain/views/Form.vue | 57 +++++++++++---------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/modules/07_appealComplain/views/Form.vue b/src/modules/07_appealComplain/views/Form.vue
index 6411e5f..322d4e5 100644
--- a/src/modules/07_appealComplain/views/Form.vue
+++ b/src/modules/07_appealComplain/views/Form.vue
@@ -150,39 +150,44 @@ function onSubmit(data: FormDataType) {
 
 watch(
   () => props.formProfile,
-  () => {
-    if (props.formProfile !== null) {
-      formData.fullname = props.formProfile.fullname;
-      formData.profileId = props.formProfile.profileId;
-      formData.citizenId = props.formProfile.citizenId;
-      formData.oc = props.formProfile.oc;
-      formData.position = props.formProfile.position;
+  (newValue) => {
+    if (newValue !== null) {
+      formData.fullname = newValue.fullname;
+      formData.profileId = newValue.profileId;
+      formData.citizenId = newValue.citizenId;
+      formData.oc = newValue.oc;
+      formData.position = newValue.position;
     }
-  }
+  },
+  { deep: true }
 );
 
 watch(
   () => props.data,
-  () => {
-    isReadOnly.value = true;
-    formData.id = props.data.id;
-    formData.title = props.data.title;
-    formData.description = props.data.description;
-    formData.status = props.data.status;
-    formData.type = props.data.type;
-    formData.year = props.data.year;
-    formData.caseType = props.data.caseType;
-    formData.caseNumber = props.data.caseNumber;
-    formData.fullname = props.data.fullname;
-    formData.citizenId = props.data.citizenId;
-    formData.profileId = props.data.profileId;
-    formData.lastUpdatedAt = props.data.lastUpdatedAt;
-    formData.disciplineComplaint_Appeal_Docs =
-      props.data.disciplineComplaint_Appeal_Docs;
-    formData.historyStatus = props.data.historyStatus;
-  }
+  (newValue) => {
+    if (newValue !== null) {
+      isReadOnly.value = true;
+      formData.id = props.data.id;
+      formData.title = props.data.title;
+      formData.description = props.data.description;
+      formData.status = props.data.status;
+      formData.type = props.data.type;
+      formData.year = props.data.year;
+      formData.caseType = props.data.caseType;
+      formData.caseNumber = props.data.caseNumber;
+      formData.fullname = props.data.fullname;
+      formData.citizenId = props.data.citizenId;
+      formData.profileId = props.data.profileId;
+      formData.lastUpdatedAt = props.data.lastUpdatedAt;
+      formData.disciplineComplaint_Appeal_Docs =
+        props.data.disciplineComplaint_Appeal_Docs;
+      formData.historyStatus = props.data.historyStatus;
+    }
+  },
+  { deep: true }
 );
 </script>
+
 <template>
   <div class="row">
     <div class="col-sm-12 col-md-12 col-xs-12">