From 8f069de6108299d3e259c3970235c0e704f3cf3a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 17 Oct 2024 18:05:45 +0700
Subject: [PATCH] fix: readonly quotation info

---
 src/components/05_quotation/WorkerItem.vue   | 3 ++-
 src/components/TableComponents.vue           | 3 ++-
 src/pages/05_quotation/QuotationFormInfo.vue | 2 ++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/05_quotation/WorkerItem.vue b/src/components/05_quotation/WorkerItem.vue
index 6d5a7524..c73b95a6 100644
--- a/src/components/05_quotation/WorkerItem.vue
+++ b/src/components/05_quotation/WorkerItem.vue
@@ -92,7 +92,8 @@ const columns = [
     <TableComponents
       flat
       bordered
-      :button-delete="!checkable"
+      hideView
+      :button-delete="!checkable && !readonly"
       img-column="employeeName"
       :readonly="readonly"
       :inTable
diff --git a/src/components/TableComponents.vue b/src/components/TableComponents.vue
index c42a262c..77c8733a 100644
--- a/src/components/TableComponents.vue
+++ b/src/components/TableComponents.vue
@@ -16,6 +16,7 @@ const props = withDefaults(
     buttonDelete?: boolean;
     hidePagination?: boolean;
     inTable?: boolean;
+    hideView?: boolean;
 
     imgColumn?: string;
     customColumn?: string[];
@@ -100,7 +101,7 @@ defineEmits<{
             @click="$emit('delete', props.rowIndex)"
           />
           <q-btn
-            v-if="!buttonDelete"
+            v-if="!buttonDelete && !hideView"
             icon="mdi-eye-outline"
             size="sm"
             dense
diff --git a/src/pages/05_quotation/QuotationFormInfo.vue b/src/pages/05_quotation/QuotationFormInfo.vue
index 500541a0..76ffd3c4 100644
--- a/src/pages/05_quotation/QuotationFormInfo.vue
+++ b/src/pages/05_quotation/QuotationFormInfo.vue
@@ -373,6 +373,7 @@ watch(
             >
               {{ `${$t('quotation.periodNo')} ${i + 1}` }}
               <q-input
+                :readonly
                 class="col q-mx-sm"
                 :label="$t('quotation.amount')"
                 :model-value="commaInput(period.amount.toString())"
@@ -415,6 +416,7 @@ watch(
                 </template>
               </q-input>
               <DatePicker
+                :readonly
                 v-model="period.date"
                 class="col-5"
                 :label="$t('quotation.payDueDate')"