From f1b07a527bede00bebb2bff8491bd0c1a7c2adec Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 10 Jan 2025 11:21:30 +0700
Subject: [PATCH] feat: add readonly state to FailRemarkDialog based on task
 status

---
 src/pages/09_task-order/receive_view/MainPage.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/09_task-order/receive_view/MainPage.vue b/src/pages/09_task-order/receive_view/MainPage.vue
index cd5b7664..3a4c125d 100644
--- a/src/pages/09_task-order/receive_view/MainPage.vue
+++ b/src/pages/09_task-order/receive_view/MainPage.vue
@@ -5,7 +5,7 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { getUserId } from 'src/services/keycloak';
 
 // NOTE: Import Components
-import { SaveButton, MainButton } from 'src/components/button';
+import { SaveButton } from 'src/components/button';
 import { StateButton } from 'components/button';
 import InfoMessengerExpansion from '../expansion/receive/InfoMessengerExpansion.vue';
 import InfoProductExpansion from '../expansion/receive/InfoProductExpansion.vue';
@@ -61,6 +61,7 @@ const statusTabForm = ref<
   },
 ]);
 const failedDialog = ref(false);
+const failedDialogReadonly = ref(false);
 const taskStatusRecords = ref<
   {
     requestWorkId: string;
@@ -72,6 +73,7 @@ const taskStatusRecords = ref<
 >([]);
 const selectedEmployee = ref<
   (RequestWork & {
+    taskStatus: TaskStatus;
     _template?: {
       id: string;
       templateName: string;
@@ -638,6 +640,15 @@ watch([currentFormData.value.taskStatus], () => {
                                 },
                               ];
                               failedDialog = true;
+                              failedDialogReadonly =
+                                fullTaskOrder?.userTask.find(
+                                  (l) =>
+                                    l.userId ===
+                                    fullTaskOrder?.taskList[0].requestWorkStep
+                                      .responsibleUserId,
+                                )?.userTaskStatus === UserTaskStatus.Submit
+                                  ? true
+                                  : false;
                             }
                           "
                           @change-status="
@@ -659,6 +670,7 @@ watch([currentFormData.value.taskStatus], () => {
               </q-expansion-item>
 
               <FailRemarkDialog
+                :readonly="failedDialogReadonly"
                 :fail-task-option="list"
                 v-model:open="failedDialog"
                 v-model:set-task-status-list="taskStatusRecords"