From 277d58d1f271fb9a585364fa8158faca1b21f56a Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 25 Dec 2024 14:00:02 +0700
Subject: [PATCH] feat: prevent any action when readonly

---
 src/pages/08_request-list/DocumentExpansion.vue   | 4 +++-
 src/pages/08_request-list/FormExpansion.vue       | 3 ++-
 src/pages/08_request-list/PropertiesExpansion.vue | 3 ++-
 src/pages/08_request-list/RequestListView.vue     | 9 +++++++++
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/pages/08_request-list/DocumentExpansion.vue b/src/pages/08_request-list/DocumentExpansion.vue
index b85b7dfa..333a4cc8 100644
--- a/src/pages/08_request-list/DocumentExpansion.vue
+++ b/src/pages/08_request-list/DocumentExpansion.vue
@@ -55,6 +55,7 @@ const requestListStore = useRequestList();
 
 const props = withDefaults(
   defineProps<{
+    readonly?: boolean;
     listDocument: string[];
     currentId: { customer: string; employee: string };
   }>(),
@@ -237,7 +238,7 @@ function changeCustomerTab(opts: { tab: 'customer' | 'employee' }) {
       <span>
         {{ $t('menu.order.documentCheck') }}
       </span>
-      <nav class="q-ml-auto row">
+      <nav class="q-ml-auto row" v-if="!readonly">
         <CancelButton
           v-if="state.isEdit"
           id="btn-info-basic-undo"
@@ -427,6 +428,7 @@ function changeCustomerTab(opts: { tab: 'customer' | 'employee' }) {
                   </q-td>
                   <q-td class="text-left">
                     <q-btn-dropdown
+                      :disabled="readonly"
                       dense
                       unelevated
                       :label="
diff --git a/src/pages/08_request-list/FormExpansion.vue b/src/pages/08_request-list/FormExpansion.vue
index 5de34c12..bc6cdc24 100644
--- a/src/pages/08_request-list/FormExpansion.vue
+++ b/src/pages/08_request-list/FormExpansion.vue
@@ -10,6 +10,7 @@ import { AttributesForm, Step } from 'src/stores/request-list/types';
 import { useRequestList } from 'src/stores/request-list';
 
 const props = defineProps<{
+  readonly?: boolean;
   step: Step;
   responsibleAreaDistrictId?: string;
 }>();
@@ -89,7 +90,7 @@ function assignToForm() {
       <span>
         {{ $t('general.designForm') }}
       </span>
-      <nav class="q-ml-auto row">
+      <nav class="q-ml-auto row" v-if="!readonly">
         <UndoButton
           v-if="state.isEdit"
           id="btn-info-basic-undo"
diff --git a/src/pages/08_request-list/PropertiesExpansion.vue b/src/pages/08_request-list/PropertiesExpansion.vue
index 17a94fc2..b0968c59 100644
--- a/src/pages/08_request-list/PropertiesExpansion.vue
+++ b/src/pages/08_request-list/PropertiesExpansion.vue
@@ -22,6 +22,7 @@ const requestListStore = useRequestList();
 const props = withDefaults(
   defineProps<{
     id: string;
+    readonly?: boolean;
     propertiesToShow: (PropString | PropNumber | PropDate | PropOptions)[];
   }>(),
   {
@@ -100,7 +101,7 @@ defineEmits<{
       <span>
         {{ $t('general.properties') }}
       </span>
-      <nav class="q-ml-auto row">
+      <nav class="q-ml-auto row" v-if="!readonly">
         <UndoButton
           v-if="state.isEdit"
           id="btn-info-basic-undo"
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index fae92bc6..66abbade 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -605,6 +605,9 @@ function isInstallmentPaySuccess(installmentNo: number) {
                   class="column surface-1 q-px-sm bordered-t q-pb-sm q-gutter-y-sm"
                 >
                   <DocumentExpansion
+                    :readonly="
+                      data.requestDataStatus === RequestDataStatus.Canceled
+                    "
                     v-if="value._documentExpansion"
                     ref="refDocumentExpansion"
                     :attributes="value.attributes"
@@ -653,6 +656,9 @@ function isInstallmentPaySuccess(installmentNo: number) {
                     :listDocument="product?.document"
                   />
                   <FormExpansion
+                    :readonly="
+                      data.requestDataStatus === RequestDataStatus.Canceled
+                    "
                     v-if="value._formExpansion"
                     :step="{
                       step: pageState.currentStep,
@@ -668,6 +674,9 @@ function isInstallmentPaySuccess(installmentNo: number) {
                   />
                   <PropertiesExpansion
                     :id="value.id"
+                    :readonly="
+                      data.requestDataStatus === RequestDataStatus.Canceled
+                    "
                     :properties-to-show="
                       value.productService.work?.attributes.workflowStep[
                         pageState.currentStep - 1