diff --git a/src/modules/11_discipline/components/1_Complaint/Form.vue b/src/modules/11_discipline/components/1_Complaint/Form.vue
index 2578209e3..62e606060 100644
--- a/src/modules/11_discipline/components/1_Complaint/Form.vue
+++ b/src/modules/11_discipline/components/1_Complaint/Form.vue
@@ -44,6 +44,7 @@ const dateNotificationRef = ref<Object | null>(null);
 const complaintFromRef = ref<Object | null>(null);
 const appellantRef = ref<Object | null>(null);
 
+const fileList = ref<ArrayFileList[]>()
 /** รับ props มาจากหน้าหลัก */
 const props = defineProps({
   data: {
@@ -407,7 +408,7 @@ watch(props.data, async () => {
   formData.documentFile = props.data.documentFile;
   formData.complaintStatus = props.data.complaintStatus;
   complainstStore.fetchComplainstAdd(props.data.persons);
-  formData.fileList = props.data.fileList;
+  fileList.value = props.data.fileList
 });
 
 /**
@@ -964,12 +965,11 @@ onMounted(() => {
           >
         </div>
       </div>
-
-      <div class="q-pa-md">
+      <div class="q-pa-md" v-if="fileList">
         <q-list
           bordered
           separator
-          v-for="data in formData.fileList"
+          v-for="data in fileList"
           :key="data.id"
         >
           <q-item clickable v-ripple class="items-center">